<?php
/*
* Template Name: Subpage
*
*/

$title   = get_the_title();
$image   = get_field('image');
$gallery = get_field('images'); // src = $image['url']
$h_text  = get_field('highlighted_text');
$content = get_field('content');

$images = array();

if( $gallery ) :
  foreach( $gallery as $g ) :
    $images[] = $g;
  endforeach;
endif;

?>

<?php get_header(); ?>

  <div class="secondary-page__content" data-subpage-images='<?php echo json_encode($images) ?>'>
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-lg-6 col-lg-offset-3">
          <div class="row">
            <div class="col-xs-12">
              <h2 class="secondary-page__title"><?= $title ?></h2>
            </div>
              <?php if ( $image ) : ?>
                <div class="col-xs-12"><img src="" alt="" class="secondary-page__image"></div>
              <?php endif; ?>
            <div class="col-xs-12">
              <div class="secondary-page__post">
                <div class="row">
                  <?php if( $h_text ): ?>
                    <div class="col-xs-12 col-sm-8">
                      <div class="secondary-page__post-lead"><?= $h_text ?></div>
                    </div>
                  <?php endif; ?>
                  <?php if( $content ) : ?>

                    <div class="col-xs-12">
                      <div class="secondary-page__post-content special-editor-content">
                        <?= $content ?>
                      </div>
                  <?php endif; ?>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="circle-part circle-part--bottom"><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">
        </path>
      </svg>
    </div>
  </div>
</div>

<div class="content-wrapper-second">
</div>

<?php get_footer(); ?>