<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-74452030-15', 'auto');
  ga('send', 'pageview');

</script>

<footer> 
     <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm-6">
          <?php dynamic_sidebar('footer-1'); ?>
        </div><!-- col-3 -->

        <div class="col-md-3 col-sm-6">
          <h2>quick contact</h2>
          <div class="form-container">
           <?php echo do_shortcode('[contact-form-7 id="53" title="Quick Contact"]'); ?>
          </div><!-- form-container -->
        </div><!-- col-3 -->

         <div class="col-md-3 col-sm-6">
          <h2>appointment</h2>
          <div class="form-container">
           <?php echo do_shortcode('[contact-form-7 id="54" title="Appointment"]'); ?>
          </div><!-- form-container -->
        </div><!-- col-3 -->
        <div class="col-md-3 time col-sm-6">
          <h2>consultation timings</h2>
          <div class="ftr-accordion-container">
            <div class="ftr-accordion-container">
             <div class="panel-group" id="accordion">
			 
	<?php query_posts('page_id=192'); 
						while (have_posts()) : the_post(); 
						$j = 1;
						$rows = get_field('consulting_time');
						foreach($rows as $row) { ?>		 
    <div class="panel panel-default">
        <div class="panel-heading">
             <h3 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel<?php echo $j; ?>"><?php echo $row['clinic_name']; ?><i class="glyphicon <?php if($j==1) { echo 'glyphicon-minus'; } else { echo 'glyphicon-plus'; } ?>"></i></a>
            </h3>

        </div>
		
        <div id="panel<?php echo $j; ?>" class="panel-collapse collapse <?php if($j==1) { echo 'in'; } ?>">
            <div class="panel-body">
			<h5 class="mon"><i class="fa fa-clock-o"></i>  Monday   :  <?php echo $row['monday']; ?> </h5>
            <h5 class="tue"><i class="fa fa-clock-o"></i>  Tuesday   :  <?php echo $row['tuesday']; ?> </h5>
			<h5 class="wed"><i class="fa fa-clock-o"></i>  Wednesday   :  <?php echo $row['wednesday']; ?> </h5>
			<h5 class="thu"><i class="fa fa-clock-o"></i>  Thursday   :  <?php echo $row['thursday']; ?> </h5>
			<h5 class="fri"><i class="fa fa-clock-o"></i>  Friday   :  <?php echo $row['friday']; ?> </h5>
			<h5 class="sat"><i class="fa fa-clock-o"></i>  Saturday   :  <?php echo $row['saturday']; ?> </h5>
			<h5 class="sun"><i class="fa fa-clock-o"></i>  Sunday   :  <?php echo $row['sunday']; ?> </h5>

          </div>
        </div>
    </div>
	<?php $j++; 
		} endwhile; ?>
	
    
    </div>
</div>
            </div><!-- ftr-accordion-container -->
          </div><!-- ftr-accordion-container -->
        </div><!-- col-3 -->
        <div class="footer-contact-section">
          <div class="col-md-4 col-sm-4">
            <div class="each-section">
              <img src="<?php echo get_template_directory_uri(); ?>/images/ftr-phone.png" alt=""/>
              <h4>call us</h4>
              <p>Phone: <?php echo get_option('phone'); ?></p>
            </div><!-- each-section -->
          </div><!-- col-4 -->
           <div class="col-md-4 col-sm-4">
            <div class="each-section">
              <img src="<?php echo get_template_directory_uri(); ?>/images/ftr-location.png" alt=""/>
              <h4>address</h4>
              <p><?php echo get_option('location'); ?></p>
            </div><!-- each-section -->
          </div><!-- col-4 -->
           <div class="col-md-4 col-sm-4">
            <div class="each-section">
              <img src="<?php echo get_template_directory_uri(); ?>/images/ftr-email.png" alt=""/>
              <h4>email</h4>
              <p class="mail"><?php echo get_option('email'); ?></p>
            </div><!-- each-section -->
          </div><!-- col-4 -->
          <div class="col-md-12 text-center">
            <div class="top-right">
              <ul>
                <li><a href="<?php echo get_option('facebook_url'); ?>" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                <li><a href="<?php echo get_option('twitter_url'); ?>" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                <li><a href="<?php echo get_option('google_url'); ?>" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                <li><a href="<?php echo get_option('youtube_url'); ?>" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                </ul></div>
          </div><!-- col-12 -->
        </div><!-- footer-contact-section -->
      </div><!-- row -->
     </div><!-- container -->     
     <div class="sub-footer"> <?php dynamic_sidebar('copyright'); ?> </div><!-- sub-footer -->
   </footer>

	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
    
    <script src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/owl.carousel.min.js"></script>
   <script type="text/javascript">   

   var blg = $('#blog').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:2,
            
        },
        1000:{
            items:3,
        }
    }
});



$('#blog-prev').click(function() {
    blg.trigger('next.owl.carousel');
})
// Go to the previous item
$('#blog-next').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    blg.trigger('prev.owl.carousel', [300]);
});

var special = $('#special').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    autoplay:true,		
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:2,
            
        },
        1000:{
            items:4,
        }
    }
});



$('#special-prev').click(function() {
    special.trigger('next.owl.carousel');
})
// Go to the previous item
$('#special-next').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    special.trigger('prev.owl.carousel', [300]);
});

var testimonials = $('#testimonials').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:1,
            
        },
        1000:{
            items:1,
        }
    }
})

$('#testimonials-prev').click(function() {
    testimonials.trigger('next.owl.carousel');
})
// Go to the previous item
$('#testimonials-next').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    testimonials.trigger('prev.owl.carousel', [300]);
})

var selectIds = $('#panel1,#panel2,#panel3');
$(function ($) {
    selectIds.on('show.bs.collapse hidden.bs.collapse', function () {
        $(this).prev().find('.glyphicon').toggleClass('glyphicon-plus glyphicon-minus');
    })
});
</script>

<script type="text/javascript">
   var blg2 = $('#blog2').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:2,
            
        },
        900:{
            items:1,
            
        },
        1000:{
            items:1,
        }
    }
});


$('#blog-prev2').click(function() {
    blg2.trigger('next.owl.carousel');
})
// Go to the previous item
$('#blog-next2').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    blg2.trigger('prev.owl.carousel', [300]);
})
</script>

<script type="text/javascript">
$('.inner-container h2').html(function(index, curHTML) {
       var text = curHTML.split(/[\s-]/),
           newtext = '<span>' + text.pop() + '</span>';
       return text.join(' ').concat(' ' + newtext);
     });
</script>

<script type="text/javascript">

$(document).ready(function(){
    $('#blog').each(function(){       
      var highestBox = 0;
      
      $('.blog-content', this).each(function(){
        
        if($(this).height() > highestBox) {
          highestBox = $(this).height(); 
        }
      
      });              
      $('.blog-content',this).height(highestBox);                    
    }); 
	
	$('.specialised-container').each(function(){       
      var highestBox = 0;
      
      $('.specialised-container-in-bx', this).each(function(){
        
        if($(this).height() > highestBox) {
          highestBox = $(this).height(); 
        }
      
      });              
      $('.specialised-container-in-bx',this).height(highestBox);                    
    }); 
});
</script>

<script>
$('.panel-collapse').on('shown.bs.collapse', function(e) {
  var $panel = $(this).closest('.panel');
  $('html,body').animate({
    scrollTop: $panel.offset().top
  }, 500);
});

</script>

<script>
$("#aptment").click(function() {
    $('html, body').animate({
        scrollTop: $("footer").offset().top
    }, 2000);
});
</script>


	<?php wp_footer(); ?>
</body>
</html>