<?php
$datas = $args['data'];
$image = isset($datas['image']) ? $datas['image'] : '';
$opacite = isset($datas['opacite']) ? $datas['opacite'] : '';


// $surtitre = isset($datas['surtitre_couverture']) && $datas['surtitre_couverture'] != ''
//   ? $datas['surtitre_couverture']
//   : ($post->post_parent ? get_post_type_object(get_post_type())->labels->singular_name : '');

// $titre = isset($datas['titre_couverture']) && $datas['titre_couverture'] != ''
//   ? $datas['titre_couverture']
//   : ($post->post_parent ? get_the_title($post->post_parent) : get_post_type_object(get_post_type())->labels->singular_name);

if (get_post_type() == 'la-maison') {
  $surtitre = isset($datas['surtitre_couverture']) && $datas['surtitre_couverture'] != ''
    ? $datas['surtitre_couverture']
    : ($post->post_parent ? get_field('la_maison', 'options') : '');

  $titre = isset($datas['titre_couverture']) && $datas['titre_couverture'] != ''
    ? $datas['titre_couverture']
    : ($post->post_parent ? get_the_title($post->post_parent) : get_field('la_maison', 'options'));
  } else {
  $surtitre = isset($datas['surtitre_couverture']) && $datas['surtitre_couverture'] != ''
    ? $datas['surtitre_couverture']
    : ($post->post_parent ? get_post_type_object(get_post_type())->labels->singular_name : '');

  $titre = isset($datas['titre_couverture']) && $datas['titre_couverture'] != ''
    ? $datas['titre_couverture']
    : ($post->post_parent ? get_the_title($post->post_parent) : get_post_type_object(get_post_type())->labels->singular_name);
  }

$soustitre = isset($datas['soustitre_couverture']) && $datas['soustitre_couverture'] != '' ? $datas['soustitre_couverture'] : get_the_title();

?>
<div class=" h-[34rem] relative flex items-center justify-center">
  <div class="bg layer z-0 scroll-appear ">
    <img <?php echo acf_responsive_image($image['id'], 'large', '100%') ?> alt=""
      class="layer object-cover object-center ">
    <div class="layer" style="background-color:rgba(0,0,0,<?php echo $opacite ?>) ;"></div>
  </div>

  <div class="container text-white relative text-center">
    <h1 class="page-title page-title--strong">
      <span class="block text-base lg:text-xl leading-tight"><?php echo $surtitre; ?></span>
      <div class="flex flex-col gap-1">
        <span class="block leading-tight"><?php echo $titre; ?></span>
        <span
          class="block text-xl lg:text-3xl font-light lg:font-normal tracking-[0.2rem] leading-tight"><?php echo $soustitre; ?></span>
      </div>
    </h1>
  </div>
</div>