<?php
/* Prevent direct access */
defined('ABSPATH') or die("You can't access this file directly.");

/**
 * This is the default template for one isotopic result
 *
 * !!!IMPORTANT!!!
 * Do not make changes directly to this file! To have permanent changes copy this
 * file to your theme directory under the "asp" folder like so:
 *    wp-content/themes/your-theme-name/asp/isotopic.php
 *
 * It's also a good idea to use the actions to insert content instead of modifications.
 *
 * You can use any WordPress function here.
 * Variables to mention:
 *      Object() $r - holding the result details
 *      Array[]  $s_options - holding the search options
 *
 * DO NOT OUTPUT ANYTHING BEFORE OR AFTER THE <div class='item'>..</div> element
 *
 * You can leave empty lines for better visibility, they are cleared before output.
 *
 * MORE INFO: https://knowledgebase.ajaxsearchpro.com/hooks/templating/result-templating
 *
 * @since: 4.0
 */
?>
<div id="asp-res-<?php echo esc_attr($r->id); ?>"
	 class='item asp_isotopic_item<?php echo esc_attr(apply_filters('asp_result_css_class', $asp_res_css_class, $r->id, $r)); ?>'
	 data-id="<?php echo esc_attr($r->id); ?>"
	 data-content-type="<?php echo esc_attr($r->content_type ?? 'pagepost'); ?>"
>

	<?php do_action('asp_res_isotopic_begin_item'); ?>

	<?php if ( !empty($r->image) ) : ?>
		<div class='asp_image' data-src="<?php echo esc_attr($r->image); ?>">
			<img loading="lazy" alt="<?php echo esc_attr($r->title); ?>" src="<?php echo esc_attr($r->image); ?>" />
		</div>
	<?php endif; ?>

	<?php do_action('asp_res_isotopic_after_image'); ?>

	<div class='asp_content<?php echo $s_options['i_hide_content'] ? ' asp_content_hide_on_overlay' : ''; ?>'>

		<h3><a class="asp_res_url" href='<?php echo esc_attr($r->link); ?>'<?php echo ( $s_options['results_click_blank'] ) ?" target='_blank'" :''; ?>>
				<?php echo wp_kses_post($r->title); ?>
				<?php if ( $s_options['resultareaclickable'] == 1 ) : ?>
					<span class='overlap'></span>
				<?php endif; ?>
			</a></h3>

		<div class='etc'>

			<?php if ( $s_options['showauthor'] == 1 ) : ?>
				<span class='asp_author'><?php echo esc_html($r->author); ?></span>
			<?php endif; ?>

			<?php if ( $s_options['showdate'] == 1 ) : ?>
				<span class='asp_date'><?php echo esc_html($r->date); ?></span>
			<?php endif; ?>

		</div>

		<?php
		if (
			$show_description == 1 ||
			( empty($r->image) && $s_options['i_ifnoimage'] == 'description' )
		) :
			?>
			<p class='asp_res_text'><?php echo asp_kses_content($r->content); ?></p>
		<?php endif; ?>

	</div>

	<?php do_action('asp_res_isotopic_after_content'); ?>

	<div class='clear'></div>

	<?php do_action('asp_res_isotopic_end_item'); ?>

</div>