<?php
/**
 * The template for displaying product info in the product grid - alternative style.
 */

global $product;

do_action( 'woocommerce_before_shop_loop_item' );
?>
<div class="wd-product-wrapper product-wrapper">
	<div class="product-element">
		<div class="wd-product-thumb product-element-top wd-quick-shop">
			<a href="<?php echo esc_url( get_permalink() ); ?>" class="wd-product-img-link product-image-link" aria-label="<?php echo esc_attr( get_the_title() ); ?>">
				<?php
				/**
				 * Hook woocommerce_before_shop_loop_item_title.
				 *
				 * @hooked woodmart_template_loop_product_thumbnails_gallery - 5
				 * @hooked woocommerce_show_product_loop_sale_flash - 10
				 * @hooked woodmart_template_loop_product_thumbnail - 10
				 */
				do_action( 'woocommerce_before_shop_loop_item_title' );
				?>
			</a>

			<?php
			do_action( 'woodmart_shop_loop_product_thumbnail' );

			if ( 'no' === woodmart_loop_prop( 'grid_gallery' ) || ! woodmart_loop_prop( 'grid_gallery' ) ) {
				woodmart_hover_image();
			}
			?>
		</div>

		<div class="top-information wd-fill">

			<?php
				/**
				 * Trigger woocommerce_shop_loop_item_title hook.
				 *
				 * @hooked woocommerce_template_loop_product_title - 10
				 */
				do_action( 'woocommerce_shop_loop_item_title' );
			?>
			<?php
				woodmart_product_categories();
				woodmart_product_brands_links();
				woodmart_product_sku();
				woodmart_stock_status_after_title();
			?>

			<?php
				echo woodmart_swatches_list(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
			?>
			<?php echo wp_kses_post( woodmart_get_product_rating() ); ?>
			<?php
				/**
				 * Trigger woocommerce_after_shop_loop_item_title hook.
				 *
				 * @hooked woocommerce_template_loop_rating - 5
				 * @hooked woocommerce_template_loop_price - 10
				 */
				do_action( 'woocommerce_after_shop_loop_item_title' );
			?>

			<div class="wd-add-btn wd-add-btn-replace">
				<?php do_action( 'woodmart_add_loop_btn' ); ?>
			</div>
			<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>
		</div>

		<div class="wd-buttons wd-pos-r-t">
			<?php woodmart_enqueue_js_script( 'btns-tooltip' ); ?>
			<?php woodmart_add_to_compare_loop_btn(); ?>
			<?php woodmart_quick_view_btn( get_the_ID() ); ?>
			<?php do_action( 'woodmart_product_action_buttons' ); ?>
		</div>
	</div>
	<?php if ( woodmart_loop_prop( 'progress_bar' ) ) : ?>
		<?php woodmart_stock_progress_bar(); ?>
	<?php endif ?>

	<?php if ( woodmart_loop_prop( 'timer' ) ) : ?>
		<?php woodmart_product_sale_countdown( array( 'products_hover' => 'info-alt' ) ); ?>
	<?php endif ?>
</div>
