<?php /*

Element label: Contact form - left
Element name: element13

*/ ?>
<div class="contact-wrap">
  <div class="container">
      <div class="contact-top">
          <div class="row">
              <div class="col-12">
                  <h1><?= get_sub_field('main_title'); ?></h1>
                  <p><?= get_sub_field('main_subtitle'); ?></p>
              </div>
          </div>
      </div>
  </div>
  <section class="contact-main">
      <div class="container">
          <div class="contact-main__cols">
              <div class="contact-main__col--contact">
                  <?= do_shortcode(get_sub_field('contact_form_code')); ?>
              </div>
              <div class="contact-main__col--info">
                  <h2><?= get_sub_field('title'); ?></h2>
                  <?php if(get_sub_field('show_contact_info')){ ?>
                  <div class="info-block">
                      <div class="info-block__icon-wrap">
                          <!-- <img src="<?php echo THEMEROOT; ?>frontend/img/icons/location.svg" class="info-block__icon" alt=""> -->
                          <svg class="info-block__icon info-block__icon--location"><use xlink:href="<?php echo THEMEROOT; ?>frontend/icons/icons.svg#icon-location"></use></svg>
                      </div>
                      <div class="info-block__text">
                          <span><?= get_field('contact_address_line_1', 'option'); ?></span>
                          <span><?= get_field('contact_address_line_2', 'option'); ?></span>
                      </div>
                  </div>
                  <div class="info-block">
                      <div class="info-block__icon-wrap">
                          <!-- <img src="<?php echo THEMEROOT; ?>frontend/img/icons/phone.svg" class="info-block__icon" alt=""> -->
                          <svg class="info-block__icon info-block__icon--phone"><use xlink:href="<?php echo THEMEROOT; ?>frontend/icons/icons.svg#icon-phone"></use></svg>
                      </div>
                      <div class="info-block__text">
                          <strong>Telefon</strong>
                          <a href="tel:<?= get_field('contact_phone', 'option'); ?>"><?= get_field('contact_phone', 'option'); ?></a>
                      </div>
                  </div>
                  <div class="info-block">
                      <div class="info-block__icon-wrap">
                          <!-- <img src="<?php echo THEMEROOT; ?>frontend/img/icons/fax.svg" class="info-block__icon" alt=""> -->
                          <svg class="info-block__icon info-block__icon--fax"><use xlink:href="<?php echo THEMEROOT; ?>frontend/icons/icons.svg#icon-fax"></use></svg>
                      </div>
                      <div class="info-block__text">
                          <strong>Fax</strong>
                          <a href="tel:<?= get_field('contact_fax', 'option'); ?>"><?= get_field('contact_fax', 'option'); ?></a>
                      </div>
                  </div>
                  <div class="info-block">
                      <div class="info-block__icon-wrap">
                          <!-- <img src="<?php echo THEMEROOT; ?>frontend/img/icons/email.svg" class="info-block__icon" alt=""> -->
                          <svg class="info-block__icon info-block__icon--email"><use xlink:href="<?php echo THEMEROOT; ?>frontend/icons/icons.svg#icon-email-new"></use></svg>
                      </div>
                      <div class="info-block__text">
                          <strong>E-mail</strong>
                          <a href="mailto:<?= get_field('contact_email', 'option'); ?>"><?= get_field('contact_email', 'option'); ?></a>
                      </div>
                  </div>
                  <div class="account-info">
                      <div><strong>OIB: </strong><?= get_field('contact_oib', 'option'); ?></div>
                      <div><strong>IBAN: </strong><?= get_field('contact_iban', 'option'); ?></div>
                  </div>
                  <?php } ?>
              </div>

          </div>
      </div>
  </section>
</div>