<?php
$limit          = (int) $instance['slider-options']['limit'];
$pagination     = $instance['slider-options']['show_pagination'] ? 1 : 0;
$navigation     = $instance['slider-options']['show_navigation'] ? 1 : 0;
$sub_categories = $instance['sub_categories'] ? '' : 0;

$item_visible               = isset( $instance['slider-options']['responsive-options'] ) ? (int) $instance['slider-options']['responsive-options']['item_visible'] : '7';
$item_small_desktop_visible = isset( $instance['slider-options']['responsive-options'] ) ? (int) $instance['slider-options']['responsive-options']['item_small_desktop_visible'] : '6';
$item_tablet_visible        = isset( $instance['slider-options']['responsive-options'] ) ? (int) $instance['slider-options']['responsive-options']['item_tablet_visible'] : '5';
$item_mobile_visible        = isset( $instance['slider-options']['responsive-options'] ) ? (int) $instance['slider-options']['responsive-options']['item_mobile_visible'] : '4';
$taxonomy                   = 'course_category';
$autoplay                   = isset( $instance['slider-options']['auto_play'] ) ? $instance['slider-options']['auto_play'] : 0;
if ( isset( $instance['image_size'] ) && strpos( $instance['image_size'], 'x' ) ) {
	$size       = explode( 'x', $instance['image_size'] );
	$img_with   = $size[0];
	$img_height = $size[1];
} else {
	$img_with   = 450;
	$img_height = 300;
}
$item_small_desktop_visible = isset( $instance['slider-options']['responsive-options'] ) ? (int) $instance['slider-options']['responsive-options']['item_small_desktop_visible'] : 6;
$args_cat                   = array(
	'taxonomy' => $taxonomy,
	'parent'   => $sub_categories,
);
$args_cat                   = apply_filters( 'thim_query_slider_categories', $args_cat );

$cat_course                 = get_categories( $args_cat );
$demo_image_source_category = get_template_directory_uri() . '/images/demo_images/demo_image_category.jpg';

$html = '';

if ( $cat_course ) {
	$index = 1;
	$html  = '<div class="thim-carousel-course-categories">';
	$html .= '<div class="thim-course-slider" data-visible="' . $item_visible . '" data-desktopsmall="' . $item_small_desktop_visible . '" data-tablet="' . $item_tablet_visible . '" data-mobile="' . $item_mobile_visible . '" data-pagination="' . $pagination . '" data-navigation="' . $navigation . '" data-autoplay="' . esc_attr( $autoplay ) . '">';
	foreach ( $cat_course as $key => $value ) {

		$top_image = get_term_meta( $value->term_id, 'thim_learnpress_top_image', true );
		if ( empty( $top_image ) ) {
			$top_image = get_term_meta( $value->term_id, 'thim_learnpress_cate_thumnail', true );
		}

		$img = '<a href="' . esc_url( get_term_link( (int) $value->term_id, $taxonomy ) ) . '">';
		if ( ! empty( $top_image ) && '' != $top_image['id'] ) {
			$img .= thim_get_feature_image( $top_image['id'], 'full', $img_with, $img_height, $value->name );
		} else {
			$img .= thim_get_feature_image( null, 'full', $img_with, $img_height, $value->name );
		}
		$img .= '</a>';

		$html .= '<div class="item">';
		$html .= '<div class="image">';
		$html .= $img;
		$html .= '</div>';
		$html .= '<h3 class="title"><a href="' . esc_url( get_term_link( (int) $value->term_id, $taxonomy ) ) . '">' . $value->name . '</a></h3>';
		$html .= '</div>';
		if ( $index == $limit ) {
			break;
		}
		++$index;
	}
	$html .= '</div></div>';
}

if ( $instance['title'] ) {
	echo ent2ncr( $args['before_title'] . $instance['title'] . $args['after_title'] );
}
echo ent2ncr( $html );
