<?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
 */
?>

<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">
          <h4>Latest News</h4>
	<?php	  	
	  	$the_query = new WP_Query( 'posts_per_page=2&cat=6' );
		   if ( $the_query -> have_posts() ) : 
		   while ( $the_query -> have_posts() ) : $the_query -> the_post(); 
			$content = get_the_content();
			$trimmed_content = wp_trim_words( $content, 15); ?>   
          <div class="blog">
          <div class="blog-head">
            <?php the_title(); ?>
            <span><?php echo $trimmed_content; ?></span>
          </div><!-- blog-head -->
          <a href="<?php the_permalink(); ?>" class="blog-more">read more</a>
        </div><!-- blog -->

    <?php endwhile; endif; ?>
	
        </div><!-- col-3 -->
         
        <div class="clearfix visible-xs"></div>
         <div class="col-md-3 col-sm-6">
          <h4>quick links</h4>
            <div class="row">
               <?php dynamic_sidebar('ftr_menu'); ?>
            </div><!-- row -->
         </div><!-- col-3 -->
         <div class="col-md-3 col-sm-6">
          <h4>Consultation Timings</h4>
          <div class="form-container time">
           <div class="ftr-accordion-container">
             <div class="panel-group" id="accordion2">
			 
			 <?php query_posts('page_id=814'); 
						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="<?php if($j!=1) { echo 'collapsed'; } ?>" data-toggle="collapse" data-parent="#accordion2" href="#panel<?php echo $j; ?>"><?php echo $row['clinic_name']; ?></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 <span><?php echo $row['monday']; ?></span></h5>
            <h5 class="tue"><i class="fa fa-clock-o"></i> Tuesday <span><?php echo $row['tuesday']; ?></span></h5>
            <h5 class="wed"><i class="fa fa-clock-o"></i> Wednesday <span><?php echo $row['wednesday']; ?></span></h5>
			<h5 class="thu"><i class="fa fa-clock-o"></i> Thursday <span><?php echo $row['thursday']; ?></span></h5>
			<h5 class="fri"><i class="fa fa-clock-o"></i> Friday <span><?php echo $row['friday']; ?></span></h5>
			<h5 class="sat"><i class="fa fa-clock-o"></i> Saturday <span><?php echo $row['saturday']; ?></span></h5>
			<h5 class="sun"><i class="fa fa-clock-o"></i> Sunday <span><?php echo $row['sunday']; ?></span></h5>
          </div>
        </div>
    </div>
    <?php $j++; 
		} endwhile; ?>
    </div>
          </div>
          </div>
        </div><!-- col-3 -->
      </div><!-- row -->
    </div><!-- container -->
    <div class="footer-strip">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6"><?php dynamic_sidebar('ftr_logo'); ?></div><!-- col-6 -->
          <div class="col-md-6 col-sm-6">
            <ul class="list-inline">
              <li><a href="<?php echo get_option('facebook_url'); ?>" target="_blank"><i class="fa fa-facebook"></i></a></li>
              <li><a href="<?php echo get_option('twitter_url'); ?>" target="_blank"><i class="fa fa-twitter"></i></a></li>
              <li><a href="<?php echo get_option('google_url'); ?>" target="_blank"><i class="fa fa-google-plus"></i></a></li>
              <li><a href="<?php echo get_option('youtube_url'); ?>" target="_blank"><i class="fa fa-youtube"></i></a></li>
            </ul>
          </div><!-- col-6 -->
        </div><!-- row -->
      </div><!-- container -->
    </div><!-- footer-strip -->
    <div class="copy-right">
      <div class="container">
        <div class="row">
            <?php dynamic_sidebar('copyright'); ?>
        </div><!-- row -->
      </div><!-- container -->
    </div><!-- copy-right -->
   </footer>
   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <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>
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.fancybox.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/fancybox/media/jquery.fancybox-buttons.js?v=1.0.5"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/fancybox/media/jquery.fancybox-media.js?v=1.0.6"></script>
      <script type="text/javascript">
      $('.tab-container .tab-owl-container .item').click(function() {
  $('.active2').removeClass('active2');
  $(this).addClass('active2');
});

    var featured = $('#featured').owlCarousel({
    loop:true,
    margin:19,
    responsiveClass:true,
    autoplay:false,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:3,
            
        },
        1000:{
            items:4,
        }
    }
})

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


$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
}).on('hidden.bs.collapse', function(){
$(this).parent().find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");
});

var news = $('#news').owlCarousel({
    loop:true,
    margin:19,
    responsiveClass:true,
    autoplay:false,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:1,
            
        },
        1000:{
            items:1,
        }
    }
})

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


$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
}).on('hidden.bs.collapse', function(){
$(this).parent().find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");
});
    </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 type="text/javascript">
		$(document).ready(function() {
			
			$('.fancybox').fancybox();
		});
	</script>
<script type="text/javascript">
		jQuery(document).ready(function() {			
			jQuery('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'elastic',
					closeEffect : 'elastic',
					prevEffect : 'none',
					nextEffect : 'none',					
					openSpeed  : 500,
					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});	

		});
		
	</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74452030-37"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-74452030-37');
</script>
	<?php wp_footer(); ?>
</body>
</html>