<?php
/**
 * Service archive template.
 *
 * @package Fragrance_Trade
 */
get_header();
?>
<main id="primary" class="site-main">
	<header class="page-header container py-5">
		<h1><?php esc_html_e( '服务项目', 'fragrance-trade' ); ?></h1>
		<p><?php esc_html_e( '我们为各类车型提供专业贴膜施工服务，按需定制。', 'fragrance-trade' ); ?></p>
	</header>
	<div class="container pb-5">
		<div class="capability-grid">
			<?php while ( have_posts() ) : the_post(); ?>
				<?php
				$image   = get_post_meta( get_the_ID(), '_service_image', true );
				$img      = $image ? $image : fragrance_trade_asset_uri( 'products/placeholder-01.svg' );
				?>
				<article class="capability-card">
					<div class="capability-image"><a href="<?php the_permalink(); ?>"><img src="<?php echo esc_url( $img ); ?>" alt="<?php the_title_attribute(); ?>" class="img-fluid" loading="lazy"></a></div>
					<div class="capability-body">
						<p class="capability-label"><?php esc_html_e( '贴膜服务', 'fragrance-trade' ); ?></p>
						<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
						<p><?php echo esc_html( get_the_excerpt() ); ?></p>
						<a href="<?php echo esc_url( home_url( '/contact/?service=' . rawurlencode( get_the_title() ) ) ); ?>" class="btn btn-b2b-outline"><?php esc_html_e( '预约', 'fragrance-trade' ); ?></a>
					</div>
				</article>
			<?php endwhile; ?>
		</div>
		<?php the_posts_pagination(); ?>
	</div>
</main>
<?php get_footer(); ?>
