<?php 

    $post = get_sub_field('post');
    $title = get_sub_field('title');
    $i = 1;
?>

<div class="container">
   <?php foreach($post as $post_item): ?>
        <?php $post_item;
         $list = get_field('schedule_doctor', $post_item);
         $name = get_field('name', $post_item);
         $speciality = get_field('speciality', $post_item);
         $experience = get_field('experience', $post_item);
         $photo = get_field('photo', $post_item);
         //var_dump($list);
        ?>
   

    <?php endforeach; ?>
    <div class="block2">
        <h1 class="direction-title title specialists-title">
          <?php  echo $title;?>
        </h1>
        <div class="specialists"></div>
      </div>
</div> 

<script>
      let specialistsData = [
        <?php foreach($post as $post_item): ?>

            <?php $post_item;
            $list = get_field('schedule_doctor', $post_item);
            $name = get_field('name', $post_item);
            $speciality = get_field('speciality', $post_item);
            $experience = get_field('experience', $post_item);
            $photo = get_field('photo', $post_item);
            
            ?>
           
        {
          id: <?php echo $i; ?>,
          imgSrc:
            "<?php echo $photo; ?>",
          name: "<?php echo $name; ?>",
          position: "<?php echo $speciality; ?>",
          experience: "<?php echo $experience; ?>",
          schedule: [
            
            {
              day: "Пн.",
              time: "<?php if($list['mon']): ?><?php echo $list['mon']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Вт.",
              time: "<?php if($list['tue']): ?><?php echo $list['tue']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Ср.",
              time: "<?php if($list['wed']): ?><?php echo $list['wed']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Чт.",
              time: "<?php if($list['thu']): ?><?php echo $list['thu']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Пт.",
              time: "<?php if($list['fri']): ?><?php echo $list['fri']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Сб.",
              time: "<?php if($list['sat']): ?><?php echo $list['sat']; ?><?php else: ?>-<?php endif; ?>",
            },
            {
              day: "Вс.",
              time: "<?php if($list['sun']): ?><?php echo $list['sun']; ?><?php else: ?>-<?php endif; ?>",
            },
          ],
        },
        <?php endforeach; ?>
        ]
        const specialistsDiv = document.querySelector(".specialists");
      specialistsData.forEach((elem, index) => {
        specialistsDiv.innerHTML += `
			<div class="specialist">
          <img
            src="${elem.imgSrc}"
            alt=""
          />
          <div class="specialist__details">
            <h4>${elem.name}</h4>
            <h5>${elem.position}</h5>
            <p>${elem.experience}</p>
            <div class="schedule">
              <div class="schedule__days">
					${elem.schedule
            .map(
              (item, i) =>
                `<div class="schedule__day">
						  <div class="schedule__day-green-circle">${item.day}</div>
						  <p>${item.time}</p>
						</div>`
            )
            .join("")}
              </div>
            </div>
          </div>
        </div>
			
			`;
      });
</script>