<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Sofident
 */
?>

</div><!-- #content -->

<section id="contacts-footer" class="contacts-bar">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 wow fadeInUp">
                <div class="table-row-xs icon-holder">
                    <div>
                        <i class="with-sprite contact-icons icn-place"></i>
                    </div>
                    <div>
                        <?php _e('Navštivte nás', 'sofident'); ?>
                        <div>Na Plzeňce 1235/2, Praha 5</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay=".2s">
                <div class="table-row-xs icon-holder">
                    <div>
                        <i class="with-sprite contact-icons icn-email"></i>
                    </div>
                    <div>
                        <?php _e('Napište nám', 'sofident'); ?>
                        <div><a href="mailto:recepce@sofident.cz" title="<?php _e('Napište nám', 'sofident'); ?>">recepce@sofident.cz</a></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay=".4s">
                <div class="table-row-xs icon-holder">
                    <div>
                        <i class="with-sprite contact-icons icn-phone"></i>
                    </div>
                    <div>
                        <?php _e('Zavolejte nám', 'sofident'); ?>
                        <div>+420 777 134 305</div>
                        <div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div id="floating-phone">
  <a href="tel:+420 777 134 305" title="<?php _e('Zavolejte nám', 'sofident'); ?>">
    <svg version="1.1" id="call" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 473.806 473.806" style="enable-background:new 0 0 473.806 473.806;" xml:space="preserve">
<g>
		<path d="M374.456,293.506c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3,0-24.1,5.3-34.2,15.4l-31.6,31.5c-2.6-1.4-5.2-2.7-7.7-4
			c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75c-12.5-15.8-20.9-29.1-27-42.6c8.2-7.5,15.8-15.3,23.2-22.8
			c2.8-2.8,5.6-5.7,8.4-8.5c21-21,21-48.2,0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6
			c-9.7-9.6-21.3-14.7-33.5-14.7s-24,5.1-34,14.7c-0.1,0.1-0.1,0.1-0.2,0.2l-34,34.3c-12.8,12.8-20.1,28.4-21.7,46.5
			c-2.4,29.2,6.2,56.4,12.8,74.2c16.2,43.7,40.4,84.2,76.5,127.6c43.8,52.3,96.5,93.6,156.7,122.7c23,10.9,53.7,23.8,88,26
			c2.1,0.1,4.3,0.2,6.3,0.2c23.1,0,42.5-8.3,57.7-24.8c0.1-0.2,0.3-0.3,0.4-0.5c5.2-6.3,11.2-12,17.5-18.1c4.3-4.1,8.7-8.4,13-12.9
			c9.9-10.3,15.1-22.3,15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L374.456,293.506z M410.256,398.806
			C410.156,398.806,410.156,398.906,410.256,398.806c-3.9,4.2-7.9,8-12.2,12.2c-6.5,6.2-13.1,12.7-19.3,20
			c-10.1,10.8-22,15.9-37.6,15.9c-1.5,0-3.1,0-4.6-0.1c-29.7-1.9-57.3-13.5-78-23.4c-56.6-27.4-106.3-66.3-147.6-115.6
			c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6c1-11.7,5.5-21.4,13.8-29.7l34.1-34.1c4.9-4.6,10.1-7.1,15.2-7.1
			c6.3,0,11.4,3.8,14.6,7c0.1,0.1,0.2,0.2,0.3,0.3c6.1,5.7,11.9,11.6,18,17.9c3.1,3.2,6.3,6.4,9.5,9.7l27.3,27.3
			c10.6,10.6,10.6,20.4,0,31c-2.9,2.9-5.7,5.8-8.6,8.6c-8.4,8.6-16.4,16.6-25.1,24.4c-0.2,0.2-0.4,0.3-0.5,0.5
			c-8.6,8.6-7,17-5.2,22.7c0.1,0.3,0.2,0.6,0.3,0.9c7.1,17.2,17.1,33.4,32.3,52.7l0.1,0.1c27.6,34,56.7,60.5,88.8,80.8
			c4.1,2.6,8.3,4.7,12.3,6.7c3.6,1.8,7,3.5,9.9,5.3c0.4,0.2,0.8,0.5,1.2,0.7c3.4,1.7,6.6,2.5,9.9,2.5c8.3,0,13.5-5.2,15.2-6.9
			l34.2-34.2c3.4-3.4,8.8-7.5,15.1-7.5c6.2,0,11.3,3.9,14.4,7.3c0.1,0.1,0.1,0.1,0.2,0.2l55.1,55.1
			C420.456,377.706,420.456,388.206,410.256,398.806z"/>
		<path d="M256.056,112.706c26.2,4.4,50,16.8,69,35.8s31.3,42.8,35.8,69c1.1,6.6,6.8,11.2,13.3,11.2c0.8,0,1.5-0.1,2.3-0.2
			c7.4-1.2,12.3-8.2,11.1-15.6c-5.4-31.7-20.4-60.6-43.3-83.5s-51.8-37.9-83.5-43.3c-7.4-1.2-14.3,3.7-15.6,11
			S248.656,111.506,256.056,112.706z"/>
		<path d="M473.256,209.006c-8.9-52.2-33.5-99.7-71.3-137.5s-85.3-62.4-137.5-71.3c-7.3-1.3-14.2,3.7-15.5,11
			c-1.2,7.4,3.7,14.3,11.1,15.6c46.6,7.9,89.1,30,122.9,63.7c33.8,33.8,55.8,76.3,63.7,122.9c1.1,6.6,6.8,11.2,13.3,11.2
			c0.8,0,1.5-0.1,2.3-0.2C469.556,223.306,474.556,216.306,473.256,209.006z"/>
	</g>
</svg>

  </a>
</div>

<section class="map-holder">
    <div class="on-top">
        <h2><i class="with-sprite icn-tram"></i><?php _e('Dopravní informace', 'sofident'); ?></h2>
        <ul class="contact-details no-list">
            <li>4</li>
            <li>5</li>
            <li>12</li>
            <li>20</li>
            <li>54</li>
            <li>59</li>
        </ul>
        <a href="https://goo.gl/maps/QAFfmvUCfKu" class="btn btn-lg btn-green btn-wide" title="<?php _e('Plánování trasy', 'sofident'); ?>" target="_blank"><?php _e('Plánování trasy', 'sofident'); ?></a>
    </div>
    <div id="map"></div>
</section>

<section id="footer-menus">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-4 wow fadeInDown">
                <h2><?php _e('Rodinná zubní ordinace', 'sofident'); ?></h2>
                <p><?php _e('Sofident je zubní klinika na Praze 5, jejíž dveře jsou pro Vás vždy otevřeny. Nabízíme kvalitní léčbu a komplexní péči. Škála služeb, které naše zubní klinika na Praze 5 poskytuje, zahrnuje jak prevenční prohlídky, tak i náročné chirurgické zákroky. Všechny úkony a zákroky se provádějí na půdě jedné kliniky, proto se nebudete muset zatěžovat zbytečným cestováním a čekáním. S námi volíte tu nejlepší zubní kliniku na Praze 5.', 'sofident'); ?></p>
                <hr>
                <div class="social-part">
                    <strong><?php _e('Zůstaňte v kontaktu', 'sofident'); ?></strong>
                    <ul id="social-links" class="no-list inline-list">
                        <li><a href="https://www.facebook.com/sofident.cz/" target="_blank" title="<?php _e('Rodinná zubní ordinace', 'sofident'); ?>"><i class="with-sprite icn-fb"></i></a></li>
                        <!-- <li><a href="#" target="_blank"><i class="with-sprite icn-vk"></i></a></li>
                        <li><a href="#" target="_blank"><i class="with-sprite icn-sk"></i></a></li>
                        <li><a href="#" target="_blank"><i class="with-sprite icn-ln"></i></a></li> -->
                    </ul>
                </div>
                <a href="<?php echo get_page_link(89); ?>" class="btn btn-lg btn-green" id="special-btn"><?php _e('Kontaktujte nás', 'sofident'); ?></a>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-lg-offset-1 wow fadeInDown" data-wow-delay=".2s">
                <h2><?php _e('Poskytované služby', 'sofident'); ?></h2>
                <?php
                wp_nav_menu(array(
                    'menu' => 'Footer',
                    'menu_class' => 'no-list lined-list with-links'
                ));
                ?>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-lg-offset-1 wow fadeInDown" data-wow-delay=".4s">
                <h2><?php _e('Otevírací doba', 'sofident'); ?></h2>
                <ul class="no-list lined-list" id="opening-hours">
                    <li><?php _e('Pondělí', 'sofident'); ?><span>08:00 - 17:00</span></li>
                    <li><?php _e('Úterý', 'sofident'); ?><span>08:00 - 14:00</span></li>
                    <li><?php _e('Středa', 'sofident'); ?><span>08:00 - 14:00</span></li>
                    <li><?php _e('Čtvrtek', 'sofident'); ?><span>08:00 - 20:00</span></li>
                    <li><?php _e('Pátek', 'sofident'); ?><span>08:00 - 14:00</span></li>
                    <li><?php _e('Sobota', 'sofident'); ?><span><?php _e('Zavřeno', 'sofident'); ?>*</span></li>
                    <li><?php _e('Neděle', 'sofident'); ?><span><?php _e('Zavřeno', 'sofident'); ?>*</span></li>
                </ul>
                <span>* <?php _e('Dle předchozí dohody', 'sofident'); ?></span>
            </div>
        </div>
        <div class="row text-center recap">
          This site is protected by reCAPTCHA and the Google
          <a href="https://policies.google.com/privacy" title="Privacy Policy">Privacy Policy</a> and
          <a href="https://policies.google.com/terms" title="Terms of Service">Terms of Service</a> apply.
    </div>
</section>

<footer id="colophon" class="site-footer wow fadeInUp" role="contentinfo">
    <div class="site-info">
        <?php _e('Copyright 2019  by Sofident', 'sofident'); ?><span class="sep"> | </span><a href="https://www.linkedin.com/in/semionb/" rel="designer" target="_blank">Developed by Semion Bourakevich</a>
    </div>
</footer><!-- #colophon -->

</div><!-- #page -->

<?php wp_footer(); ?>

<script>
function google_maps_init() {
  'use strict'

  var uluru = {lat: 50.065056, lng: 14.410000};
  var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
      center: uluru,
      scrollwheel: false,
  });
  var marker = new google.maps.Marker({
      position: uluru,
      map: map,
      icon: '<?php bloginfo('template_url'); ?>/img/point.png'
  });
}

function google_maps_lazyload(api_key) {
  'use strict'

  if (api_key) {
    var options = {
      rootMargin: '200px',
      threshold: 0
    }

    var map = document.getElementById('map')

    var observer = new IntersectionObserver(
      function(entries, self) {
        // Intersecting with Edge workaround https://calendar.perfplanet.com/2017/progressive-image-loading-using-intersection-observer-and-sqip/#comment-102838
        var isIntersecting = typeof entries[0].isIntersecting === 'boolean' ? entries[0].isIntersecting : entries[0].intersectionRatio > 0
        if (isIntersecting) {
          var mapsJS = document.createElement('script')
          mapsJS.src = 'https://maps.googleapis.com/maps/api/js?callback=google_maps_init&key=' + api_key
          document.getElementsByTagName('head')[0].appendChild(mapsJS)
          self.unobserve(map)
        }
      },
      options
    )

    observer.observe(map)
  }
}

google_maps_lazyload("AIzaSyAWo7BCB6ybRn-CiJoyr12-mQpJBpl6qDM")
</script>

</body>
</html>