<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */ ?>
  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-sm-12 col-md-12 col-lg-6 footer-logo">
          <a class="" href="<?php echo get_site_url(); ?>">
            <img src="<?php echo get_option('footer_logo'); ?>" alt="Captains Chair">
          </a>
        </div>
        <!-- <div class="col-md-12 col-lg-8">
        <?php wp_nav_menu(array(
              'theme_location'  => 'footer_menu',
              'menu_class'      => 'footer-menu',
            )); 
        ?>
        </div> -->
        <div class="col-md-12 col-lg-6">
          <div class="row">
            <div class="col-sm-4 col-md-3 col-lg-4">
              <div class="footer-menu">
                <h4 class="heading04">Product</h4>
                <a href="<?php echo get_site_url(); ?>/client-dashboard/#clientDashboard">Client Dashboard</a>
                <a href="<?php echo get_site_url(); ?>/client-dashboard/#accountManagement">Account Management</a>
                <a href="<?php echo get_site_url(); ?>/client-dashboard/#features">Features</a>
              </div>
            </div>
            <div class="col-sm-4 col-md-3 col-lg-4">
              <div class="footer-menu">
                <h4 class="heading04">Resources</h4>
                <a href="<?php echo get_site_url(); ?>/blog">Blog</a>
                <a href="<?php echo get_site_url(); ?>/news">Press Center</a>
              </div>
            </div>
            <div class="col-sm-4 col-md-3 col-lg-4">
              <div class="footer-menu">
                <h4 class="heading04">About</h4>
                <a href="<?php echo get_site_url(); ?>/about/#CompanyInfo">Company Info</a>                
                <a href="<?php echo get_site_url(); ?>/about/#ContactUs">Contact Us</a>
              </div>
            </div>
            <!-- <div class="col-sm-4 col-md-3 col-lg-3">
              <div class="footer-menu">
                <a href="#">Connectors</a>
              </div>
            </div> -->
          </div>
        </div>
        <!-- <div class="col-md-12 col-lg-4 offset-lg-8">
          <ul class="list-inline social-buttons">
            <li>
              <a href="<?php //echo get_option('linkedin'); ?>" target="_blank">
              <i class="fab fa-linkedin-in"></i>
              </a>
            </li>
          </ul>
        </div> -->
      </div>
    </div>
  </footer>

  <div id="footer" class="fusion-footer-copyright-area">
    <div class="container">
    <div class="fusion-row">
      <div class="fusion-copyright-content">
        <div class="fusion-copyright-notice">
          <div>
            <p class="copyright-itglue">&copy; <?php echo date("Y"); ?> Captain's chair | All rights reserved | 
              <a href="<?php echo get_site_url(); ?>/privacy-policy">Privacy Policy</a> | 
              <a href="<?php echo get_site_url(); ?>/terms-conditions/">Terms & Conditions</a> 
              <span class="footer-phone"><?php echo get_option('ph_no'); ?></span>
            </p>  
        </div>
      </div>
      <div class="fusion-social-links-footer">
        <div class="fusion-social-networks boxed-icons">
          <div class="fusion-social-networks-wrapper">      
          <a href="<?php echo get_option('linkedin'); ?>" target="_blank" rel="noopener noreferrer">
                <i class="fab fa-linkedin-in"></i>
            </a>
          </div>
        </div>
      </div>
      </div> <!-- fusion-fusion-copyright-content -->
    </div> <!-- fusion-row -->
  </div>

  <!-- Bootstrap core JavaScript -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/jquery.min.js"></script>
  <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
  <script src="<?php echo get_bloginfo('template_directory');?>/js/bootstrap.min.js" defer></script>
  <!-- <script src="<?php //echo get_bloginfo('template_directory');?>/js/bootstrap.bundle.min.js"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js" defer></script>
  <!-- Plugin JavaScript -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/jquery.easing.min.js" defer></script>
  <!-- Shuffle js -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/shuffle.js" defer></script>
  <!-- Animation scripts -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/index.js" defer></script>
  <script src="<?php echo get_bloginfo('template_directory');?>/js/classie.js" defer></script>
  <!-- Custom scripts for this template -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/custom.js" defer></script>
  <script src="<?php echo get_bloginfo('template_directory');?>/js/slick.js" defer></script>
  <!-- Custom scripts for this template -->
  <script src="<?php echo get_bloginfo('template_directory');?>/js/script.js" defer></script>
  <?php if($template_name == 'template-parts/about.php') { ?>
  <script>
  /*Shuffle */

  $(document).ready(function () {
    var Shuffle = window.Shuffle;
    var jQuery = window.jQuery;

    var myShuffle = new Shuffle(document.querySelector('.my-shuffle'), {
      itemSelector: '.image-item',
      sizer: '.my-sizer-element',
      buffer: 1
    });


    jQuery('input[name="shuffle-filter"]').on('change', function (evt) {
      var input = evt.currentTarget;
      if (input.checked) {
        myShuffle.filter(input.value);
      }
    });
  });
  /*Shuffle */
  </script>
  <?php
  }
  wp_footer(); ?>
</body>

</html>