<?php
/*
* Template Name: Contacts
*
*/
 ?>

<?php
if ( !is_ajax() ) :
get_header();
endif;

$id = $_POST['page-id'];
?>

<div id="fullPageCircle"></div>
<div class="circle-part circle-part--top visible-xs">
  '<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1440 345"><path fill="#1428aa" d="M719.5 345.4A1056 1056 0 0 0 1440 61.8V0c-184.3 185.5-439.1 300.4-720 300.4S184.3 185.5 0 0v62.8a1056.2 1056.2 0 0 0 719.5 282.6z"/></svg>
</div>
<div class="container full-height--adjusted flex-center-vh">
  <div class="row">
    <div class="col-xs-12">
      <div class="row">
        <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-3 col-md-offset-2">
          <a href="<?= home_url() ?>">
            <?php
              $logo = get_field( 'page_logotype', $id );
              ?>
            <img class="img-responsive logo--offset-right" src="<?= $logo['url'] ?>" alt="<?= $logo['alt'] ?>">
          </a>
        </div>
        <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4">
          <div class="contact-info">
            <div class="contact-info__intro">
              <?= get_field( 'text', $id ); ?>
            </div>
            <div class="contact-info__item">
              <div class="contact-info__item-title">
                <?= get_field( 'contact_info_title', $id ); ?>
              </div>
              <div class="contact-info__item-details">
                <div class="row">
                  <div class="col-xs-12 col-sm-6">
                    <ul class="list list--unstyled contact-info__item-single">
                      <li><?= get_field( 'address', $id ); ?></li>
                      <li><?= get_field( 'postal_code_and_city', $id ); ?></li>
                      <li><?= get_field( 'country', $id ); ?></li>
                    </ul>
                  </div>
                  <div class="col-xs-12 col-sm-6">
                    <ul class="list list--unstyled contact-info__item-single">
                      <li><span>T</span> <?= get_field( 'phone', $id ); ?></li>
                      <li><span>F</span> <?= get_field( 'fax', $id ); ?></li>
                      <li><span>E</span> <a href="mailto:<?= get_field( 'email', $id ); ?>"><?= get_field( 'email', $id ); ?></a></li>
                      <li><span><img src="<?= get_template_directory_uri(); ?>/assets/images/linked-in-icon.png" alt="Linked In logo"></span><a href="https://www.linkedin.com/company/tana-patents-ltd" target="_blank">LinkedIn</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-8 col-sm-offset-2 text-center">
          <a href="<?= get_field('button_linked_page', $id) ?>" class="btn btn--primary" data-open-subpage>Team directory</a>
        </div>
        <div class="col-xs-12 col-sm-8 col-sm-offset-2 text-center">
          <div class="iso-cert iso-cert--spaced text-center">
            <img src="<?= get_template_directory_uri(); ?>/assets/images/iso_9001.png" alt="ISO 9001 logo" class="iso-cert__image">
            <img src="<?= get_template_directory_uri(); ?>/assets/images/iso_27001.png" alt="ISO 27001 logo" class="iso-cert__image">
            <p class="iso-cert__text">We are ISO 9001 and ISO 27001 certified.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="circle-part circle-part--bottom visible-xs">
  '<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1440 345"><path fill="#1428aa" d="M719.5 345.4A1056 1056 0 0 0 1440 61.8V0c-184.3 185.5-439.1 300.4-720 300.4S184.3 185.5 0 0v62.8a1056.2 1056.2 0 0 0 719.5 282.6z"/></svg>
</div>

</div>

<?php
  if ( !is_ajax() ) : ?>
  <div class="content-wrapper-second">
  </div>
  <?php get_footer();
  endif;
?>
</div>