<?php
if (!defined('ABSPATH')) exit; // Exit if accessed directly 
?>

<div class="iwbvel-set-schedule-form">
    <div class="iwbvel-form-group">
        <label><?php esc_html_e('Name', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
        <input type="text" class="iwbvel-set-schedule-name required" placeholder="<?php esc_html_e('Name', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?> ...">
    </div>
    <div class="iwbvel-form-group">
        <label><?php esc_html_e('Description', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
        <textarea class="iwbvel-set-schedule-description" placeholder="<?php esc_html_e('Description', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?> ..."></textarea>
    </div>
    <div class="iwbvel-form-group">
        <label><?php esc_html_e('Run at', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
        <select class="iwbvel-set-schedule-run-at required">
            <option value="now"><?php esc_html_e('Now', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
            <option value="later"><?php esc_html_e('Later', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
        </select>
    </div>
    <div class="iwbvel-set-schedule-dependent">
        <div data-content="later">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Run for', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <select class="iwbvel-set-schedule-run-for required">
                    <option value="once"><?php esc_html_e('Once', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="daily"><?php esc_html_e('Daily', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="weekly"><?php esc_html_e('Weekly', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="monthly"><?php esc_html_e('Monthly', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                </select>
            </div>
        </div>

        <div data-content="once">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Type', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <select class="iwbvel-set-schedule-once-type required">
                    <option value="specific_date_time"><?php esc_html_e('Specific Date & Time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="n_hours_later"><?php esc_html_e('n Hours later', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="n_days_later"><?php esc_html_e('n Days later', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                </select>
            </div>
        </div>

        <div data-content="specific_date_time">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Date & Time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-datetimepicker iwbvel-set-schedule-once-date-time required" placeholder="Date & Time">
            </div>
        </div>

        <div data-content="n_hours_later">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-timepicker iwbvel-set-schedule-once-hours required" placeholder="Time">
                <span style="line-height: 34px; font-size: 14px;"><?php esc_html_e('Later', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></span>
            </div>
        </div>

        <div data-content="n_days_later">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Days', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="number" class="iwbvel-set-schedule-once-days required" placeholder="Days">
                <span style="line-height: 34px; font-size: 14px;"><?php esc_html_e('Days Later', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></span>
            </div>
        </div>

        <div data-content="daily">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-timepicker iwbvel-set-schedule-daily-time required" placeholder="Time">
            </div>
        </div>

        <div data-content="weekly">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Days', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <select class="iwbvel-select2 iwbvel-set-schedule-weekly-days required" multiple>
                    <option value="monday"><?php esc_html_e('Monday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="tuesday"><?php esc_html_e('Tuesday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="wednesday"><?php esc_html_e('Wednesday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="thursday"><?php esc_html_e('Thursday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="friday"><?php esc_html_e('Friday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="saturday"><?php esc_html_e('Saturday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                    <option value="sunday"><?php esc_html_e('Sunday', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></option>
                </select>
            </div>
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-timepicker iwbvel-set-schedule-weekly-time required" placeholder="Time">
            </div>
        </div>

        <div data-content="monthly">
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Days', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <select class="iwbvel-select2 iwbvel-set-schedule-monthly-days required" multiple>
                    <?php for ($iwbvel_i = 1; $iwbvel_i <= 31; $iwbvel_i++) : ?>
                        <option value="<?php echo intval($iwbvel_i); ?>"><?php echo intval($iwbvel_i); ?></option>
                    <?php endfor; ?>
                </select>
            </div>
            <div class="iwbvel-form-group">
                <label><?php esc_html_e('Select Time', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-timepicker iwbvel-set-schedule-monthly-time required" placeholder="Time">
            </div>
        </div>

        <div data-content="stop_schedule">
            <div class="iwbvel-form-group">
                <label><strong><?php esc_html_e('Stop', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></strong> <?php esc_html_e('schedule on', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-datetimepicker iwbvel-set-schedule-stop-date-time" placeholder="Date & Time">
                <span class="iwbvel-set-schedule-short-description"><?php esc_html_e('Leave blank if you don\'t want to stop the schedule on specific Date & Time.', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></span>
            </div>
        </div>

        <div data-content="revert_changes">
            <div class="iwbvel-form-group">
                <label><strong><?php esc_html_e('Revert', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></strong> <?php esc_html_e('Last Update', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></label>
                <input type="text" class="iwbvel-schedule-datetimepicker iwbvel-set-schedule-revert-date-time" placeholder="Date & Time">
                <span class="iwbvel-set-schedule-short-description"><?php esc_html_e('Leave blank if you don\'t want revert changes.', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></span>
                <span class="iwbvel-set-schedule-short-description"><?php esc_html_e('If set date, it will override your previous update.', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></span>
            </div>
        </div>
    </div>
</div>