<?php
$datas = $args['data'];

$titre = isset($datas['titre']) ? $datas['titre'] : '';
$intro = isset($datas['intro']) ? $datas['intro'] : '';
$texte_haut = isset($datas['texte_haut']) ? $datas['texte_haut'] : '';
$slider = isset($datas['slider']) ? $datas['slider'] : '';
$colonne_gauche = isset($datas['colonne_gauche']) ? $datas['colonne_gauche'] : '';
$colonne_droite = isset($datas['colonne_droite']) ? $datas['colonne_droite'] : '';

?>
<div class="py-11 lg:pt-28 lg:pb-40">
  <div class="container  mx-auto text-center max-w-[960px] mb-20 md:mb-28">

    <?php if ($titre != '') : ?>
      <h2 class="text-[26px] lg:text-2xl xl:text-4xl heading-text text-center  relative mb-10 lg:mb-16 mx-auto md:max-w-lg lg:max-w-2xl xl:max-w-4xl ">
        <?php echo $titre; ?>
      </h2>
    <?php endif; ?>
    <?php if ($intro != '') : ?>
      <div class="max-w-[915px] mx-auto">
        <strong class="block heading-text text-base lg:text-lg mb-8 text-black uppercase"><?php echo $intro; ?></strong>
      </div>
    <?php endif; ?>


  </div>
  <div class="container">
    <?php if ($texte_haut != '') : ?>
      <div class="text texte_haut">
        <?php echo $texte_haut; ?>
      </div>
    <?php endif; ?>
  </div>

  <div class="section-main px-4 ">
    <div class="section-col section-left  md:basis-6/12  scroll-appear ">
      <div class="wrapper">
        <?php if (isset($colonne_gauche) && $colonne_gauche != '') : ?>

          <?php
          if (is_array($colonne_gauche['image'])) :
            echo wp_get_attachment_image($colonne_gauche['image']['id'], 'full');
          endif;
          ?>
          <div class="content">
            <?php if ($colonne_gauche['titre'] != '') : ?>
              <h3 class="title">
                <?php echo $colonne_gauche['titre']; ?>
              </h3>
            <?php endif; ?>
            <?php if ($colonne_gauche['texte'] != '') : ?>
              <div class="text">
                <?php echo $colonne_gauche['texte']; ?>
              </div>
            <?php endif; ?>
          </div>
        <?php endif; ?>
      </div>
    </div>
    <div class="section-col section-right   md:basis-6/12  max-w-full  scroll-appear pb-10">
      <div class="wrapper">
        <?php if (isset($colonne_droite) && $colonne_droite != '') : ?>
          <?php
          if (is_array($colonne_droite['image'])) :
            echo wp_get_attachment_image($colonne_droite['image']['id'], 'full');
          endif;
          ?>
          <div class="content">
            <?php if ($colonne_droite['titre'] != '') : ?>
              <h3 class="title ">
                <?php echo $colonne_droite['titre']; ?>
              </h3>
            <?php endif; ?>
            <?php if ($colonne_droite['texte'] != '') : ?>
              <div class="text">
                <?php echo $colonne_droite['texte']; ?>
              </div>
            <?php endif; ?>
          </div>
        <?php endif; ?>
      </div>
    </div>

  </div>
</div>