<?php
/**
 * The Template for displaying all single posts
 */

get_header(); ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php
$banner_img = get_field('banner');
if($banner_img) {
	$banner = get_field('banner');
} else {
	$banner = get_template_directory_uri().'/images/inner-banner.jpg';
} 

$linked = get_field('linkedin');
$fb = get_field('facebook');
$tw = get_field('twitter');
$yt = get_field('youtube');
$locations = get_field('locations');

?>

<section class="inner-banner">
 <img src="<?php echo $banner; ?>" alt="<?php the_title(); ?>" class="inner-img">
 <div class="caption-con">
   <h2><?php the_title(); ?></h2>
    <ul>
		<li><a href="<?php echo site_url('/'); ?>">Home</a></li>
		<li class="active"><a><?php the_title(); ?></a></li>
    </ul>
 </div><!-- caption=con -->
</section>

<section class="inner-pg">
  <div class="doc-container">
    <div class="container-flued">
      <div class="row">

        <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
          <div class="item">
              <div class="img-sec">
                <img src="<?php echo wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>" alt="<?php the_title(); ?>">
                <div class="heart"><i class="fa fa-heartbeat"></i></div><!-- heart -->
                <div class="social-doc">
                  <ul>
                    <?php 
                    if($linked) echo '<li><a href="'.$linked.'" target="_blank"><div class="circle"><i class="fa fa-linkedin" style="color: #0077b5;"></i></div><span style="background-color: #0077b5;">  Linkedin</span></a></li>';
                    if($fb) echo '<li><a href="'.$fb.'" target="_blank"><div class="circle"><i class="fa fa-facebook" style="color: #3b5998;"></i></div><span style="background-color: #3b5998;"> Facebook </span></a></li>';
                    if($tw) echo '<li><a href="'.$tw.'" target="_blank"><div class="circle"><i class="fa fa-twitter" style="color: #1da1f2;"></i></div><span style="background-color: #1da1f2;">Twitter </span></a></li>';
                    if($yt) echo '<li><a href="'.$yt.'" target="_blank"><div class="circle"><i class="fa fa-youtube" style="color: #ff0000;"></i></div><span style="background-color: #ff0000;">YouTube</span></a></li>';
                    ?>
                  </ul>
                </div><!-- social-doc -->
              </div><!-- img-sec -->
                  <div class="txt-sec">
                    <h4><?php the_title(); ?></h4>
                    <span class="dr_splty"><?php the_field('specialty'); ?></span>
                    <p align="center"><?php the_field('degree'); ?></p>

                    <div class="doc-accordion">
                      <div class="panel-group" id="accordion-doc" role="tablist" aria-multiselectable="true">
                      <?php $loc_consultings = get_field('location_consulting');
                        if($loc_consultings){
                          $i=0;
                          foreach($loc_consultings as $location){ $i++;
                            $icon = get_field('profile_icon', $location['location']);
                      ?>
                      <div class="panel panel-default">
                      <div class="panel-heading collapsed" role="tab" id="heading<?php echo $i; ?>" data-toggle="collapse" data-parent="#accordion-doc" href="#doc-accordion<?php echo $i; ?>" aria-expanded="false" aria-controls="collapse<?php echo $i; ?>">
                        <div class="col-md-3 col-sm-3 col-xs-3 pad-none"><div class="heart-con"><img src="<?php echo $icon; ?>" /></div></div>
                        <div class="col-md-8 col-sm-8 col-xs-8">
                          <h4 class="panel-title"><a><?php echo get_the_title($location['location']); ?></a></h4>
                        </div><!-- col-9 -->


                      </div>
                      <div id="doc-accordion<?php echo $i; ?>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading<?php echo $i; ?>">
                      <div class="panel-body">
                       <?php $consulting = $location['consulting'];
                       if($consulting) { ?>                         
                        <div class="time-ul">
                          <ul>
                            <?php foreach($consulting as $consTime) {
                              echo '<li><a href="#">'.$consTime['day'].' <span>'.$consTime['time'].'</span></a></li>';
                            } ?>
                                               
                          </ul>
                        </div><!-- time-ul -->
                      <?php } ?>
                        <hr>
                        <a href="/appointment" class="book-btn">Book now</a>
                      </div>
                      </div>
                      </div>
                    <?php } 
                    } ?>

                      </div><!-- pannel-group -->
                    </div><!-- doc-accordion -->

                  </div><!-- text-sec -->
                </div><!-- item -->
        </div><!-- col-4 -->

        <div class="col-lg-9 col-md-8 col-sm-7 col-xs-12">          
          <div class="uni-doctor-details-right">
            <!--SUMMARY-->
            <div class="uni-doctor-details-summary">
                <div class="uni-doctor-details-title">
                    <h3>Summary</h3>
                    <div class="uni-divider"></div>
                </div>
                <?php the_content(); ?>
            </div>

            <!--Additional Informations-->
            <?php $informations = get_field('informations');
            if($informations){
              foreach($informations as $information){
            ?>
            <div class="uni-doctor-details-degrees">
                <div class="uni-doctor-details-title">
                    <h3><?php echo $information['title']; ?></h3>
                    <div class="uni-divider"></div>
                </div>
                <?php echo $information['description']; ?>
            </div>
            <?php }
            } ?>

            <!--CONTACT-->
            <!-- <div class="uni-doctor-details-contact">
                <div class="uni-doctor-details-title">
                    <h3>Contact</h3>
                    <div class="uni-divider"></div>
                </div>
                <ul>
                    <li> <i class="fa fa-map-marker" aria-hidden="true"></i> 45 Queen's Park Rd, Brighton,  UK</li>
                    <li><i class="fa fa-phone" aria-hidden="true"></i> (094) 123 4567 - (094) 123 4568</li>
                    <li><i class="fa fa-envelope-o" aria-hidden="true"></i> medicareplus@domain.com</li>
                </ul>
            </div> -->
            </div>

        </div><!-- col-8 -->

      </div><!-- row -->
    </div><!-- container -->
  </div><!-- doc-container -->


</section>


<?php endwhile; ?>
		

<?php get_footer(); ?>