<?php
$data = $args['data'] ?? array();
$has_bg = $data['has_bg'] ?? false;
$sur_titre = $data['sur_titre'] ?? '';
$titre = $data['titre'] ?? '';
$texte = $data['texte'] ?? '';
$lien = $data['lien'] ?? array();
?>
<div class="card-page <?php if ($has_bg) echo 'card-has-bg'; ?> relative  flex flex-wrap md:flex-nowrap ">
	<div class="card-img">
		<div class="card-banner"></div>
		<?php if (isset($data['image']) && $data['image'] > 0) : ?>
			<div class="img_container scroll-appear scroll-appear-fade-up"><?php echo wp_get_attachment_image($data['image'], 'full', false, array('loading' => 'lazy', 'class' => '')); ?></div>
		<?php endif; ?>
	</div>
	<div class="card-body scroll-appear">
		<?php if (!empty($sur_titre) || !empty($titre)) : ?>
			<div class="card-title-container liseret">
				<?php if (!empty($sur_titre)) : ?>
					<h3 class="card-uptitle">
						<?php echo $sur_titre; ?>
					</h3>
				<?php endif; ?>
				<?php if (!empty($titre)) : ?>
					<h2 class="card-title">
						<?php echo $titre; ?>
					</h2>
				<?php endif; ?>
			</div>
		<?php endif; ?>
		<?php if (!empty($texte)) : ?>
			<p class="card-text">
				<?php echo $texte; ?>
			</p>
		<?php endif; ?>


		<!-- optionel list -->

		<!-- <ul class="card-list
         <li class="green">2012 Collectif des Jardiniers Nomades</li>
         <li class="green">2016 Prix AJAP Album des Jeunes Architectes et Paysagistes, prix décerné par le ministère de la Culture</li>
         <li class="orange">2018 Atelier LJN</li>
       </ul> -->

		<!-- optionel bouton -->

		<?php if (isset($lien['title']) &&  !empty($lien['title'])) : ?>
			<a href="<?php echo $lien['url']; ?>" class="card-link btn-primary stretched-link">
				<span><?php echo lnj_load_inline_svg('circle-left.svg'); ?></span>
				<span>
					<?php echo $lien['title']; ?>
				</span>
				<div class="icon">
					<?php echo lnj_load_inline_svg('plus.svg'); ?>
					<?php echo lnj_load_inline_svg('arrow-right.svg'); ?>
				</div>
			</a>
		<?php endif; ?>
	</div>
</div>