<?php

/*
Template Name: Coming Soon Page
*/

$bg = '';
if(function_exists('yprm_get_image') && isset(yprm_get_theme_setting('coming_soon_bg')['media']['id'])) {
	$bg = yprm_get_image(yprm_get_theme_setting('coming_soon_bg')['media']['id'], 'bg');
}

$coming_soon_link = yprm_get_theme_setting('coming_soon_link');
$coming_soon_link_label = yprm_get_theme_setting('coming_soon_link_label');

$id = uniqid('countdown-');

if(!isset($maintenance_mode)) {
	get_header();

	global $mirel_theme;

	if(isset($mirel_theme['coming_soon_date']) && !empty($mirel_theme['coming_soon_date'])) {
		$date_array = explode('/', $mirel_theme['coming_soon_date']);
		$month = $date_array[0]-1;
		$day = $date_array[1];
		$year = $date_array[2];

		$js = "var ts = new Date($year, $month, $day);

		if(jQuery('.$id').length > 0){
			jQuery('.$id').countdown({
				timestamp	: ts,
				callback	: function(days, hours, minutes, seconds){
				}
			});
		}";

		wp_enqueue_script( 'countdown', get_parent_theme_file_uri() . '/js/jquery.countdown.js', array('jquery'), '1.0', true );
		do_action('mirel_inline_js', $js);
	}
}
?>
<section class="coming-soon-banner">
	<div class="container">
		<?php if($bg) { ?>
			<div class="image" style="<?php echo esc_attr($bg) ?>"></div>
		<?php } ?>
		<div class="content-block">
			<?php if($heading = yprm_get_theme_setting('coming_soon_heading')) { ?>
				<h1 class="heading-block"><?php echo wp_kses(nl2br($heading), 'post') ?></h1>
			<?php } if($desc = yprm_get_theme_setting('coming_soon_desc')) { ?>
				<div class="text"><?php echo wp_kses(nl2br($desc), 'post') ?></div>
			<?php } ?>
			<div class="timer-block <?php echo esc_attr($id) ?>"></div>
			<?php if($coming_soon_link && $coming_soon_link_label) { ?>
				<a class="button-style1" href="<?php echo esc_url($coming_soon_link) ?>" target="_self">
					<em class="border"></em>
					<span><?php echo strip_tags($coming_soon_link_label) ?></span>
					<span class="mirel-m-icon">
			          <svg width="11px" height="11px" viewBox="0 0 10.946 10.945"><g><path d="m.46 10.485 9.83-9.83"></path><path d="M1.771.655h9"></path><path d="M10.29 9.175V1"></path></g><g><path d="m.46 10.485 9.83-9.83"></path><path d="M1.771.655h9"></path><path d="M10.29 9.175V1"></path></g>
			          </svg>
			        </span>
				</a>
			<?php } ?>
		</div>
	</div>
</section>
<?php
if(!isset($maintenance_mode)) {
	get_footer();
}