<?php
/** Case teaser on the homepage. @package Fragrance_Trade */
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$case_query = new WP_Query(
	array(
		'post_type'      => 'case',
		'posts_per_page' => 6,
		'post_status'    => 'publish',
		'no_found_rows'  => true,
	)
);
?>
<section id="cases" class="b2b-section cases-section">
	<div class="container">
		<div class="section-heading text-center mx-auto">
			<p class="section-eyebrow"><?php esc_html_e( '施工记录', 'fragrance-trade' ); ?></p>
			<h2><?php esc_html_e( '从案例了解不同项目的实际效果', 'fragrance-trade' ); ?></h2>
		</div>
		<?php if ( $case_query->have_posts() ) : ?>
			<div class="case-grid mt-5">
				<?php while ( $case_query->have_posts() ) : $case_query->the_post(); ?>
					<a class="case-card" href="<?php the_permalink(); ?>">
						<?php if ( has_post_thumbnail() ) : ?>
							<?php the_post_thumbnail( 'medium', array( 'class' => 'img-fluid' ) ); ?>
						<?php else : ?>
							<img src="<?php echo esc_url( fragrance_trade_asset_uri( 'images/products/placeholder-01.svg' ) ); ?>" alt="<?php the_title_attribute(); ?>" class="img-fluid">
						<?php endif; ?>
						<span class="case-card-title"><?php the_title(); ?></span>
					</a>
				<?php endwhile; wp_reset_postdata(); ?>
			</div>
			<div class="text-center mt-5">
				<a href="<?php echo esc_url( home_url( '/cases/' ) ); ?>" class="btn btn-b2b-primary"><?php esc_html_e( '查看全部案例', 'fragrance-trade' ); ?></a>
			</div>
		<?php else : ?>
			<p class="text-center mt-4 mb-0"><?php esc_html_e( '案例内容正在整理中。', 'fragrance-trade' ); ?></p>
		<?php endif; ?>
	</div>
</section>
