<?php
/**
 * Ticket style coupon template
 *
 * @package  Wt_Smart_Coupon
 */

?>

<style type="text/css">
.wt_sc_single_coupon.ticket_style{  }
.wt_sc_single_coupon.ticket_style .wt_sc_coupon_content_inner{padding:1% 2.5%; width:95%; box-sizing:content-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-item-align:center; align-items:center; }
.wt-single-coupon.ticket_style .wt_sc_coupon_type{ font-weight: 500; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: block; }
.wt-single-coupon.ticket_style .wt-coupon-amount{padding:5px 1.5%; border-right:1px dotted; float:left; width:47%; box-sizing:content-box; word-wrap:break-word; margin-top:5px;}
.wt_sc_single_coupon.ticket_style .wt_sc_coupon_code{float:right; padding:5px 1%; text-align:left; width:47%; box-sizing:content-box; word-wrap:break-word; margin-top:5px;}
.wt_sc_single_coupon.ticket_style .wt_sc_coupon_code .wt_sc_coupon_type{float:left;width:100%}
.wt_sc_single_coupon.ticket_style .wt_sc_coupon_amount{margin-right:0}
.wt_sc_single_coupon.ticket_style .wt_sc_coupon_start, .wt_sc_single_coupon.ticket_style .wt_sc_coupon_expiry{ width: 100%; float: left; font-size: 14px; }
</style>

<div class="wt_sc_single_coupon wt-single-coupon ticket_style [wt_sc_single_coupon_class]" data-id="[wt_sc_coupon_id]" data-code="[wt_sc_coupon_code_attr]" title="[wt_sc_single_coupon_title]" style="background:[wt_sc_color_0]; border:1px dotted [wt_sc_color_1]; color:[wt_sc_color_2];" tabindex="0" role="button" aria-label="<?php esc_attr_e( 'Click to apply coupon code [wt_sc_coupon_code_attr]', 'wt-smart-coupons-for-woocommerce' ); ?>" aria-pressed="false">
	<div class="wbte_sc_coupon_layout_expired_text" style="visibility: [wt_sc_coupon_exp_overlay_visibility];"><?php esc_html_e( 'Expired', 'wt-smart-coupons-for-woocommerce' ); ?></div>
	<div class="wbte_sc_coupon_layout_expired_overlay" style="visibility: [wt_sc_coupon_exp_overlay_visibility];"></div>
	<div class="wt_sc_coupon_content wt-coupon-content">
		<div class="wt_sc_coupon_content_inner">
			<div class="wt-coupon-amount" style="color:[wt_sc_color_1];">
				<span class="wt_sc_coupon_amount amount" style="color: [wt_sc_color_1];">[wt_sc_coupon_amount]</span>
				<span class="wt_sc_coupon_type discount_type">[wt_sc_coupon_type]</span>
			</div>
			<div class="wt_sc_coupon_code wt-coupon-code"> 
				<code style="color: [wt_sc_color_2];">[wt_sc_coupon_code]</code>
			</div>
		</div>    
		
		<div class="wt_sc_coupon_start wt-coupon-start">[wt_sc_coupon_start]</div>
		<div class="wt_sc_coupon_expiry wt-coupon-expiry">[wt_sc_coupon_expiry]</div>
		
		<div class="wt_sc_coupon_desc_wrapper coupon-desc-wrapper">
			<i class="info"> i </i>
			<div class="wt_sc_coupon_desc coupon-desc">[wt_sc_coupon_desc]</div>
		</div>
		<div class="wt_sc_credit_history coupon-history">
			<a title="__[Credit history]__" class="wt_sc_credit_history_url" href="[wt_sc_credit_history_url]"><span class="dashicons dashicons-backup"></span></a>
		</div>
	</div>
</div>