<?php
/** Factory-produced perfume reference cards. @package Fragrance_Trade */
$fallbacks = array(
	'products/placeholder-01.svg',
	'products/placeholder-02.svg',
	'products/placeholder-03.svg',
	'products/placeholder-04.svg',
	'products/placeholder-05.svg',
	'products/placeholder-06.svg',
	'products/placeholder-07.svg',
);
?>
<section id="capabilities" class="b2b-section capabilities-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 echo esc_html( fragrance_trade_get_mod( 'b2b_products_title' ) ); ?></h2><p><?php echo esc_html( fragrance_trade_get_mod( 'b2b_products_text' ) ); ?></p></div>
		<div class="capability-grid mt-5">
			<?php for ( $index = 1; $index <= count( $fallbacks ); $index++ ) : $title = fragrance_trade_get_mod( 'b2b_product_' . $index . '_title' ); ?>
				<article class="capability-card">
					<div class="capability-image"><img src="<?php echo esc_url( fragrance_trade_image_uri( 'b2b_product_' . $index . '_image', $fallbacks[ $index - 1 ] ) ); ?>" alt="<?php echo esc_attr( $title ); ?>" class="img-fluid" width="960" height="960" loading="lazy" decoding="async"></div>
					<div class="capability-body"><p class="capability-label"><?php esc_html_e( '施工效果参考', 'fragrance-trade' ); ?></p><h3><?php echo esc_html( $title ); ?></h3><p><?php echo esc_html( fragrance_trade_get_mod( 'b2b_product_' . $index . '_text' ) ); ?></p><p class="capability-specs"><?php echo esc_html( fragrance_trade_get_mod( 'b2b_product_' . $index . '_specs' ) ); ?></p><a href="#rfq" class="btn btn-b2b-outline" data-rfq-product="<?php echo esc_attr( $title ); ?>"><?php esc_html_e( '咨询这项服务', 'fragrance-trade' ); ?></a></div>
				</article>
			<?php endfor; ?>
		</div>
	</div>
</section>
