<?php
/**
 * Promotion wizard popup
 *
 * This template is meant to be used using WCBackboneModal script
 *
 * @author Your Inspiration Themes
 * @package YITH WooCommerce Wishlist
 * @version 3.0.0
 */

/**
 * Template variables:
 *
 * @var $email_obj \WC_Email
 */

if ( ! defined( 'YITH_WCWL' ) ) {
	exit;
} // Exit if accessed directly
?>

<script type="text/template" id="tmpl-yith-wcwl-promotion-wizard">
	<div class="wc-backbone-modal yith-wcwl-wizard-modal">
		<div class="wc-backbone-modal-content">
			<section class="wc-backbone-modal-main" role="main">
				<header class="wc-backbone-modal-header">
					<button class="modal-close modal-close-link dashicons dashicons-no-alt">
						<span class="screen-reader-text">Close modal panel</span>
					</button>
				</header>
				<article>
					<form action="<?php echo esc_url_raw( add_query_arg( 'action', 'send_promotion', admin_url( 'admin.php' ) ) ) ?>" method="post">
						<div class="step step-1">
							<div class="col col-sx">
								<h2><?php _e( 'Set a promotional e-mail', 'yith-woocommerce-wishlist' ) ?></h2>

								<div class="content-tabs">
									<ul class="tabs" role="tablist">
										<li><a href="" class="active" data-target="#content_html_tab" role="tab" aria-selected="true" aria-controls="content_html" data-template="html"><?php _e( 'E-mail HTML content', 'yith-woocommerce-wishlist' ) ?></a></li>
										<li><a href="" class="" data-target="#content_text_tab" role="tab" aria-selected="false" aria-controls="content_text" data-template="plain"><?php _e( 'E-mail Text content', 'yith-woocommerce-wishlist' ) ?></a></li>
									</ul>
									<div class="tab active" id="content_html_tab" role="tabpanel" aria-expanded="true">
                                        <textarea name="content_html" id="content_html" rows="10" class="with-editor"><?php echo $email_obj->get_option( 'content_html' )  ?></textarea>

										<p class="description">
											<?php _e( 'This field lets you modify the main content of the HTML version of the email.', 'yith-woocommerce-wishlist' ) ?>
										</p>

                                        <h4>
                                            <?php _e( 'You can use the following placeholder:', 'yith-woocommerce-wishlist' ) ?>
                                        </h4>

                                        <p class="placeholders">
                                            <?php echo $email_obj->get_placeholder_text( 'html' ) ?>
                                        </p>

                                        <small>
											<b class="alert"><?php _e( 'Note: ', 'yith-woocommerce-wishlist' ) ?></b>
                                            <?php _e( 'you can customize the header in WooCommerce &rsaquo; Settings &rsaquo; Emails.', 'yith-woocommerce-wishlist' ) ?>
                                        </small>
									</div>
									<div class="tab" id="content_text_tab" role="tabpanel" aria-expanded="false">
										<textarea name="content_text" id="content_text" rows="10"><?php echo $email_obj->get_option( 'content_text' )  ?></textarea>

                                        <p class="description">
											<?php _e( 'This field lets you modify the main content of the text version of the email', 'yith-woocommerce-wishlist' ) ?>
                                        </p>

                                        <h4>
											<?php _e( 'You can use the following placeholder:', 'yith-woocommerce-wishlist' ) ?>
                                        </h4>

                                        <p class="placeholders">
											<?php echo $email_obj->get_placeholder_text( 'plain' ) ?>
                                        </p>

                                        <small>
                                            <b class="alert"><?php _e( 'Note: ', 'yith-woocommerce-wishlist' ) ?></b>
											<?php _e( 'you can customize the header in WooCommerce &rsaquo; Settings &rsaquo; Emails.', 'yith-woocommerce-wishlist' ) ?>
                                        </small>
									</div>
								</div>

                                <div class="form-row">
                                    <label for="coupon"><?php _e( 'Coupon', 'yith-woocommerce-wishlist' ) ?></label>

                                    <select type="text" name="coupon" id="coupon" class="wc-product-search" data-placeholder="<?php _e( 'Select a coupon', 'yith-woocommerce-wishlist' ) ?>" data-action="json_search_coupons">
                                    </select>

                                    <p class="description">
		                                <?php _e( 'This field lets you choose coupon to use for the email.', 'yith-woocommerce-wishlist' ) ?>
                                    </p>
                                </div>
							</div><div class="col col-dx">
								<h4><?php _e( 'Preview:', 'yith-woocommerce-wishlist' ) ?></h4>
								<div class="email-preview">
									{{data.preview}}
								</div>
								<div class="promotion-actions">
									<input name="save_draft" type="submit" class="save-promotion-draft" value="<?php _e( 'Save draft &rsaquo;', 'yith-woocommerce-wishlist' ) ?>">
									<a href="#" class="button-primary continue-button"><?php _e( 'Continue', 'yith-woocommerce-wishlist' )?></a>
								</div>
							</div>
						</div>
						<div class="step step-2">
                            <div class="col">
                                <a href="#" class="back-button"><?php _e( '&lsaquo; Back', 'yith-woocommerce-wishlist' ) ?></a>
                                <h2><?php _e( 'Ready to send?', 'yith-woocommerce-wishlist' ) ?></h2>
                                <p>
                                    <?php _e( "You're about to send this promotional email to", 'yith-woocommerce-wishlist' ); ?>
                                    <span class='receivers-count'><?php _e( '(calculating...) users', 'yith-woocommerce-wishlist' ) ?></span>.
                                </p>
                                <p class="show-on-long-queue" data-threshold="<?php echo apply_filters( 'yith_wcwl_back_in_stock_execution_limit', 20 ) ?>">
                                    <?php
                                        $message = sprintf( __( "
                                            In order to avoid overloading your server, we will send %d emails every hour.
                                            This will take some time; please relax and wait for the operation to complete ;)
                                        ", 'yith-woocommerce-wishlist' ), apply_filters( 'yith_wcwl_back_in_stock_execution_limit', 20 ) );
                                        echo $message;
                                    ?>
                                </p>
                                <button id="main_submit_button" class="button-primary">
                                    <i class="material-icons">send</i>
                                    <?php _e( 'Send email', 'yith-woocommerce-wishlist' ) ?>
                                </button>
                            </div>
						</div>
                        <input type="hidden" name="product_id[]" value="{{data.product_id}}">
                        <input type="hidden" name="user_id[]" value="{{data.user_id}}">
                        <input type="hidden" id="template" name="template" value="html">
                        <?php wp_nonce_field( 'send_promotion_email_action', 'send_promotion_email' ) ?>
                    </form>
				</article>
			</section>
		</div>
	</div>
	<div class="wc-backbone-modal-backdrop modal-close"></div>
</script>
