<?php
/*
    Template Name: Checkup
    Template Post Type: page
*/
?>
<?php get_header(); ?>

<div class="page__banner--bread">
  <div class="bread-line">
    <div class="container">
      <?php if( function_exists('dimox_breadcrumbs') ) dimox_breadcrumbs(); ?>
    </div>
  </div>
</div>

<section class="section__margin">
  <div class="container">
  <div class="section__title">
      <h2 class="news__title title"><?php the_title(); ?></h2>
    </div>
  </div> 
</section>

<section class="section__cardiology">
  <div class="container">
    <div class="cardiology__banner">
      <div class="cardiology__banner--img">
        <img src="<?php the_field( 'img_uslugi' ); ?>"
          alt="<?php the_field( the_title()); ?> в Нур-Султане" title="<?php the_field( the_title()); ?> в Нур-Султане" />
      </div>
	
      <div class="cardiology__banner--info">

        <?php foreach(get_field('o_cheloveke') as $item){ ?>
          <div class="cardiology__avatar">
            <img src="<?php echo $item['photo']; ?>" alt="avatar" />
          </div>
          <div class="cardiology__banner--content">
            <h2 class="cardiology__banner--title"><?php echo $item['fio']; ?></h2>
            <p class="cardiology__banner--text"><?php echo $item['professiya']; ?></p>
            <span class="cardiology__banner--small">
            <?php echo $item['tekst']; ?>
          </span>
        </div>
        <?php } ?>

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

<section class="section__cardiology__up section__margin">
  <div class="container">
    <div class="cardialogy__inside">

      <div class="cardialogy__content">
        <?php echo get_field('tekst_1'); ?>
      </div>

    </div>

	<div class="cardialogy__inside1">

			<div class="cardialogy__content">
			<div id="accordeon">
	
			<?php while(has_sub_field('akardeon')): ?>
		   <div class="one_acc">
			<div class="acc-head">

			<?php the_sub_field('zag_check'); ?>
			<div style="float: right;font-size: 13px; color: #81b259;">подробнее
			<svg class="arrow-bottom-2" viewBox="0 0 9 14" height="20px" width="20px">
			<path class="svg-arrow" d="M6.660,8.922 L6.660,8.922 L2.350,13.408 L0.503,11.486 L4.813,7.000 L0.503,2.515 L2.350,0.592 L8.507,7.000 L6.660,8.922 Z" />
			</svg></div>

			</div>
			<div class="acc-body" style="display:none">
			<?php while(has_sub_field('checklists')): ?>
			<div class="check_list">
			<?php the_sub_field('checklist'); ?>

			</div>
			<?php endwhile; ?>
			</div>

			<div class="price">
			<div class="price_text">
			<?php the_sub_field('price_txt'); ?>
			<div class="price_number">
			<?php the_sub_field('price_num'); ?>

			</div>
			</div>
			<div class="price_text-2">

			<a class="header__contact--popap-2">
			<div class="price_btn">
			<a style="color:#fff;" href="#contactdd">Заказать</a>
			</div>
			</a>

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

			<?php endwhile; ?>



			</div>
			<?php //echo get_field('tekst_2'); ?>

			</div>

	</div>
  </div>
  </section>
<section class="" id="contactdd">
  <div class="container">
<?php 
  get_template_part( 'components/component', 'form');
?>
</section>


<?php get_footer(); ?>
<script>
$(document).ready(function() {
  //прикрепляем клик по заголовкам acc-head
	$('#accordeon .one_acc').on('click', f_acc);
});
 
function f_acc(){
//скрываем все кроме того, что должны открыть
 // $('#accordeon .acc-body').not($(this).next()).slideUp(1000);
// открываем или скрываем блок под заголовком, по которому кликнули
    $(this).find('.acc-body').slideToggle(2000);
    $(this).find('.acc-head').toggleClass('acc-act'); 

}
</script>