<?php
$block_titling_datas = get_field('block_titling_datas');


$terms = get_terms(array(
	'taxonomy' => 'thematiques',
	'parent' => 0,
	'hide_empty' => false,
));

?>

<section id="section-show-thematiques" class="section-show-thematiques">

	<div class="section_titling">
		<h2 class="section_titling__title"><?php echo $block_titling_datas['title'] ?></h2>
		<p class="section_titling__subtitle"><?php echo $block_titling_datas['subtitle'] ?></p>
	</div>

	<div class="swiper-content">
		<button class="thematique-button-prev" aria-label="Thématique précédente">
			<img src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/slider-next-left.svg' alt=''>
		</button>


		<!-- Slider main container -->
		<div class="swiper-container">
			<!-- If we need pagination -->


			<!-- Additional required wrapper -->
			<div class="swiper-wrapper">
				<!-- Slides -->
				<!-- <div class="swiper-slide">Slide 1</div>
				<div class="swiper-slide">Slide 2</div>
				<div class="swiper-slide">Slide 3</div> -->

				<?php foreach ($terms as $term) : ?>
					<?php if ($term->slug === "aides-financieres" || $term->slug === "financiele-steun") continue; ?>
					<div class="swiper-slide">
						<?php
						get_template_part(
							'template-components/cards/card-conseils-thematique',
							null,
							array(
								'thematique' => $term,
							)
						);
						?>
					</div>
				<?php endforeach; ?>

			</div>
			<button class="thematique-button-next" aria-label="Thématique suivante">
				<img src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/slider-next-right.svg' alt=''>
			</button>
			<div class="swiper-pagination" tabindex="-1"></div>


			<!-- scrollbar -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
		<!-- If we need navigation buttons -->



	</div>



</section>