<?php
$datas = $args['data'];
$titre = isset($datas['titre']) ? $datas['titre'] : '';
$liste = isset($datas['liste']) ? $datas['liste'] : '';
$lien = isset($datas['lien']) ? $datas['lien'] : '';
$image = isset($datas['image']) ? $datas['image'] : '';
$texte = isset($datas['texte']) ? $datas['texte'] : '';

?>

<div class="container mx-auto py-14 md:py-24 md:pb-30">
  <?php if (isset($titre) && $titre != '') : ?>
    <h2 class="heading-text text-left md:text-center text-xl md:text-2xl uppercase mb-10 md:mb-14"><?php echo $titre; ?></h2>
    <!-- <h3 class="heading-text text-left md:text-center text-xl md:text-2xl uppercase mb-10 md:mb-14"><?php echo $titre; ?></h3> -->
  <?php endif; ?>
  <?php if (is_array($image)) : ?>
    <img class="mx-auto mb-10 md:mb-24 md:max-w-md  scroll-appear scroll-appear-image object-contain" <?php acf_responsive_image($image['id'], 'full', '100%') ?> />
  <?php endif; ?>
  <?php if (isset($texte) && $texte != '') : ?>
    <div class="text-center max-w-4xl mx-auto  mb-10 md:mb-14"><?php echo $texte ?></div>
  <?php endif; ?>
  <ul class="mx-auto max-w-4xl ">
    <?php
    if (is_array($liste)) {
      foreach ($liste as $item) {
    ?>
        <li class="lg:grid grid-cols-4 mb-10 lg:mb-20 lg:gap-24  scroll-appear">
          <h4 class="heading-text text-base md:text-lg mb-7 lg:mb-0"><?php echo $item['titre']; ?></h4>
          <div class="col-span-3 body-text text-base"><?php echo $item['texte']; ?></div>
        </li>
    <?php
      }
    }
    ?>
  </ul>
  <?php if (isset($lien) && $lien != '') : ?>
    <div class="text-center mx-auto">
      <a href="<?php echo $lien['url'] ?>" class="btn max-w-xl"><?php echo $lien['title'] ?></a>
    </div>
  <?php endif; ?>
</div>