/home/bdqbpbxa/demo-subdomains/lafinteca.goodface.com.ua/wp-content/themes/lafinteca/contacts.php
<?php
  // Template name: Contacts

  get_header();

  $curr_lang = pll_current_language();
  $template_directory = get_template_directory_uri();
  $srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
?>

<main>

  <?php
    get_template_part('templates/blocks/breadcrumbs');
    
    $main_info = get_field('main_info');
  ?>

  <section class="contacts-section" data-animate-group="list">
    <div class="container">
      <h1 class="title title-1 mob-title-1" data-animate="word">
        <?php echo $main_info['page_title']; ?>
      </h1>
      <?php
        if ($main_info['page_subtitle']) :
      ?>
      <p class="text text-1 mob-text-1" data-animate="swim-top">
        <?php echo $main_info['page_subtitle']; ?>
      </p>
      <?php
        endif;
      ?>
      <div class="contacts-section__wrapper">
        <div class="contacts-section__box" data-animate="swim-top">
          <p class="title title-6">
            <?php echo $main_info['email_title']; ?>
          </p>
          <?php
            $contacts = get_field('contacts', 'option');
            if ($contacts['mail']) :
          ?>
            <a href="mailto:<?php echo $contacts['mail']; ?>" class="link title-3 mob-title-3">
              <?php echo $contacts['mail']; ?>
            </a>
          <?php
            endif;
            $social_list = $contacts['socials_list'];
          ?>
        </div>
        <div class="contacts-section__box" data-animate="swim-top">
          <p class="title title-6">
            <?php echo $main_info['socials_title']; ?>
          </p>
          <div class="socials-list -white -smaller">
            <?php
              $social_list = get_field('contacts', 'option')['socials_list'];
            ?>
            <div class="socials-list">
              <?php
                foreach($social_list as $item) :
                  if ($item['link'] && $item['icon']) :
              ?>
              <a href="<?php echo $item['link']; ?>" target="_blank"><img src="<?php echo  $item['icon']['url']; ?>" alt="<?php echo  $item['icon']['alt']; ?>" /></a>
              <?php
                  endif;
                endforeach;
              ?>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <?php
    $contacts_form = get_field('contacts_form');
  ?>
  <div class="contact-form-section">
    <div class="container">
      <div class="contact-form-section__wrapper">
        <div class="text-content">
          <h2 class="title-2 mob-title-2 title">
            <?php echo $contacts_form['title']; ?>
          </h2>
          <?php
            if ($contacts_form['subtitle']) :
          ?>
            <p class="text text-1 mob-text-1" data-animate="swim-top">
              <?php echo $contacts_form['subtitle']; ?>
            </p>
          <?php
            endif;
          ?>
        </div>
        <div class="form contact-form">
          <div class="form-wrapper">
            <?php 
              if ($curr_lang == 'en') {
                echo do_shortcode('[contact-form-7 id="e4b9d9a"]');
              } elseif ($curr_lang == 'pt') {
                echo do_shortcode('[contact-form-7 id="b4ecfd2"]');
              } else {
                echo do_shortcode('[contact-form-7 id="bcad209"]');
              }
            ?>
          </div>
          <div class="thank-window">
            <?php
              $thanks_window = get_field('thanks_window');
              if ($thanks_window['img']) :
            ?>
            <div class="img">
              <img src="<?php echo $thanks_window['img']['url']; ?>" alt="<?php echo $thanks_window['img']['alt']; ?>">
            </div>
            <?php
              endif;
            ?>
            <p class="title title-3 mob-title-3">
              <?php echo $thanks_window['title']; ?>
            </p>
            <p class="text text-1 mob-text-1"><?php echo $thanks_window['subtitle']; ?></p>
          </div>
        </div>
        <div class="animate-img" data-animate="fade">
          <?php
            if ($contacts_form['images']['left_image']) :
          ?>
          <div class="hand" data-animate="swim-right">
            <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $contacts_form['images']['left_image']['url']; ?>" alt="<?php echo $contacts_form['images']['left_image']; ?>">
          </div>
          <?php
            endif;
            if ($contacts_form['images']['right_image']) :
          ?>
          <div class="chat" data-animate="swim-left">
            <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $contacts_form['images']['right_image']['url']; ?>" alt="<?php echo $contacts_form['images']['right_image']; ?>">
          </div>
          <?php
            endif;
          ?>
        </div>
      </div>
    </div>
  </div>

  <?php
    get_template_part('templates/blocks/faq');
  ?>
</main>

<?php
  get_footer();
?>