{var $eventsProOptions = get_option('ait_events_pro_options', array())}
{var $eventsCount = $eventsProOptions['sortingDefaultCount']}



{var $orderBy = $eventsProOptions['sortingDefaultOrderBy']}
{var $order = $eventsProOptions['sortingDefaultOrder']}

{if $orderBy == 'eventDate'}
	{var $orderBy = 'post__in'}
{/if}
{var $eventsQuery = AitEventsPro::getEventsByItem($post->id, array('posts_per_page'=>$eventsCount, 'orderby' => $orderBy, 'order' => $order))}


<div id="item-events">

{if $eventsQuery->have_posts}

{includePart portal/parts/search-filters, current => $eventsQuery->post_count, max => $eventsQuery->found_posts, disableRedirect => true, postType => "ait-event-pro"}
<div class="ajax-container">
	<div class="events-container elm-item-organizer">
		<div class="elm-item-organizer-container carousel-disabled layout-list column-1">
			<div class="content">

				{customLoop from $eventsQuery as $post}
					{includePart portal/parts/event-container}
				{/customLoop}

			</div>
			<div class="loading hidden" style="display: none;"><span class="ait-preloader">{!__ 'Loading&hellip;'}</span></div>
		</div>
	</div>
</div>
{includePart parts/pagination, location => pagination-below, max => $eventsQuery->max_num_pages, query => $eventsQuery, ignoreSingle => true}

<script>
	var tabs = jQuery('#item-events');

	tabs.each(function(){
		var count = {$eventsCount};
		var offset = 0;
		var orderby = {$eventsProOptions['sortingDefaultOrderBy']};
		var order = {$eventsProOptions['sortingDefaultOrder']};

		var postType = 'ait-event-pro';

		var filter = jQuery(this).find('.filters-container');
		var pageLinks = jQuery(this).find('.page-numbers');

		pageLinks.click(function(e){
			e.preventDefault();

			if (jQuery(this).hasClass('current')) {
				return;
			}

			jQuery(pageLinks, '.current').removeClass('current');
			jQuery(this).addClass('current');
			offset = (parseInt(jQuery(this).text()) - 1) * count;
			getPaginatedPosts(count, offset, postType, orderby, order);
		});

		jQuery(filter).find('.filter-orderby select').change(function(){
			if (this.value ==- orderby) {
				return
			}
			orderby = this.value;
			getPaginatedPosts(count, offset, postType, orderby, order);
		});

		jQuery(filter).find('.filter-order a').click(function(e){
			e.preventDefault();
			order = jQuery(this).data('value');
			getPaginatedPosts(count, offset, postType, orderby, order);
		});
	});



	function getPaginatedPosts(count, offset, postType, orderby, order) {
		var request_data               = {};
		request_data['type']           = 'pagedPosts';
		request_data['postType']       = postType;
		request_data['lang']           = {AitLangs::getCurrentLanguageCode()};
		request_data['offset']         = offset;
		request_data['orderby']   	   = orderby;
		request_data['order']   	   = order;
		request_data['itemId']   	   = {$itemId};

		request_data['posts_per_page'] = count;

		jQuery('#item-events .ajax-container .content').addClass('ajax-loading');
		jQuery('#item-events .ajax-container .loading.hidden').css('display', 'block');
		ait.ajax.post('get-items:retrieve', request_data).done(function(data){
			if(data.success == true){
		jQuery('#item-events .ajax-container .content').empty();
				jQuery('#item-events .ajax-container .content').append(data.data.html_data);
				jQuery('#item-events .ajax-container .content').removeClass('ajax-loading');
		jQuery('#item-events .ajax-container .loading.hidden').css('display', 'none');
				jQuery('html, body').animate({
					scrollTop: jQuery("#item-events").offset().top
				}, 1000);
			} else {
				console.log("not success");
			}
		}).fail(function(){
			console.log("fail");
		});
	}
</script>

{else}
	{includePart parts/none, message => nothing-found}
{/if}

</div>

{block content}
{? global $wp_query}

{var $currentCategory = get_queried_object()}

{if $currentCategory->description}
<div class="entry-content">
	{!$currentCategory->description}
</div>
{/if}

<div n:class="items-container, !$wp->willPaginate($wp_query) ? 'pagination-disabled'">
	<div class="content">

		{if $wp_query->have_posts()}

		{includePart portal/parts/search-filters, taxonomy => "ait-items", current => $wp_query->post_count, max => $wp_query->found_posts}

		{if defined("AIT_ADVANCED_FILTERS_ENABLED")}
			{includePart portal/parts/advanced-filters, query => $wp_query}
		{/if}

		<div class="ajax-container">
			<div class="content">

				{var $layout = $options->theme->items->taxonomyLayout}
				{var $noFeatured = $options->theme->item->noFeatured}
				{var $numOfColumns = ($layout == 'box' ? '4' : '1')}
				{var $enableCarousel = false}
				{var $addInfo = true}

				<div class="items-container elm-item-organizer{if $layout == 'box'} organizer-alt{/if}">
					<div class="elm-item-organizer-container carousel-disabled layout-{$layout} column-{$numOfColumns}">

						{customLoop from $wp_query as $post}

							{var $item = $post}
							{var $meta = $item->meta('item-data')}

							{var $dbFeatured = get_post_meta($item->id, '_ait-item_item-featured', true)}
							{var $isFeatured = $dbFeatured != "" ? filter_var($dbFeatured, FILTER_VALIDATE_BOOLEAN) : false}

							{includePart "portal/parts/item-container", layout => $layout, noFeatured => $noFeatured}

						{/customLoop}

					</div>
				</div>

				{includePart parts/pagination, location => pagination-below, max => $wp_query->max_num_pages}

			</div>
		</div>

		{else}
			{includePart parts/none, message => empty-site}
		{/if}
	</div>
</div>