coupon_form.twig (14366B)
1 {{ header }}{{ column_left }} 2 <div id="content"> 3 <div class="page-header"> 4 <div class="container-fluid"> 5 <div class="pull-right"> 6 <button type="submit" form="form-coupon" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button> 7 <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div> 8 <h1>{{ heading_title }}</h1> 9 <ul class="breadcrumb"> 10 {% for breadcrumb in breadcrumbs %} 11 <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li> 12 {% endfor %} 13 </ul> 14 </div> 15 </div> 16 <div class="container-fluid"> {% if error_warning %} 17 <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} 18 <button type="button" class="close" data-dismiss="alert">×</button> 19 </div> 20 {% endif %} 21 <div class="panel panel-default"> 22 <div class="panel-heading"> 23 <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3> 24 </div> 25 <div class="panel-body"> 26 <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-coupon" class="form-horizontal"> 27 <ul class="nav nav-tabs"> 28 <li class="active"><a href="#tab-general" data-toggle="tab">{{ tab_general }}</a></li> 29 {% if coupon_id %} 30 <li><a href="#tab-history" data-toggle="tab">{{ tab_history }}</a></li> 31 {% endif %} 32 </ul> 33 <div class="tab-content"> 34 <div class="tab-pane active" id="tab-general"> 35 <div class="form-group required"> 36 <label class="col-sm-2 control-label" for="input-name">{{ entry_name }}</label> 37 <div class="col-sm-10"> 38 <input type="text" name="name" value="{{ name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control" /> 39 {% if error_name %} 40 <div class="text-danger">{{ error_name }}</div> 41 {% endif %} </div> 42 </div> 43 <div class="form-group required"> 44 <label class="col-sm-2 control-label" for="input-code"><span data-toggle="tooltip" title="{{ help_code }}">{{ entry_code }}</span></label> 45 <div class="col-sm-10"> 46 <input type="text" name="code" value="{{ code }}" placeholder="{{ entry_code }}" id="input-code" class="form-control" /> 47 {% if error_code %} 48 <div class="text-danger">{{ error_code }}</div> 49 {% endif %} </div> 50 </div> 51 <div class="form-group"> 52 <label class="col-sm-2 control-label" for="input-type"><span data-toggle="tooltip" title="{{ help_type }}">{{ entry_type }}</span></label> 53 <div class="col-sm-10"> 54 <select name="type" id="input-type" class="form-control"> 55 56 {% if type == 'P' %} 57 58 <option value="P" selected="selected">{{ text_percent }}</option> 59 60 {% else %} 61 62 <option value="P">{{ text_percent }}</option> 63 64 {% endif %} 65 {% if type == 'F' %} 66 67 <option value="F" selected="selected">{{ text_amount }}</option> 68 69 {% else %} 70 71 <option value="F">{{ text_amount }}</option> 72 73 {% endif %} 74 75 </select> 76 </div> 77 </div> 78 <div class="form-group"> 79 <label class="col-sm-2 control-label" for="input-discount">{{ entry_discount }}</label> 80 <div class="col-sm-10"> 81 <input type="text" name="discount" value="{{ discount }}" placeholder="{{ entry_discount }}" id="input-discount" class="form-control" /> 82 </div> 83 </div> 84 <div class="form-group"> 85 <label class="col-sm-2 control-label" for="input-total"><span data-toggle="tooltip" title="{{ help_total }}">{{ entry_total }}</span></label> 86 <div class="col-sm-10"> 87 <input type="text" name="total" value="{{ total }}" placeholder="{{ entry_total }}" id="input-total" class="form-control" /> 88 </div> 89 </div> 90 <div class="form-group"> 91 <label class="col-sm-2 control-label"><span data-toggle="tooltip" title="{{ help_logged }}">{{ entry_logged }}</span></label> 92 <div class="col-sm-10"> 93 <label class="radio-inline"> {% if logged %} 94 <input type="radio" name="logged" value="1" checked="checked" /> 95 {{ text_yes }} 96 {% else %} 97 <input type="radio" name="logged" value="1" /> 98 {{ text_yes }} 99 {% endif %} </label> 100 <label class="radio-inline"> {% if not logged %} 101 <input type="radio" name="logged" value="0" checked="checked" /> 102 {{ text_no }} 103 {% else %} 104 <input type="radio" name="logged" value="0" /> 105 {{ text_no }} 106 {% endif %} </label> 107 </div> 108 </div> 109 <div class="form-group"> 110 <label class="col-sm-2 control-label">{{ entry_shipping }}</label> 111 <div class="col-sm-10"> 112 <label class="radio-inline"> {% if shipping %} 113 <input type="radio" name="shipping" value="1" checked="checked" /> 114 {{ text_yes }} 115 {% else %} 116 <input type="radio" name="shipping" value="1" /> 117 {{ text_yes }} 118 {% endif %} </label> 119 <label class="radio-inline"> {% if not shipping %} 120 <input type="radio" name="shipping" value="0" checked="checked" /> 121 {{ text_no }} 122 {% else %} 123 <input type="radio" name="shipping" value="0" /> 124 {{ text_no }} 125 {% endif %} </label> 126 </div> 127 </div> 128 <div class="form-group"> 129 <label class="col-sm-2 control-label" for="input-product"><span data-toggle="tooltip" title="{{ help_product }}">{{ entry_product }}</span></label> 130 <div class="col-sm-10"> 131 <input type="text" name="product" value="" placeholder="{{ entry_product }}" id="input-product" class="form-control" /> 132 <div id="coupon-product" class="well well-sm" style="height: 150px; overflow: auto;"> {% for coupon_product in coupon_product %} 133 <div id="coupon-product{{ coupon_product.product_id }}"><i class="fa fa-minus-circle"></i> {{ coupon_product.name }} 134 <input type="hidden" name="coupon_product[]" value="{{ coupon_product.product_id }}" /> 135 </div> 136 {% endfor %} </div> 137 </div> 138 </div> 139 <div class="form-group"> 140 <label class="col-sm-2 control-label" for="input-category"><span data-toggle="tooltip" title="{{ help_category }}">{{ entry_category }}</span></label> 141 <div class="col-sm-10"> 142 <input type="text" name="category" value="" placeholder="{{ entry_category }}" id="input-category" class="form-control" /> 143 <div id="coupon-category" class="well well-sm" style="height: 150px; overflow: auto;"> {% for coupon_category in coupon_category %} 144 <div id="coupon-category{{ coupon_category.category_id }}"><i class="fa fa-minus-circle"></i> {{ coupon_category.name }} 145 <input type="hidden" name="coupon_category[]" value="{{ coupon_category.category_id }}" /> 146 </div> 147 {% endfor %} </div> 148 </div> 149 </div> 150 <div class="form-group"> 151 <label class="col-sm-2 control-label" for="input-date-start">{{ entry_date_start }}</label> 152 <div class="col-sm-3"> 153 <div class="input-group date"> 154 <input type="text" name="date_start" value="{{ date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" id="input-date-start" class="form-control" /> 155 <span class="input-group-btn"> 156 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 157 </span></div> 158 </div> 159 </div> 160 <div class="form-group"> 161 <label class="col-sm-2 control-label" for="input-date-end">{{ entry_date_end }}</label> 162 <div class="col-sm-3"> 163 <div class="input-group date"> 164 <input type="text" name="date_end" value="{{ date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" id="input-date-end" class="form-control" /> 165 <span class="input-group-btn"> 166 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 167 </span></div> 168 </div> 169 </div> 170 <div class="form-group"> 171 <label class="col-sm-2 control-label" for="input-uses-total"><span data-toggle="tooltip" title="{{ help_uses_total }}">{{ entry_uses_total }}</span></label> 172 <div class="col-sm-10"> 173 <input type="text" name="uses_total" value="{{ uses_total }}" placeholder="{{ entry_uses_total }}" id="input-uses-total" class="form-control" /> 174 </div> 175 </div> 176 <div class="form-group"> 177 <label class="col-sm-2 control-label" for="input-uses-customer"><span data-toggle="tooltip" title="{{ help_uses_customer }}">{{ entry_uses_customer }}</span></label> 178 <div class="col-sm-10"> 179 <input type="text" name="uses_customer" value="{{ uses_customer }}" placeholder="{{ entry_uses_customer }}" id="input-uses-customer" class="form-control" /> 180 </div> 181 </div> 182 <div class="form-group"> 183 <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label> 184 <div class="col-sm-10"> 185 <select name="status" id="input-status" class="form-control"> 186 187 {% if status %} 188 189 <option value="1" selected="selected">{{ text_enabled }}</option> 190 <option value="0">{{ text_disabled }}</option> 191 192 {% else %} 193 194 <option value="1">{{ text_enabled }}</option> 195 <option value="0" selected="selected">{{ text_disabled }}</option> 196 197 {% endif %} 198 199 </select> 200 </div> 201 </div> 202 </div> 203 {% if coupon_id %} 204 <div class="tab-pane" id="tab-history"> 205 <fieldset> 206 <legend>{{ text_coupon }}</legend> 207 <div id="history"></div> 208 </fieldset> 209 </div> 210 {% endif %} </div> 211 </form> 212 </div> 213 </div> 214 </div> 215 <script type="text/javascript"><!-- 216 $('input[name=\'product\']').autocomplete({ 217 'source': function(request, response) { 218 $.ajax({ 219 url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 220 dataType: 'json', 221 success: function(json) { 222 response($.map(json, function(item) { 223 return { 224 label: item['name'], 225 value: item['product_id'] 226 } 227 })); 228 } 229 }); 230 }, 231 'select': function(item) { 232 $('input[name=\'product\']').val(''); 233 234 $('#coupon-product' + item['value']).remove(); 235 236 $('#coupon-product').append('<div id="coupon-product' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="coupon_product[]" value="' + item['value'] + '" /></div>'); 237 } 238 }); 239 240 $('#coupon-product').delegate('.fa-minus-circle', 'click', function() { 241 $(this).parent().remove(); 242 }); 243 244 // Category 245 $('input[name=\'category\']').autocomplete({ 246 'source': function(request, response) { 247 $.ajax({ 248 url: 'index.php?route=catalog/category/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 249 dataType: 'json', 250 success: function(json) { 251 response($.map(json, function(item) { 252 return { 253 label: item['name'], 254 value: item['category_id'] 255 } 256 })); 257 } 258 }); 259 }, 260 'select': function(item) { 261 $('input[name=\'category\']').val(''); 262 263 $('#coupon-category' + item['value']).remove(); 264 265 $('#coupon-category').append('<div id="coupon-category' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="coupon_category[]" value="' + item['value'] + '" /></div>'); 266 } 267 }); 268 269 $('#coupon-category').delegate('.fa-minus-circle', 'click', function() { 270 $(this).parent().remove(); 271 }); 272 //--></script> 273 {% if coupon_id %} 274 <script type="text/javascript"><!-- 275 $('#history').delegate('.pagination a', 'click', function(e) { 276 e.preventDefault(); 277 278 $('#history').load(this.href); 279 }); 280 281 $('#history').load('index.php?route=marketing/coupon/history&user_token={{ user_token }}&coupon_id={{ coupon_id }}'); 282 //--></script> 283 {% endif %} 284 <script type="text/javascript"><!-- 285 $('.date').datetimepicker({ 286 language: '{{ datepicker }}', 287 pickTime: false 288 }); 289 //--></script></div> 290 {{ footer }}