<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- This file builds the admin preview metabox and exposes shared template-scope variables consumed by WPAF template files; renaming would break template overrides.
// If accessed directly, exit.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Builds the coupon preview meta box.
 *
 * @since 1.0
 */
if ( !function_exists( 'wpaf_coupon_thumbnail_img' ) ) {
	include WPAF_Plugin::instance()->plugin_includes . 'functions/wpaf-coupon-thumbnail-img.php';
}


global $wpaf_coupon_id;

$post_id	   = get_the_ID();
$title	   = get_the_title();
$description	   = get_post_meta( $post_id, 'coupon_details_description', true );
$coupon_thumbnail	   = wpaf_coupon_thumbnail_img( $post_id );
$coupon_thumbnail_not_featured = wpaf_coupon_thumbnail_img( $post_id, true );
$link_thumbnail            = get_option('wpaf_coupon-link-featured-img');
$show_hide_feature_image   = get_post_meta( $wpaf_coupon_id, 'coupon_details_show-hide-feature-image', true );
$coupon_type	   = get_post_meta( $post_id, 'coupon_details_coupon-type', true );
$discount_text	   = get_post_meta( $post_id, 'coupon_details_discount-text', true );
$second_discount_text	   = get_post_meta( $post_id, 'coupon_details_second-discount-text', true );
$third_discount_text	   = get_post_meta( $post_id, 'coupon_details_third-discount-text', true );
$link	   = get_post_meta( $post_id, 'coupon_details_link', true );
$coupon_code	   = get_post_meta( $post_id, 'coupon_details_coupon-code-text', true );
$second_coupon_code	   = get_post_meta( $post_id, 'coupon_details_second-coupon-code-text', true );
$third_coupon_code	   = get_post_meta( $post_id, 'coupon_details_third-coupon-code-text', true );
$deal_text	   = get_post_meta( $post_id, 'coupon_details_deal-button-text', true );
$second_deal_text	   = get_post_meta( $post_id, 'coupon_details_second-deal-button-text', true );
$third_deal_text	   = get_post_meta( $post_id, 'coupon_details_third-deal-button-text', true );
$coupon_hover_text	   = get_option( 'wpaf_coupon-hover-text' );
$deal_hover_text	   = get_option( 'wpaf_deal-hover-text' );
$button_class	   = '.wpaf-btn-' . $post_id;
$no_expiry	   = get_option( 'wpaf_no-expiry-message' );
$expire_text	   = get_option( 'wpaf_expire-text' );
$expired_text	   = get_option( 'wpaf_expired-text' );
$hide_coupon_text	   = get_option( 'wpaf_hidden-coupon-text' );
$hide_coupon_button_color	   = get_option( 'wpaf_hidden-coupon-button-color' );
$hidden_coupon_hover_text	   = get_option( 'wpaf_hidden-coupon-hover-text' );
$show_expiration	   = get_post_meta( $post_id, 'coupon_details_show-expiration', true );
$today	   = gmdate( 'd-m-Y' );
$time_now	   = time();
$expire_date	   = get_post_meta( $post_id, 'coupon_details_expire-date', true );
$second_expire_date	   = get_post_meta( $post_id, 'coupon_details_second-expire-date', true );
$third_expire_date	   = get_post_meta( $post_id, 'coupon_details_third-expire-date', true );
$expire_time	   = get_post_meta( $post_id, 'coupon_details_expire-time', true );
$expireDateFormat	   = get_option( 'wpaf_expiry-date-format' );
$hide_coupon	   = get_post_meta( $post_id, 'coupon_details_hide-coupon', true );
$coupon_image_id	   = get_post_meta( $post_id, 'coupon_details_coupon-image-input', true );
$coupon_image_src	   = wp_get_attachment_image_src( $coupon_image_id, 'full' );
$wpaf_template_five_theme	   = get_post_meta( $post_id, 'coupon_details_template-theme-color', true );
$wpaf_template_six_theme	   = get_post_meta( $post_id, 'coupon_details_template-theme-color', true );
$wpaf_template_seven_theme     = get_post_meta( $post_id, 'coupon_details_template-theme-color', true );
$wpaf_template_eight_theme     = get_post_meta( $post_id, 'coupon_details_template-theme-color', true );
$wpaf_dummy_coupon_img         = WPAF_Plugin::instance()->plugin_assets . 'admin/img/coupon-200x200.png';
$wpaf_text_to_show	   = get_option( 'wpaf_text-to-show' );
$wpaf_custom_text              = get_option( 'wpaf_custom-text' );
$wpaf_eight_btn_text           = get_option( 'wpaf_eight-button-text' );

/** Alternative Template Variables */
$disable_coupon_title_link = get_option( 'wpaf_disable-coupon-title-link' );
$coupon_title_tag          = get_option( 'wpaf_coupon-title-tag', 'h1' );
$dt_coupon_type_name       = get_option( 'wpaf_dt-coupon-type-text' );

/** Seven Template Variables */
$never_expire              = get_post_meta( $wpaf_coupon_id, 'coupon_details_never-expire-check', true );


if ( $wpaf_text_to_show == 'description' ) {
	$wpaf_custom_text = $description;
} else {
	if ( empty( $wpaf_custom_text ) ) {
		$wpaf_custom_text = __( "Click on 'Copy' to Copy the Coupon Code.", 'affcoupon' );
	}
}

if ( $expireDateFormat == 'mm/dd/yy' ) {
	$expireDateFormatFun = 'm/d/Y';
} elseif ( $expireDateFormat == 'yy/mm/dd' ) {
	$expireDateFormatFun = 'Y/m/d';
} else {
	$expireDateFormatFun = 'd-m-Y';
}
if ( ! empty( $expire_date ) && (string)(int)$expire_date == $expire_date ) {
	$expire_date = gmdate( $expireDateFormatFun, $expire_date );
} elseif ( ! empty( $expire_date ) ) {
	$expire_date = gmdate( $expireDateFormatFun, strtotime( $expire_date ) );
}
if ( ! empty( $second_expire_date ) && (string)(int)$second_expire_date == $second_expire_date ) {
	$second_expire_date = gmdate( $expireDateFormatFun, $second_expire_date );
} elseif ( ! empty( $second_expire_date ) ) {
	$second_expire_date = gmdate( $expireDateFormatFun, strtotime( $second_expire_date ) );
}
if ( ! empty( $third_expire_date ) && (string)(int)$third_expire_date == $third_expire_date ) {
	$third_expire_date = gmdate( $expireDateFormatFun, $third_expire_date );
} elseif ( !empty( $third_expire_date ) ) {
	$third_expire_date = gmdate( $expireDateFormatFun, strtotime( $third_expire_date ) );
}
$expire_date_format = gmdate( "m/d/Y", strtotime( $expire_date ) );

/** Setting Default Values if Empty */
$title = ( !empty( $title ) ) ? $title : __( 'Sample Coupon Title', 'affcoupon' );
$description = ( !empty( $description ) ) ? $description : __( 'This is the description of the coupon code. Additional details of what the coupon or deal is.', 'affcoupon' );
$coupon_type = ( !empty( $coupon_type ) ) ? $coupon_type : __( 'Coupon', 'affcoupon' );
$coupon_code = ( !empty( $coupon_code ) ) ? $coupon_code : __( 'COUPONCODE', 'affcoupon' );
$second_coupon_code = ( !empty( $second_coupon_code ) ) ? $second_coupon_code : __( 'COUPONCODE', 'affcoupon' );
$third_coupon_code = ( !empty( $third_coupon_code ) ) ? $third_coupon_code : __( 'COUPONCODE', 'affcoupon' );
$discount_text = ( !empty( $discount_text ) ) ? $discount_text : __( 'Discount Text', 'affcoupon' );
$second_discount_text = ( !empty( $second_discount_text ) ) ? $second_discount_text : __( 'Discount Text', 'affcoupon' );
$third_discount_text = ( !empty( $third_discount_text ) ) ? $third_discount_text : __( 'Discount Text', 'affcoupon' );
$discount_text = ( !empty( $discount_text ) ) ? $discount_text : __( 'Discount Text', 'affcoupon' );
$deal_text = ( !empty( $deal_text ) ) ? $deal_text : __( 'Get Deal', 'affcoupon' );
$second_deal_text = ( !empty( $second_deal_text ) ) ? $second_deal_text : __( 'Get Deal', 'affcoupon' );
$third_deal_text = ( !empty( $third_deal_text ) ) ? $third_deal_text : __( 'Get Deal', 'affcoupon' );
$coupon_hover_text = ( !empty( $coupon_hover_text ) ) ? $coupon_hover_text : __( 'Click To Copy Coupon', 'affcoupon' );
$deal_hover_text = ( !empty( $deal_hover_text ) ) ? $deal_hover_text : __( 'Click Here To Get This Deal', 'affcoupon' );
$no_expiry = ( !empty( $no_expiry ) ) ? $no_expiry : __( "Doesn't Expire", 'affcoupon' );
$expire_text = ( !empty( $expire_text ) ) ? $expire_text : __( 'Expires on: ', 'affcoupon' );
$expired_text = ( !empty( $expired_text ) ) ? $expired_text : __( 'Expired on: ', 'affcoupon' );
$hide_coupon_text = ( !empty( $hide_coupon_text ) ) ? $hide_coupon_text : __( 'Show Code', 'affcoupon' );
$hidden_coupon_hover_text = ( !empty( $hidden_coupon_hover_text ) ) ? $hidden_coupon_hover_text : __( 'Click Here to Show Code', 'affcoupon' );
$wpaf_eight_btn_text = ( !empty( $wpaf_eight_btn_text ) ) ? $wpaf_eight_btn_text : __( 'GET THE DEAL', 'affcoupon' );

?>

<?php
$preview_hide_btn_color = WPAF_Assets::wpaf_sanitize_css_color( $hide_coupon_button_color );
$preview_style_css = '.wpaf-coupon-button-type .coupon-code-wpaf .get-code-wpaf { background-color: ' . esc_attr( $preview_hide_btn_color ) . '; }' . "\n"
	. '.wpaf-coupon-button-type .coupon-code-wpaf .get-code-wpaf:after { border-left-color: ' . esc_attr( $preview_hide_btn_color ) . '; }';
WPAF_Assets::wpaf_print_inline_style( $preview_style_css );
?>
<span class="wpaf-default-img"
	  default-img="<?php echo esc_url( WPAF_Plugin::instance()->plugin_assets . 'img/icon-128x128.png' ); ?>"
	  style="display:none;">

</span>

<!-- Default Preview -->
<div class="wpaf-coupon-preview wpaf-coupon wpaf-coupon-default wpaf-coupon-id-<?php echo esc_attr( $post_id ); ?>">
	<div class="wpaf-feature-img">
		<figure>
            <?php
                if ($link_thumbnail == "on"):
                    echo wp_kses_post( "<a href='{$link}' rel='nofollow' target='{$target}'><img class='wpaf-coupon-default-img' src='{$coupon_thumbnail}' alt='{$title}'></a>" );
                else:
                    echo wp_kses_post( "<img class='wpaf-coupon-default-img' src='{$coupon_thumbnail}' alt='{$title}'>" );
                endif;
            ?>
        </figure>
		<div class="wpaf-coupon-discount-text">
			<?php echo wp_kses_post( $discount_text ); ?>
		</div>
	</div>

	<div class="wpaf-coupon-content">
		<div class="wpaf-coupon-header">
			<div class="wpaf-col col-title wpaf-coupon-title">
				<?php echo wp_kses_post( $title ); ?>
			</div>

			<div class="wpaf-col">
				<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
					<a  data-type="code"
						data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
						href=""
						class="coupon-button coupon-code-wpaf masterTooltip"
						id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
						title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
						data-position="top center"
						data-inverted=""
						data-aff-url="<?php echo esc_attr( $link ); ?>">
						<span class="code-text-wpaf" rel="nofollow">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
						<span class="get-code-wpaf">
							<?php echo wp_kses_post( $hide_coupon_text ); ?>
						</span>
					</a>
				</div>
				<div class="wpaf-coupon-not-hidden">
					<div class="wpaf-coupon-code">
						<button
							class="wpaf-btn masterTooltip wpaf-coupon-button"
							title="<?php echo esc_attr( $coupon_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
							<span class="dashicons dashicons-admin-page"></span>
							<span class="coupon-code-button">
								<?php echo wp_kses_post( $coupon_code ); ?>
							</span>
						</button>
					</div>
					<div class="wpaf-deal-code">
						<button
							class="wpaf-btn masterTooltip wpaf-deal-button"
							title="<?php echo esc_attr( $deal_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
							<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
							<span class="deal-code-button">
								<?php echo wp_kses_post( $deal_text ); ?>
							</span>
						</button>
					</div>
				</div>
			</div>
		</div>

		<div class="coupon-info">
			<div class="c-type">
				<div class="coupon-type">
					<?php echo wp_kses_post( $coupon_type ); ?>
				</div>
			</div>

			<div class="exp-date">
                <div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
                    <div class="wpaf-coupon-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? 'hidden' : '' ); ?>">
                        <?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
                    </div>
                    <div class="wpaf-coupon-expired expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? 'hidden' : '' ); ?>">
                        <?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
                    </div>
                </div>
                <div class="wpaf-coupon-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
                    <?php echo wp_kses_post( $no_expiry ); ?>
                </div>
			</div>
		</div>

		<div class="wpaf-extra-content">
			<div class="wpaf-col">
				<div class="wpaf-coupon-description">
					<?php echo wp_kses_post( $description ); ?>
				</div>
			</div>

		</div>
	</div>
</div><!-- End of Default Preview -->

<!-- Template One Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-one">
	<div class="wpaf-coupon-container"  style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
		<div class="wpaf-coupon-feature">
			<figure>
				<img class="wpaf-coupon-one-img wpaf-get-fetured-img"
					data-src="<?php echo esc_url( $coupon_thumbnail_not_featured ); ?>"
					src="<?php echo esc_url( $coupon_thumbnail ); ?>">
			</figure>
		</div>
		<div class="wpaf-col">
			<h4 class="wpaf-coupon-one-title">
				<?php echo wp_kses_post( $title ); ?>
			</h4>
			<div id="clear"></div>
			<div class="wpaf-coupon-description">
				<?php echo wp_kses_post( $description ); ?>
			</div>
		</div>
	</div>

	<div class="wpaf-coupon-info"  style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
		<div class="wpaf-coupon-one-discount-text">
			<?php echo wp_kses_post( $discount_text ); ?>
		</div>
		<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
			<a	data-type="code"
				data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
				href=""
				class="coupon-button coupon-code-wpaf masterTooltip"
				id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
				title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
				data-position="top center"
				data-inverted=""
				data-aff-url="<?php echo esc_attr( $link ); ?>">
				<span class="code-text-wpaf" rel="nofollow">
					<?php echo wp_kses_post( $coupon_code ); ?>
				</span>
				<span class="get-code-wpaf">
					<?php echo wp_kses_post( $hide_coupon_text ); ?>
				</span>
			</a>
		</div>
		<div class="wpaf-coupon-not-hidden">
			<div class="wpaf-coupon-code">
				<button
					class="wpaf-btn masterTooltip wpaf-coupon-button"
					title="<?php echo esc_attr( $coupon_hover_text ); ?>"
					data-clipboard-text="<?php echo esc_attr( $coupon_code );?>">
					<span class="coupon-code-button"
					><?php echo wp_kses_post( $coupon_code ); ?>
				<span class="dashicons dashicons-admin-page"></span>
			</button>
			</div>
			<div class="wpaf-deal-code">
				<button
					class="wpaf-btn masterTooltip wpaf-deal-button"
					title="<?php echo esc_attr( $deal_hover_text ); ?>"
					data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
					<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
					<span class="deal-code-button">
						<?php echo wp_kses_post( $deal_text ); ?>
					</span>
				</button>
			</div>
		</div>
			<div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
				<div class="wpaf-coupon-one-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) <= strtotime( $today ) ? 'hidden' : '' ); ?>">
					<?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' );?>
				</div>
				<div class="wpaf-coupon-one-expired expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) > strtotime( $today ) ? 'hidden' : '' ); ?>">
					<?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' );?>
				</div>
			</div>
			<div class="wpaf-coupon-one-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
				<?php echo wp_kses_post( $no_expiry ); ?>
			</div>
		<div id="clear"></div>
	</div>
	<div id="clear"></div>
</div>
<!-- End of Template One Preview -->


<!-- Template Two Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-two">
	<div class="coupon-body">
		<div class="wpaf-col wpaf-feature-img">
				<figure>
					<img class="wpaf-coupon-two-img wpaf-get-fetured-img"
						data-src="<?php echo esc_url( $coupon_thumbnail_not_featured ); ?>"
						src="<?php echo esc_url( $coupon_thumbnail ); ?>">
				</figure>
			<div class="wpaf-coupon-two-discount-text">
				<?php echo wp_kses_post( $discount_text ); ?>
			</div>
		</div>

		<div class="wpaf-col wpaf-coupon-content">
			<div class="wpaf-coupon-two-header">
				<div>
					<h4 class="wpaf-coupon-title"><?php echo wp_kses_post( $title ); ?></h4>
				</div>
			</div>

			<div class="wpaf-coupon-description">
				<?php echo wp_kses_post( $description ); ?>
			</div>
		</div>

		<div class="wpaf-col">
			<div class="wpaf-coupon-two-coupon">
				<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
					<a
						data-type="code"
						data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
						href=""
						class="coupon-button coupon-code-wpaf masterTooltip"
						id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
						title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
						data-position="top center"
						data-inverted=""
						data-aff-url="<?php echo esc_attr( $link ); ?>">
						<span class="code-text-wpaf" rel="nofollow">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
						<span class="get-code-wpaf">
							<?php echo wp_kses_post( $hide_coupon_text ); ?>
						</span>
					</a>
				</div>
				<div class="wpaf-coupon-not-hidden">
					<div class="wpaf-coupon-code">
						<button
							class="wpaf-btn masterTooltip wpaf-coupon-button"
							title="<?php echo esc_attr( $coupon_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
							<span class="dashicons dashicons-admin-page"></span>
							<span class="coupon-code-button">
								<?php echo wp_kses_post( $coupon_code ); ?>
							</span>
						</button>
					</div>
					<div class="wpaf-deal-code">
						<button
							class="wpaf-btn masterTooltip wpaf-deal-button"
							title="<?php echo esc_attr( $deal_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
							<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
							<span class="deal-code-button">
								<?php echo wp_kses_post( $deal_text ); ?>
							</span>
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="wpaf-coupon-footer">
		<div class="wpaf-coupon-two-info">
			<b class="expires-on" <?php echo esc_attr( empty( $expire_date ) ? 'style="display:none"' : '' ); ?>>
				<span >
					<?php echo wp_kses_post( $expire_text ); ?>
				</span>
				<span class="wpaf-coupon-two-countdown" id="clock_two_<?php echo esc_attr( $post_id ); ?>"></span>
			</b>
			<?php if ( ! $expire_date ) {
				//$expire_date        = gmdate( 'd/m/Y' );
				$expire_date_format = gmdate( 'd/m/Y' );
			} ?>
			<?php
			/* translators: %s: Dynamic value. */
			$preview_clock_two_minutes = esc_html__( 'minutes', 'affcoupon' );
			/* translators: %s: Dynamic value. */
			$preview_clock_two_seconds = esc_html__( 'seconds', 'affcoupon' );
			/* translators: %s: Dynamic value. */
			$preview_clock_two_hours   = esc_html__( 'hours', 'affcoupon' );
			/* translators: %s: Dynamic value. */
			$preview_clock_two_day     = esc_html__( 'day', 'affcoupon' );
			/* translators: %s: Dynamic value. */
			$preview_clock_two_week    = esc_html__( 'week', 'affcoupon' );
			$preview_clock_two_expired = esc_html__( 'This offer has expired!', 'affcoupon' );
			$preview_clock_two_id      = '#clock_two_' . $post_id;
			$preview_clock_two_target  = $expire_date_format . ' ' . $expire_time;
			$preview_clock_two_has_date = empty( $expire_date ) ? 'no' : 'yes';
			$preview_clock_two_js = 'var hasDate = ' . wp_json_encode( $preview_clock_two_has_date ) . ";\n"
				. "if (hasDate === 'no') jQuery(" . wp_json_encode( $preview_clock_two_id ) . ").hide();\n"
				. 'var $clock = jQuery(' . wp_json_encode( $preview_clock_two_id ) . ').countdown(' . wp_json_encode( $preview_clock_two_target ) . ", function (event) {\n"
				. "    var format = '%M ' + " . wp_json_encode( $preview_clock_two_minutes ) . " + ' %S ' + " . wp_json_encode( $preview_clock_two_seconds ) . ";\n"
				. "    if (event.offset.hours > 0) {\n"
				. "        format = '%H ' + " . wp_json_encode( $preview_clock_two_hours ) . " + ' %M ' + " . wp_json_encode( $preview_clock_two_minutes ) . " + ' %S ' + " . wp_json_encode( $preview_clock_two_seconds ) . ";\n"
				. "    }\n"
				. "    if (event.offset.totalDays > 0) {\n"
				. "        format = '%-d ' + " . wp_json_encode( $preview_clock_two_day ) . " + '%!d ' + format;\n"
				. "    }\n"
				. "    if (event.offset.weeks > 0) {\n"
				. "        format = '%-w ' + " . wp_json_encode( $preview_clock_two_week ) . " + '%!w ' + format;\n"
				. "    }\n"
				. "    jQuery(this).html(event.strftime(format));\n"
				. "    if (event.offset.weeks == 0 && event.offset.totalDays == 0 && event.offset.hours == 0 && event.offset.minutes == 0 && event.offset.seconds == 0) {\n"
				. "        jQuery(this).addClass('wpaf-countdown-expired').html(" . wp_json_encode( $preview_clock_two_expired ) . ");\n"
				. "    } else {\n"
				. "        jQuery(this).html(event.strftime(format));\n"
				. "        jQuery(" . wp_json_encode( $preview_clock_two_id ) . ").removeClass('wpaf-countdown-expired');\n"
				. "    }\n"
				. "});\n"
				. "jQuery('#expire-time').change(function () {\n"
				. "    jQuery(" . wp_json_encode( $preview_clock_two_id ) . ").show();\n"
				. "    var coup_date = jQuery('#expire-date').val();\n"
				. "    if (coup_date.indexOf('-') >= 0) {\n"
				. "        var dateAr = coup_date.split('-');\n"
				. "        coup_date = dateAr[1] + '/' + dateAr[0] + '/' + dateAr[2];\n"
				. "    }\n"
				. "    selectedDate = coup_date + ' ' + jQuery('#expire-time').val();\n"
				. "    \$clock.countdown(selectedDate.toString());\n"
				. "});";
			WPAF_Assets::wpaf_print_inline_script( $preview_clock_two_js );
			?>
			<b class="never-expire" <?php echo esc_attr( empty( $expire_date ) ? '' : 'style="display:none"' ); ?>>
				<b><?php echo wp_kses_post( $no_expiry ); ?></b>
			</b>
		</div>
	</div>
</div><!-- End of Template Two Preview -->

<!-- Template Three Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-three">
	<div class="wpaf-coupon-three-content">
		<h4 class="wpaf-coupon-three-title">
			<?php echo wp_kses_post( $title ); ?>
		</h4>
		<div class="wpaf-coupon-description">
			<?php echo wp_kses_post( $description ); ?>
		</div>
	</div>
	<div class="wpaf-coupon-three-info">
		<div class="wpaf-col wpaf-coupon-expire">
            <div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
                <div class="wpaf-coupon-three-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? '' : 'hidden' ); ?>">
                    <p class="wpaf-coupon-three-expire-text">
                        <?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' );
                        ?>
                    </p>
                </div>
                <div class="wpaf-coupon-three-expire expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? '' : 'hidden' ); ?>">
                    <p class="wpaf-coupon-three-expired">
                        <?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
                    </p>
                </div>
            </div>
            <div class="wpaf-coupon-three-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
                <p><?php echo wp_kses_post( $no_expiry ); ?></p>
            </div>
		</div>

		<div class="wpaf-col wpaf-coupon-button wpaf-coupon-three-coupon">
			<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
				<a
					data-type="code"
					data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
					href=""
					class="coupon-button coupon-code-wpaf masterTooltip"
					id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
					title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
					data-position="top center"
					data-inverted=""
					data-aff-url="<?php echo esc_attr( $link ); ?>">
					<span class="code-text-wpaf" rel="nofollow">
						<?php echo wp_kses_post( $coupon_code ); ?>
					</span>
					<span class="get-code-wpaf">
						<?php echo wp_kses_post( $hide_coupon_text ); ?>
					</span>
				</a>
			</div>
			<div class="wpaf-coupon-not-hidden">
				<div class="wpaf-coupon-code">
					<button
						class="wpaf-btn masterTooltip wpaf-coupon-button"
						title="<?php echo esc_html__( 'Click Here To Copy Coupon', 'affcoupon' ); ?>"
						data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
						<span class="dashicons dashicons-admin-page"></span>
						<span class="coupon-code-button">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
					</button>
				</div>
				<div class="wpaf-deal-code">
					<button
						class="wpaf-btn masterTooltip wpaf-deal-button"
						title="<?php echo esc_attr( $deal_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
						<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
						<span class="deal-code-button">
							<?php echo wp_kses_post( $deal_text ); ?>
						</span>
					</button>
				</div>
			</div>
		</div>
	</div>
</div><!-- End of Template Three Preview -->

<!-- Template Four Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-four">
	<div class="wpaf-coupon-four-content wpaf-coupon-content">
		<div class="wpaf-feature-img">
		<figure>
            <?php
                if ($link_thumbnail == "on"):
                    echo wp_kses_post( "<a href='{$link}' rel='nofollow' target='{$target}'><img class='wpaf-coupon-default-img' src='{$coupon_thumbnail}' alt='{$title}'></a>" );
                else:
                    echo wp_kses_post( "<img class='wpaf-coupon-default-img' src='{$coupon_thumbnail}' alt='{$title}'>" );
                endif;
            ?>
        </figure>
		</div>
		<h4 class="wpaf-coupon-four-title">
			<?php echo wp_kses_post( $title ); ?>
		</h4>
		<div class="wpaf-coupon-description">
			<?php echo wp_kses_post( $description ); ?>
		</div>
	</div>

	<div class="wpaf-coupon-four-info">
		<div class="wpaf-coupon-four-coupon">
			<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
				<a
					data-type="code"
					data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
					href=""
					class="coupon-button coupon-code-wpaf masterTooltip"
					id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
					title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
					data-position="top center"
					data-inverted=""
					data-aff-url="<?php echo esc_attr( $link ); ?>">
					<span class="code-text-wpaf" rel="nofollow">
						<?php echo wp_kses_post( $coupon_code ); ?>
					</span>
					<span class="get-code-wpaf">
						<?php echo wp_kses_post( $hide_coupon_text ); ?>
					</span>
				</a>
			</div>
			<div class="wpaf-coupon-not-hidden">
				<div class="wpaf-coupon-code">
					<button
						class="wpaf-btn masterTooltip wpaf-coupon-button"
						title="<?php echo esc_attr( $coupon_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
						<span class="dashicons dashicons-admin-page"></span>
						<span class="coupon-code-button">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
					</button>
				</div>
				<div class="wpaf-deal-code">
					<button
						class="wpaf-btn masterTooltip wpaf-deal-button"
						title="<?php echo esc_attr( $deal_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
						<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
						<span class="deal-code-button">
							<?php echo wp_kses_post( $deal_text ); ?>
						</span>
					</button>
				</div>
			</div>
		</div>
		<div class="coupon-info">
            <div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
                <div class="exp-date expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? '' : 'hidden' ); ?>">
                    <p class="wpaf-coupon-four-expire-text">
                        <?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
                    </p>
                </div>
                <div class="wpaf-coupon-four-expire expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? '' : 'hidden' ); ?>">
                    <p class="wpaf-coupon-four-expired">
                        <?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
                    </p>
                </div>
            </div>
            <div class="wpaf-coupon-four-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
                <p><?php echo wp_kses_post( $no_expiry ); ?></p>
            </div>
		</div>
	</div>
</div><!-- End of Template Four Preview -->

<!-- Template Five Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-five"  style="border-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
	<div class="wpaf-template-five">
		<div class="wpaf-coupon-container wpaf-template-five wpaf-template-five-holder">
			<div class="wpaf-offer wpaf-template-five-percent-off">
				<p class="wpaf-coupon-five-discount-text wpaf-coupon-discount-text" style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
					<?php echo wp_kses_post( $discount_text ); ?>
				</p>
			</div>

			<div class="wpaf-coupon-content">
				<h2 class="wpaf-coupon-five-title wpaf-coupon-title">
					<?php echo wp_kses_post( $title ); ?></h2>
				<div class="wpaf-coupon-description">
					<?php echo wp_kses_post( $description ); ?>
				</div>
			</div>

			<div class="wpaf-feature-img wpaf-template-five-pro-img">
				<img data-src="<?php echo esc_url( $coupon_thumbnail_not_featured ); ?>"
					 src="<?php echo esc_url( $coupon_thumbnail ); ?>"
					 alt="Coupon">
			</div>

		</div>

		<div class="wpaf-coupon-info extra-wpaf-template-five-holder">
			<div class="wpaf-coupon-expire wpaf-template-five-exp">
				<div class="with-expiration1 <?php echo( empty( $expire_date ) ? 'hidden' : '' );
				echo( $show_expiration !== 'Hide' ? '' : ' hide-expire-preview' ); ?> ">
					<div class="wpaf-coupon-five-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? '' : 'hidden' ); ?>">
						<p class="wpaf-coupon-five-expire-text">
							<span class="dashicons dashicons-calendar-alt"></span>

							<?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' );?>
						</p>
					</div>
					<div class="wpaf-coupon-five-expire expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? '' : 'hidden' ); ?>">
						<p class="wpaf-coupon-five-expired">
							<span class="dashicons dashicons-calendar-alt"></span>

							<?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
						</p>
					</div>
				</div>
				<div class="wpaf-coupon-five-expire without-expiration1 <?php echo( empty( $expire_date ) ? '' : 'hidden' );
				echo( $show_expiration !== 'Hide' ? '' : ' hide-expire-preview' ); ?>">
					<p><?php echo wp_kses_post( $no_expiry ); ?></p>
				</div>
			</div>

			<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button wpaf-coupon-button-type wpaf-coupon-hidden">
				<a
					data-type="code"
					data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
					href=""
					class="coupon-button coupon-code-wpaf masterTooltip"
					id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
					title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
					data-position="top center"
					data-inverted=""
					data-aff-url="<?php echo esc_attr( $link ); ?>">
					<span class="code-text-wpaf" rel="nofollow">
						<?php echo wp_kses_post( $coupon_code ); ?>
					</span>
					<span class="get-code-wpaf">
						<div class="square_wpaf" style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>"></div>
						<span>
							<?php echo wp_kses_post( $hide_coupon_text ); ?>
						</span>
						<div class="rectangle_wpaf" style="border-left-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>"></div>
					</span>
				</a>
			</div>
			<div class="wpaf-coupon-not-hidden">
				<div class="wpaf-coupon-code">
					<a
						class="wpaf-template-five-btn masterTooltip"
						href="#"
						title="<?php echo esc_attr( $coupon_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>"
						style="border-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
						<p class="coupon-code-button" style="color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</p>
					</a>
				</div>
				<div class="wpaf-deal-code">
					<a
						class="wpaf-template-five-btn masterTooltip"
						href="#"
						title="<?php echo esc_attr( $deal_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>"
						style="border-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
						<p class="wpaf-btn deal-code-button" style="color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_five_theme ) ); ?>">
							<?php echo wp_kses_post( $deal_text ); ?>
						</p>
					</a>
				</div>
			</div>
		</div>
	</div>
</div><!-- End of Template Five Preview -->

<!-- Template Six Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-six" style="border-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_six_theme ) ); ?>">
	<div class="wpaf-coupon-container wpaf-coupon-six-holder">

	<div class="wpaf-coupon-six-img-and-btn wpaf-coupon-feature">
			<div class="item-img">
				<img data-src="<?php echo esc_url( $coupon_thumbnail_not_featured ); ?>"
					 src="<?php echo esc_url( $coupon_thumbnail ); ?>"
					 alt="Coupon">
			</div>

			<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
				<a
					data-type="code"
					data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
					href=""
					class="coupon-button coupon-code-wpaf masterTooltip"
					id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
					title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
					data-position="top center"
					data-inverted=""
					data-aff-url="<?php echo esc_attr( $link ); ?>">
					<span class="code-text-wpaf" rel="nofollow">
						<?php echo wp_kses_post( $coupon_code ); ?>
					</span>
					<span class="get-code-wpaf">
						<?php echo wp_kses_post( $hide_coupon_text ); ?>
					</span>
				</a>
			</div>
			<div class="wpaf-coupon-not-hidden">
				<div class="wpaf-coupon-code">
					<button
						class="wpaf-btn masterTooltip wpaf-coupon-button"
						title="<?php echo esc_attr( $coupon_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
						<span class="dashicons dashicons-admin-page"></span>
						<span class="coupon-code-button">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
					</button>
				</div>
				<div class="wpaf-deal-code">
					<button
						class="wpaf-btn masterTooltip wpaf-deal-button"
						title="<?php echo esc_attr( $deal_hover_text ); ?>"
						data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
						<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
						<span class="deal-code-button">
							<?php echo wp_kses_post( $deal_text ); ?>
						</span>
					</button>
				</div>
			</div>
		</div>

		<div class="wpaf-coupon-six-texts wpaf-coupon-content">
			<div class="texts">
				<h2 class="wpaf-coupon-six-title">
					<?php echo wp_kses_post( $title ); ?>
				</h2>

				<div class="coupon-info">
					<div class="c-type">
						<div class="coupon-type" style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_six_theme ) ); ?>">
							<?php echo wp_kses_post( $coupon_type ); ?>
						</div>
					</div>

					<div class="exp-date">
						<div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
							<div class="wpaf-coupon-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? 'hidden' : '' ); ?>">
								<?php echo wp_kses_post( $expire_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
							</div>
							<div class="wpaf-coupon-expired expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? 'hidden' : '' ); ?>">
								<?php echo wp_kses_post( $expired_text . ' ' . '<span class="expiration-date">' . $expire_date . '</span>' ); ?>
							</div>
						</div>
						<div class="wpaf-coupon-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
							<?php echo wp_kses_post( $no_expiry ); ?>
						</div>
					</div>
				</div>

				<p class="wpaf-coupon-description">
					<?php echo wp_kses_post( $description ); ?>
				</p>
			</div>
		</div>


		<div class="wpaf-coupon-six-percent-off wpaf-coupon-offer">
			<div class="wpaf-for-ribbon">
				<div class="wpaf-ribbon wpaf-badge" style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_six_theme ) ); ?>">
					<div class="wpaf-ribbon-before wpaf-badge-before"
						 style="border-left-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_six_theme ) ); ?>"></div>
					<p class="wpaf-coupon-six-discount-text wpaf-coupon-offer">
						<?php echo wp_kses_post( $discount_text ); ?>
					</p>
					<div class="wpaf-ribbon-after wpaf-badge-after" style="border-right-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_six_theme ) ); ?>"></div>
				</div>
			</div>
		</div>

	</div>
</div><!-- End of Template Six Preview -->


<!-- Template Seven Preview -->
<section class="admin_wpaf_seven admin_wpaf_seven_shortcode">
	<div class="wpaf-coupon-preview wpaf-coupon-seven admin_wpaf_seven_container">
		<div class="admin_wpaf_seven_couponBox wpaf-coupon-box" style="border-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_seven_theme ) ); ?>">
			<div class="admin_wpaf_seven_percentAndPic wpaf-coupon-feature">
				<div class="admin_wpaf_seven_percentOff wpaf-coupon-offer">
					<p>
						<?php echo wp_kses_post( $discount_text ); ?>
					</p>
				</div>
				<div class="admin_wpaf_seven_productPic">
					<img data-src="<?php echo esc_url( $coupon_thumbnail_not_featured ); ?>"
					 src="<?php echo esc_url( $coupon_thumbnail ); ?>"
					 alt="Coupon">
				</div>
			</div>

			<div class="admin_wpaf_seven_headingAndExpire wpaf-coupon-content">
				<div class="admin_wpaf_seven_heading wpaf_seven_heading">
                    <h2 class="admin_wpaf_seven_new_title">
                        <?php echo wp_kses_post( $title ); ?>
                    </h2>
					<p>
							<?php echo wp_kses_post( '<div class="wpaf-coupon-description">' . $description . '</div>' );?>
					</p>
				</div>

				<div class="admin_wpaf_seven_buttonSociaLikeDislike">
					<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
						<a
							data-type="code"
							data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
							href=""
							class="coupon-button coupon-code-wpaf masterTooltip"
							id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
							title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
							data-position="top center"
							data-inverted=""
							data-aff-url="<?php echo esc_attr( $link ); ?>">
							<span class="code-text-wpaf" rel="nofollow">
								<?php echo wp_kses_post( $coupon_code ); ?>
							</span>
							<span class="get-code-wpaf">
								<?php echo wp_kses_post( $hide_coupon_text ); ?>
							</span>
						</a>
					</div>
					<div class="wpaf-coupon-not-hidden">
						<div class="wpaf-coupon-code">
							<button
								class="wpaf-btn masterTooltip wpaf-coupon-button"
								title="<?php echo esc_attr( $coupon_hover_text ); ?>"
								data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
								<span class="dashicons dashicons-admin-page"></span>
								<span class="coupon-code-button">
									<?php echo wp_kses_post( $coupon_code ); ?>
								</span>
							</button>
						</div>
						<div class="wpaf-deal-code">
							<button
								class="wpaf-btn masterTooltip wpaf-deal-button"
								title="<?php echo esc_attr( $deal_hover_text ); ?>"
								data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
								<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
								<span class="deal-code-button">
									<?php echo wp_kses_post( $deal_text ); ?>
								</span>
							</button>
						</div>
					</div>
				</div>
			</div>
			<div class="admin_wpaf_seven_couponBox_both"></div>
		</div>

		<div class="wpaf-coupon-footer">
			<div class="admin_wpaf_seven_expire_correct_box">
				<div class="admin_wpaf_seven_expire wpaf-coupon-info" style="border-color:">
					<p>
						<b class="expires-on"  <?php echo esc_attr( empty( $expire_date ) ? 'style="display:none"' : '' ); ?>>
							<?php echo wp_kses_post( $expire_text ); ?>
							<span class="wpaf-coupon-seven-countdown" data-countdown_coupon="<?php echo esc_attr( $expire_date_format . ' ' . $expire_time ); ?>" id="clock_seven_<?php echo esc_attr( $post_id ); ?>"></span>
							<?php if ( ! $expire_date ) {
									$expire_date_format = gmdate( 'd/m/Y' );
							} ?>
							<?php
							/* translators: %s: Dynamic value. */
							$preview_clock_seven_minutes = esc_html__( 'minutes', 'affcoupon' );
							/* translators: %s: Dynamic value. */
							$preview_clock_seven_seconds = esc_html__( 'seconds', 'affcoupon' );
							/* translators: %s: Dynamic value. */
							$preview_clock_seven_hours   = esc_html__( 'hours', 'affcoupon' );
							/* translators: %s: Dynamic value. */
							$preview_clock_seven_day     = esc_html__( 'day', 'affcoupon' );
							/* translators: %s: Dynamic value. */
							$preview_clock_seven_week    = esc_html__( 'week', 'affcoupon' );
							$preview_clock_seven_expired = esc_html__( 'This offer has expired!', 'affcoupon' );
							$preview_clock_seven_id      = '#clock_seven_' . $post_id;
							$preview_clock_seven_target  = $expire_date_format . ' ' . $expire_time;
							$preview_clock_seven_has_date = empty( $expire_date ) ? 'no' : 'yes';
							$preview_clock_seven_js = 'var hasDate = ' . wp_json_encode( $preview_clock_seven_has_date ) . ";\n"
								. "if (hasDate === 'no') jQuery(" . wp_json_encode( $preview_clock_seven_id ) . ").hide();\n"
								. 'var $clock7 = jQuery(' . wp_json_encode( $preview_clock_seven_id ) . ').countdown(' . wp_json_encode( $preview_clock_seven_target ) . ", function (event) {\n"
								. "    var format = '%M ' + " . wp_json_encode( $preview_clock_seven_minutes ) . " + ' %S ' + " . wp_json_encode( $preview_clock_seven_seconds ) . ";\n"
								. "    if (event.offset.hours > 0) {\n"
								. "        format = '%H ' + " . wp_json_encode( $preview_clock_seven_hours ) . " + ' %M ' + " . wp_json_encode( $preview_clock_seven_minutes ) . " + ' %S ' + " . wp_json_encode( $preview_clock_seven_seconds ) . ";\n"
								. "    }\n"
								. "    if (event.offset.totalDays > 0) {\n"
								. "        format = '%-d ' + " . wp_json_encode( $preview_clock_seven_day ) . " + '%!d ' + format;\n"
								. "    }\n"
								. "    if (event.offset.weeks > 0) {\n"
								. "        format = '%-w ' + " . wp_json_encode( $preview_clock_seven_week ) . " + '%!w ' + format;\n"
								. "    }\n"
								. "    jQuery(this).html(event.strftime(format));\n"
								. "    if (event.offset.weeks == 0 && event.offset.totalDays == 0 && event.offset.hours == 0 && event.offset.minutes == 0 && event.offset.seconds == 0) {\n"
								. "        jQuery(this).addClass('wpaf-countdown-expired').html(" . wp_json_encode( $preview_clock_seven_expired ) . ");\n"
								. "    } else {\n"
								. "        jQuery(this).html(event.strftime(format));\n"
								. "        jQuery(" . wp_json_encode( $preview_clock_seven_id ) . ").removeClass('wpaf-countdown-expired');\n"
								. "    }\n"
								. "});\n"
								. "jQuery('#expire-time').change(function () {\n"
								. "    jQuery(" . wp_json_encode( $preview_clock_seven_id ) . ").show();\n"
								. "    var coup_date = jQuery('#expire-date').val();\n"
								. "    if (coup_date.indexOf('-') >= 0) {\n"
								. "        var dateAr = coup_date.split('-');\n"
								. "        coup_date = dateAr[1] + '/' + dateAr[0] + '/' + dateAr[2];\n"
								. "    }\n"
								. "    selectedDate = coup_date + ' ' + jQuery('#expire-time').val();\n"
								. "    \$clock7.countdown(selectedDate.toString());\n"
								. "});";
							WPAF_Assets::wpaf_print_inline_script( $preview_clock_seven_js );
							?>
						</b>
						<b class="never-expire" <?php echo esc_attr( empty( $expire_date ) ? '' : 'style="display:none"' ); ?>>
							<b><?php echo wp_kses_post( $no_expiry ); ?></b>
						</b>
					</p>
				</div>
				<!-- End of class wpaf_seven_expire -->
			</div>
		</div>
	</div>
</section><!-- End of Template Seven Preview -->

<!-- Template Eight Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-eight admin-wpaf-new-grid-container">
	<div class="admin-wpaf-new-grid-one wpaf-type-offer">
		<div class="admin-wpaf-new-discount-text wpaf-coupon-discount-text wpaf-discount-text">
			<?php echo wp_kses_post( $discount_text ); ?>
		</div>
		<div class="coupon-type wpaf-coupon-type" style="background-color: <?php echo esc_attr( WPAF_Assets::wpaf_sanitize_css_color( $wpaf_template_eight_theme ) ); ?>">
			<?php echo wp_kses_post( $coupon_type ); ?>
		</div>
        <div class="wpaf-coupon-eight-expire without-expiration1 <?php echo esc_attr( empty( $expire_date ) ? '' : 'hidden' ); ?>">
            <p><?php echo wp_kses_post( $no_expiry ); ?></p>
        </div>
   </div> <!-- End of grid-one -->

   <div class="admin-wpaf-new-grid-two">
	   <?php

	    if ( empty( $coupon_title_tag ) ) {
			if ( 'on' === $disable_coupon_title_link ) { ?>
				<<?php echo esc_html( $coupon_title_tag ); ?> class="admin-wpaf-new-title wpaf-coupon-title">
					<?php echo wp_kses_post( $title ); ?>
				</<?php echo esc_html( $coupon_title_tag ); ?>> <?php
			} else { ?>
				<<?php echo esc_html( $coupon_title_tag ); ?> class="admin-wpaf-new-title wpaf-coupon-title">
					<a href="<?php echo esc_url( $link ); ?>" target="_blank" rel="nofollow"><?php echo wp_kses_post( $title ); ?></a>
				</<?php echo esc_html( $coupon_title_tag ); ?>> <?php
			}
		}
		else { ?>
			<<?php echo esc_html( $coupon_title_tag ); ?> class="admin-wpaf-new-title wpaf-coupon-title">
				<?php echo wp_kses_post( $title ); ?>
			</<?php echo esc_html( $coupon_title_tag ); ?>> <?php

		}
	   ?>
		<div class="wpaf-coupon-description">
			<?php echo wp_kses_post( $description ); ?>
		</div>
	</div> <!-- End of grid-two -->

	<div class="admin-wpaf-new-grid-three">
	<div class="coupon-code-wpaf coupon-detail wpaf-coupon-button-type wpaf-coupon-hidden">
					<a
						data-type="code"
						data-coupon-id="<?php echo esc_attr( $post_id ); ?>"
						href=""
						class="coupon-button coupon-code-wpaf masterTooltip"
						id="coupon-button-<?php echo esc_attr( $post_id ); ?>"
						title="<?php echo esc_attr( $hidden_coupon_hover_text ); ?>"
						data-position="top center"
						data-inverted=""
						data-aff-url="<?php echo esc_attr( $link ); ?>">
						<span class="code-text-wpaf" rel="nofollow">
							<?php echo wp_kses_post( $coupon_code ); ?>
						</span>
						<span class="get-code-wpaf">
							<?php echo wp_kses_post( $hide_coupon_text ); ?>
						</span>
					</a>
				</div>
				<div class="wpaf-coupon-not-hidden">
					<div class="wpaf-coupon-code">
						<button
							class="wpaf-btn masterTooltip wpaf-coupon-button"
							title="<?php echo esc_attr( $coupon_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $coupon_code ); ?>">
							<span class="dashicons dashicons-admin-page"></span>
							<span class="coupon-code-button">
								<?php echo wp_kses_post( $coupon_code ); ?>
							</span>
						</button>
					</div>
					<div class="wpaf-deal-code">
						<button
							class="wpaf-btn masterTooltip wpaf-deal-button"
							title="<?php echo esc_attr( $deal_hover_text ); ?>"
							data-clipboard-text="<?php echo esc_attr( $deal_text ); ?>">
							<span class="wpaf_deal_icon"><span class="dashicons dashicons-cart"></span></span>
							<span class="deal-code-button">
								<?php echo wp_kses_post( $deal_text ); ?>
							</span>
						</button>
					</div>
				</div>

        <div class="with-expiration1 <?php echo esc_attr( empty( $expire_date ) ? 'hidden' : '' ); ?>">
            <div class="wpaf-coupon-three-expire expire-text-block1 <?php echo esc_attr( strtotime( $expire_date ) >= strtotime( $today ) ? '' : 'hidden' ); ?>">
                <p class="wpaf-coupon-three-expire-text">
	                    <?php echo wp_kses_post( '<span class="dashicons dashicons-calendar-alt"></span> ' . '<span class="expiration-date">' . esc_html( $expire_date ) . '</span>' );
                    ?>
                </p>
            </div>
            <div class="wpaf-coupon-three-expire expired-text-block1 <?php echo esc_attr( strtotime( $expire_date ) < strtotime( $today ) ? '' : 'hidden' ); ?>">
                <p class="wpaf-coupon-three-expired">
	                    <?php echo wp_kses_post( '<span class="dashicons dashicons-calendar-alt"></span> ' . '<span class="expiration-date">' . esc_html( $expire_date ) . '</span>' ); ?>
                </p>
            </div>
        </div><!--end expire date-->
	</div><!-- End of grid-three -->
</div><!-- End of Template Eight Preview -->

<!-- Image Preview -->
<div class="wpaf-coupon-preview wpaf-coupon-image">
	<img style="max-width:100%;" src="<?php echo esc_url( is_array( $coupon_image_src ) ? $coupon_image_src[0] : '' ); ?>"
		 alt="<?php esc_html_e( 'Coupon image not uploaded', 'affcoupon' ); ?>">
</div>

<!-- Info -->
<p>
	<i><strong><?php echo esc_html__( 'Note:', 'affcoupon' ); ?></strong> <?php echo esc_html__( 'This is just to show how the coupon will look. Click to copy functionality, showing hidden coupon will not work here, but it will work on posts, pages where you put the shortcode.', 'affcoupon' ); ?>
	</i></p>