| 1 |
<?php |
| 2 |
if (!defined('ABSPATH')) { |
| 3 |
exit; |
| 4 |
} // Exit if accessed directly |
| 5 |
?> |
| 6 |
<!-- Modal Overlay --> |
| 7 |
<div id="easyel-template-modal" class="easyel-modal-overlay"> |
| 8 |
<div class="easyel-modal-content"> |
| 9 |
<div class="easyel-template-error-message"></div> |
| 10 |
<span class="easyel-close">×</span> |
| 11 |
<div class="easyel-choose-template"> |
| 12 |
<h2 class="easyel-choose-template">Choose Template Type</h2> |
| 13 |
<div class="easyel-template-type"> |
| 14 |
<select class="easyel-builder-tmpl-type" name="easyel_builder_tmpl_type"> |
| 15 |
<option value="">Select Archive Type</option> |
| 16 |
<option value="archive">Archive</option> |
| 17 |
<option value="single">Single</option> |
| 18 |
</select> |
| 19 |
</div> |
| 20 |
<div class="easyel-template-type"> |
| 21 |
<input type="text" name="easyel_builder_template_name" class="easyel-builder-template-name" placeholder="Enter template Name"/> |
| 22 |
</div> |
| 23 |
</div> |
| 24 |
<h2>Template Elements Condition</h2> |
| 25 |
<p>Where do you want to display your template?</p> |
| 26 |
|
| 27 |
<div id="easyel-conditions-wrapper"> |
| 28 |
<div class="easyel-condition-row"> |
| 29 |
<select class="easyel-include-type"> |
| 30 |
<option value="include">Include</option> |
| 31 |
<option value="exclude">Exclude</option> |
| 32 |
</select> |
| 33 |
<select class="easyel-condition-main"> |
| 34 |
<option value="archives">Archives</option> |
| 35 |
<option value="singular">Singular</option> |
| 36 |
</select> |
| 37 |
<select class="easyel-condition-sub"> |
| 38 |
<option value="all">All Archives</option> |
| 39 |
</select> |
| 40 |
<select class="easyel-condition-child-sub"> |
| 41 |
<option value="sub_all">All</option> |
| 42 |
</select> |
| 43 |
<span class="easyel-remove-row">×</span> |
| 44 |
</div> |
| 45 |
</div> |
| 46 |
|
| 47 |
<button type="button" id="easyel-add-condition">+ Add Condition</button> |
| 48 |
<div class="easyel-modal-footer"> |
| 49 |
<button class="easyel-cancel-btn">Cancel</button> |
| 50 |
<button class="easyel-save-btn">Save</button> |
| 51 |
</div> |
| 52 |
</div> |
| 53 |
</div> |
| 54 |
|
| 55 |
<!-- Success Modal --> |
| 56 |
<div id="easyel-success-modal" class="easyel-modal-overlay"> |
| 57 |
<div class="easyel-modal-content"> |
| 58 |
<span class="easyel-close">×</span> |
| 59 |
<div class="easyel-success-icon"> |
| 60 |
<div class="checkmark">✓</div> |
| 61 |
</div> |
| 62 |
<h2>Template Created Successfully!</h2> |
| 63 |
<p>Your template has been created and is ready to use</p> |
| 64 |
<div class="easyel-modal-footer"> |
| 65 |
<a href="#" id="easyel-edit-template" class="easyel-save-btn">Edit Template</a> |
| 66 |
<button class="easyel-cancel-btn">Close</button> |
| 67 |
</div> |
| 68 |
</div> |
| 69 |
</div> |
