<?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-27', 'auto');
  ga('send', 'pageview');

</script>
 <footer>
    <div class="container">
      <div class="row">
        <div class="footer-address-container">
          <div class="col-md-4 col-sm-4">
            <div class="address-box">
              <div class="icon-container"><i class="fa fa-map-marker"></i></div><!-- icon-container -->
              <div class="address">
                <h3>address</h3>
                <p><?php echo get_option('location'); ?></p>
              </div><!-- address -->
            </div><!-- address-box -->
          </div><!-- col-4 -->

          <div class="col-md-4 col-sm-4">
            <div class="address-box">
              <div class="icon-container"><i class="fa fa-phone"></i></div><!-- icon-container -->
              <div class="address">
                <h3>call us</h3>
                <p><?php echo get_option('phone'); ?></p>
              </div><!-- address -->
            </div><!-- address-box -->
          </div><!-- col-4 -->

          <div class="col-md-4 col-sm-4">
            <div class="address-box">
              <div class="icon-container"><i class="fa fa-comments"></i></div><!-- icon-container -->
              <div class="address">
                <h3>mail us</h3>
                <p><?php echo get_option('email'); ?></p>
              </div><!-- address -->
            </div><!-- address-box -->
          </div><!-- col-4 -->
        </div><!-- footer-address-container --> 

        <div class="footer-contact">
          <div class="col-md-3 col-sm-6">
          <?php dynamic_sidebar('ftr_logo'); ?>
          
          <div class="footer-social">
            <ul>
              <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('youtube_url'); ?>" target="_blank"><i class="fa fa-youtube"></i></a></li>
              <li><a href="<?php echo get_option('google_url'); ?>" target="_blank"><i class="fa fa-google-plus"></i></a></li>
            </ul>
          </div><!-- footer-social -->
        </div><!-- col-3 -->
        <div class="clearfix visible-xs"></div>
        <div class="col-md-3 col-sm-6">
          <h2>quick contact</h2>
          <div class="form-container">
           <?php echo do_shortcode('[contact-form-7 id="342" title="Quick Contact"]'); ?>
          </div><!-- form-container -->
        </div><!-- col-3 -->
<div class="clearfix visible-xs"></div>
         <div class="col-md-3 col-sm-6">
          <h2>appointment</h2>
          <div class="form-container">
           <?php echo do_shortcode('[contact-form-7 id="344" title="Appointment Form"]'); ?>
          </div><!-- form-container -->
        </div><!-- col-3 -->
        <div class="clearfix visible-xs"></div>
        <div class="col-md-3 time col-sm-6">
          <h2>consulting hours</h2>
            <div class="ftr-accordion-container time">
             <div class="panel-group" id="accordion2">
			 
			 <?php query_posts('page_id=103'); 
						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><!-- ftr-accordion-container -->
        </div><!-- col-3 -->
        </div><!-- footer-contact -->
      </div><!-- row -->
    </div><!-- container -->
    
        
    <div class="sub-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="copy-right">
                <?php dynamic_sidebar('copyright'); ?>
            </div><!-- copy-right -->
          </div><!-- col-6 -->
        </div><!-- row -->
      </div><!-- container -->
    </div><!-- sub-footer -->    
   </footer>
   <!-- footer section end -->

 	<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="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">
    var blg = $('#blog').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    autoplay: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 testimonial = $('#testimonial').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    autoplay:true,
    dots:true,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:2,
            
        },
        1000:{
            items:2,
        }
    }
})

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

var blg2 = $('#blog2').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    autoplay:true,
    responsive:{
        0:{
            items:1,
           
        },
        768:{
            items:2,
            
        },
        769:{
            items:1,
            
        },
    
        1000:{
            items:1,
        }
    }
})

$('#blog-prev2').click(function() {
    blg.trigger('next.owl.carousel');
})
// Go to the previous item
$('#blog-next2').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    blg.trigger('prev.owl.carousel', [300]);
});
    </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" src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.fancybox.js?v=2.1.5"></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">
		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>
	<?php wp_footer(); ?>
</body>
</html>