<?php
/**
 * Template part for displaying product 
 *
 * @package Matreshka
 */

$search_query = get_search_query();
?>

<!-- navigation -->
<section class="bread-crumb d-flex mt-4">
    <div class="container">
        <p class="montserrat-medium">
           <a href="<?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>">Каталог</a>
            <span class="dot">●</span>
            <span class="bread-crumb-product">Результат поиска</span>
        </p>
    </div>
 </section>

<!-- section-search-results -->
<section>
	<div class="container mb-5">
		<div class="container-interesting">
			<h1 class="montserrat-bold mb-4">Поиск по запросу "<?php echo esc_html( $search_query ); ?>"</h1>
			
			<?php if ( woocommerce_product_loop() ) : ?>
				<div class="new-products-grid">
					<?php
					while ( have_posts() ) :
						the_post();
						$product = wc_get_product( get_the_ID() );
						if ( ! $product ) {
							continue;
						}
						
						$product_id = $product->get_id();
						$product_link = get_permalink( $product_id );
						$product_image = wp_get_attachment_image_url( $product->get_image_id(), 'woocommerce_thumbnail' );
						$product_title = $product->get_name();
						
						$weight = $product->get_weight();
						$weight_text = $weight ? $weight . 'г' : '';
						
						// Check if product is in wishlist
						$is_liked = matreshka_is_in_wishlist( $product_id );
						$like_icon = $is_liked ? get_template_directory_uri() . '/assets/icons/Heart.svg' : get_template_directory_uri() . '/assets/icons/like.svg';
						
						// Get sale percentage
						$sale_badge = matreshka_get_sale_badge( $product, 'card' );
					?>
						<div class="product-card" data-product-id="<?php echo esc_attr( $product_id ); ?>">
							<a class="link-product" href="<?php echo esc_url( $product_link ); ?>">
								<div class="product-card-img">
									<?php echo matreshka_get_product_card_image_html( $product, $product_title ); ?>
									
									<?php echo $sale_badge; ?>
								</div>
								<p class="montserrat-medium product-title">
									<?php echo esc_html( $product_title ); ?>
								</p>
								<?php if ( $weight_text ) : ?>
									<span class="montserrat-medium text-dark-opacity"><?php echo esc_html( $weight_text ); ?></span>
								<?php endif; ?>
							</a>
							<div class="product-card-bottom">
								<?php echo matreshka_get_product_price_html( $product ); ?>
								<img src="<?php echo esc_url( $like_icon ); ?>"
									 alt="like icon"
									 class="like-icon <?php echo $is_liked ? 'active' : ''; ?>">
							</div>
							<button class="btn w-100 btn-secondary montserrat-bold add-to-cart-btn" 
									data-product_id="<?php echo esc_attr( $product_id ); ?>" 
									data-product_sku="<?php echo esc_attr( $product->get_sku() ); ?>">
								В корзину
							</button>
						</div>
					<?php endwhile; ?>
				</div>
			<?php else : ?>
				<div class="no-products-found text-center py-5">
					<p class="montserrat-medium" style="font-size: 18px; color: #999;">Товары не найдены</p>
				</div>
			<?php endif; ?>
		</div>
	</div>
</section>