<?php
/* Template Name: Coach Page */
get_header(); ?>
<div class="coach__main-container">
<div class="overview__container">
  <h3>Overview</h3>
  <ul class="overview__ul">
    <li class="overview__li">    
      <p class="overview__number">01</p>
      <div>
        <p class="overview__p-heading"> Your goals</p>
        <p class="overview__p-text">Defining what you want to achieve</p>
      </div>
    </li>
    <li class="overview__li">
    <p class="overview__number">02</p>
      <div>
        <p class="overview__p-heading">Your challenges</p>
        <p class="overview__p-text">Identifying what’s holding you back</p>
      </div>
    </li>
    <li class="overview__li">
    <p class="overview__number">03</p>
      <div>
        <p class="overview__p-heading"> Commitment</p>
        <p class="overview__p-text">Showing your readiness to make a change</p>
      </div>
    </li>
  </ul>
  <div class="coach__slider-container">
        <div class="coach__slider">
          <?php if(have_rows('coach_page_slider')): ?>
            <?php while(have_rows('coach_page_slider')): the_row(); ?>
          <div class="coach__slide">
            <?php 
            $slider_image = get_sub_field('coach_slider_image');
            $slider_quote = get_sub_field('coach_slider_quote');
            $slider_client = get_sub_field('coach_slider_client');           

            if($slider_image): ?>
            <img class="coach__slide-img" src="<?php echo esc_url($slider_image) ?>" alt="Image 1" />
            <p class="coach__slide-quote"><?php echo esc_html($slider_quote) ?></p>
            <p class="coach__slide-text"><?php echo esc_html($slider_client) ?></p>
            <?php endif; ?>
          </div>
          <?php endwhile; ?>
          <?php endif; ?>        
        </div>
  <div class="dots"></div>
</div>
</div>

<div class="coach__form-container">
  <?php 
  $random_form = rand(0,1);
  if($random_form == 0){
    echo do_shortcode('[wpforms id="20400"]');
  } else {
    echo do_shortcode('[wpforms id="20693"]');
  }
  
  
   ?>
</div>
</div>


<?php get_footer(); ?>