<?php 

/*
 * Template Name: Coming Soon
 */

get_header('alternative'); ?>

<?php
    global $shapebootstrap_options;
    $comingsoon_date = '';
    if (isset($shapebootstrap_options['comingsoon-date'])) {
        $comingsoon_date = esc_attr($shapebootstrap_options['comingsoon-date']);
    }
?>

<div class="comingsoon">
    <div class="container">

        <div class="comingsoon-logo"></div> 

        <h2 class="page-header"><?php if (isset($shapebootstrap_options['comingsoon-title'])) echo esc_html($shapebootstrap_options['comingsoon-title']); ?></h2>
        <p class="comingsoon-message-desc"><?php if (isset($shapebootstrap_options['comingsoon-message-desc'])) echo esc_html($shapebootstrap_options['comingsoon-message-desc']); ?></p>

        <script type="text/javascript">
        jQuery(function($) {
            $('#comingsoon-countdown').countdown("<?php echo str_replace('-', '/', $comingsoon_date); ?>", function(event) {
                $(this).html(event.strftime('<div class="countdown-section"><span class="countdown-amount">%-D </span><span class="countdown-period">%!D:<?php echo __("Day", "shapebootstrap"); ?>,<?php echo __("Days", "shapebootstrap"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount">%-H </span><span class="countdown-period">%!H:<?php echo __("Hour", "shapebootstrap"); ?>,<?php echo __("Hours", "shapebootstrap"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount">%-M </span><span class="countdown-period">%!M:<?php echo __("Minute", "shapebootstrap"); ?>,<?php echo __("Minutes", "shapebootstrap"); ?>;</span></div><div class="countdown-section"><span class="countdown-amount">%-S </span><span class="countdown-period">%!S:<?php echo __("Second", "shapebootstrap"); ?>,<?php echo __("Seconds", "shapebootstrap"); ?>;</span></div>'));
            });
        });
        </script>

        <div id="comingsoon-countdown"></div>
         <div class="social-share">
            <ul>               
                <li><a class="facebook" href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                <li><a class="twitter" href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>          
                <li><a class="g-plus" href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                <li><a class="linkedin" href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>                                  
            </ul>
        </div>
    </div>
</div>

<?php get_footer('alternative');