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

  gtag('config', 'UA-74452030-46');
</script>

<footer>
   		<div class="container">
        <div class="row">
          <div class="social-wrapper">
          <div class="social-container">
            <div class="footer-social">
              <ul>
                <li><a>follow us on</a></li>
                <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><!-- social-container -->
        </div><!-- social-wrapper -->
        <div class="footer-inner">
           <div class="col-md-3 col-sm-6">
          <?php dynamic_sidebar('logo-ftr'); ?>
        </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="496" title="quick form"]'); ?>
          </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="497" title="Appointment"]'); ?>
          </div><!-- form-container -->
        </div><!-- col-3 -->
        <div class="clearfix visible-xs"></div>
        <div class="col-md-3 time col-sm-6">
          <h2>consultation timings</h2>
            <div class="ftr-accordion-container time">
             <div class="panel-group" id="accordion2">
    
    <?php query_posts('page_id=101'); 
						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-inner -->
        </div><!-- row -->
      </div><!-- container -->
      <div class="sub-ftr">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <?php dynamic_sidebar('copyright'); ?>
            </div><!-- col-12 -->
          </div><!-- row -->
        </div><!-- container -->
      </div><!-- sub-ftr -->   
   </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 type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/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:3,
            
        },
        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 blg2 = $('#blog2').owlCarousel({
    loop:true,
    margin:20,
    responsiveClass:true,
    autoplay:true,
    responsive:{
        0:{
            items:1,
           
        },
        600:{
            items:1,
            
        },
        700:{
            items:2,
            
        },
        900:{
            items:1,
            
        },
        1000:{
            items:1,
        }
    }
})

$('#blog2-prev').click(function() {
    blg2.trigger('next.owl.carousel');
})
// Go to the previous item
$('#blog2-next').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    blg2.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:3,
            
        },
        1000:{
            items:3,
        }
    }
})

$('#testimonial-prev').click(function() {
    testimonial.trigger('next.owl.carousel');
})
// Go to the previous item
$('#testimonial-next').click(function() {
    // With optional speed parameter
    // Parameters has to be in square bracket '[]'
    testimonial.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);
});

jQuery(function(){

    var minimized_elements = $('.minimize p');
    
    minimized_elements.each(function(){    
        var t = $(this).text();        
        if(t.length < 210) return;
        
        $(this).html(
            t.slice(0,210)+'<span>... </span><a href="#" class="more">More</a>'+
            '<span style="display:none;">'+ t.slice(210,t.length)+' <a href="#" class="less">Less</a></span>'
        );
        
    }); 
    $('a.more', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).hide().prev().hide();
        $(this).next().show();        
    });
    
    $('a.less', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).parent().hide().prev().show().prev().show();    
    });

});   
</script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function() {			
			jQuery('.fancybox').fancybox();
		});
</script>

<script type="text/javascript">
jQuery(document).ready(function() {	
	jQuery('.menu-item-has-children').addClass('dropdown');
	jQuery('.menu-item-has-children > a').addClass('dropdown-toggle');
	jQuery('.menu-item-has-children > a').attr("data-toggle", "dropdown");
	jQuery( ".menu-item-has-children > a" ).append( '<span class="caret"></span>' );
	//jQuery( ".nav.navbar-nav li ul" ).removeClass( "sub-menu" ).addClass( "dropdown-menu" );
});
</script>
	<?php wp_footer(); ?>
</body>
</html>