1<div class="row"> 2 <div class="col-sm-6"> 3 <fieldset id="account"> 4 <legend>{{ text_your_details }}</legend> 5 <div class="form-group" style="display: {% if customer_groups|length > 1 %} block {% else %} none {% endif %};"> 6 <label class="control-label">{{ entry_customer_group }}</label> 7 {% for customer_group in customer_groups %} 8 {% if customer_group.customer_group_id == customer_group_id %} 9 <div class="radio"> 10 <label> 11 <input type="radio" name="customer_group_id" value="{{ customer_group.customer_group_id }}" checked="checked" /> 12 {{ customer_group.name }}</label> 13 </div> 14 {% else %} 15 <div class="radio"> 16 <label> 17 <input type="radio" name="customer_group_id" value="{{ customer_group.customer_group_id }}" /> 18 {{ customer_group.name }}</label> 19 </div> 20 {% endif %} 21 {% endfor %}</div> 22 <div class="form-group required"> 23 <label class="control-label" for="input-payment-firstname">{{ entry_firstname }}</label> 24 <input type="text" name="firstname" value="{{ firstname }}" placeholder="{{ entry_firstname }}" id="input-payment-firstname" class="form-control" /> 25 </div> 26 <div class="form-group required"> 27 <label class="control-label" for="input-payment-lastname">{{ entry_lastname }}</label> 28 <input type="text" name="lastname" value="{{ lastname }}" placeholder="{{ entry_lastname }}" id="input-payment-lastname" class="form-control" /> 29 </div> 30 <div class="form-group required"> 31 <label class="control-label" for="input-payment-email">{{ entry_email }}</label> 32 <input type="text" name="email" value="{{ email }}" placeholder="{{ entry_email }}" id="input-payment-email" class="form-control" /> 33 </div> 34 <div class="form-group required"> 35 <label class="control-label" for="input-payment-telephone">{{ entry_telephone }}</label> 36 <input type="text" name="telephone" value="{{ telephone }}" placeholder="{{ entry_telephone }}" id="input-payment-telephone" class="form-control" /> 37 </div> 38 {% for custom_field in custom_fields %} 39 {% if custom_field.location == 'account' %} 40 {% if custom_field.type == 'select' %} 41 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 42 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 43 <select name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control"> 44 <option value="">{{ text_select }}</option> 45 46 47 {% for custom_field_value in custom_field.custom_field_value %} 48 {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == guest_custom_field[custom_field.custom_field_id] %} 49 <option value="{{ custom_field_value.custom_field_value_id }}" selected="selected">{{ custom_field_value.name }}</option> 50 51 52 {% else %} 53 54 55 <option value="{{ custom_field_value.custom_field_value_id }}">{{ custom_field_value.name }}</option> 56 57 58 {% endif %} 59 {% endfor %} 60 61 62 </select> 63 </div> 64 {% endif %} 65 {% if custom_field.type == 'radio' %} 66 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 67 <label class="control-label">{{ custom_field.name }}</label> 68 <div id="input-payment-custom-field{{ custom_field.custom_field_id }}"> {% for custom_field_value in custom_field.custom_field_value %} 69 <div class="radio"> {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == guest_custom_field[custom_field.custom_field_id] %} 70 <label> 71 <input type="radio" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" /> 72 {{ custom_field_value.name }}</label> 73 {% else %} 74 <label> 75 <input type="radio" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" /> 76 {{ custom_field_value.name }}</label> 77 {% endif %} </div> 78 {% endfor %} </div> 79 </div> 80 {% endif %} 81 {% if custom_field.type == 'checkbox' %} 82 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 83 <label class="control-label">{{ custom_field.name }}</label> 84 <div id="input-payment-custom-field{{ custom_field.custom_field_id }}"> {% for custom_field_value in custom_field.custom_field_value %} 85 <div class="checkbox"> {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id in guest_custom_field[custom_field.custom_field_id] %} 86 <label> 87 <input type="checkbox" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" /> 88 {{ custom_field_value.name }}</label> 89 {% else %} 90 <label> 91 <input type="checkbox" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" /> 92 {{ custom_field_value.name }}</label> 93 {% endif %} </div> 94 {% endfor %} </div> 95 </div> 96 {% endif %} 97 {% if custom_field.type == 'text' %} 98 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 99 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 100 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 101 </div> 102 {% endif %} 103 {% if custom_field.type == 'textarea' %} 104 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 105 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 106 <textarea name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" rows="5" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control">{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}</textarea> 107 </div> 108 {% endif %} 109 {% if custom_field.type == 'file' %} 110 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 111 <label class="control-label">{{ custom_field.name }}</label> 112 <br /> 113 <button type="button" id="button-payment-custom-field{{ custom_field.custom_field_id }}" data-loading-text="{{ text_loading }}" class="btn btn-default"><i class="fa fa-upload"></i> {{ button_upload }}</button> 114 <input type="hidden" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% endif %}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" /> 115 </div> 116 {% endif %} 117 {% if custom_field.type == 'date' %} 118 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 119 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 120 <div class="input-group date"> 121 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 122 <span class="input-group-btn"> 123 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 124 </span></div> 125 </div> 126 {% endif %} 127 {% if custom_field.type == 'time' %} 128 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 129 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 130 <div class="input-group time"> 131 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="HH:mm" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 132 <span class="input-group-btn"> 133 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 134 </span></div> 135 </div> 136 {% endif %} 137 {% if custom_field.type == 'datetime' %} 138 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 139 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 140 <div class="input-group datetime"> 141 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD HH:mm" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 142 <span class="input-group-btn"> 143 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 144 </span></div> 145 </div> 146 {% endif %} 147 {% endif %} 148 {% endfor %} 149 </fieldset> 150 </div> 151 <div class="col-sm-6"> 152 <fieldset id="address"> 153 <legend>{{ text_your_address }}</legend> 154 <div class="form-group"> 155 <label class="control-label" for="input-payment-company">{{ entry_company }}</label> 156 <input type="text" name="company" value="{{ company }}" placeholder="{{ entry_company }}" id="input-payment-company" class="form-control" /> 157 </div> 158 <div class="form-group required"> 159 <label class="control-label" for="input-payment-address-1">{{ entry_address_1 }}</label> 160 <input type="text" name="address_1" value="{{ address_1 }}" placeholder="{{ entry_address_1 }}" id="input-payment-address-1" class="form-control" /> 161 </div> 162 <div class="form-group"> 163 <label class="control-label" for="input-payment-address-2">{{ entry_address_2 }}</label> 164 <input type="text" name="address_2" value="{{ address_2 }}" placeholder="{{ entry_address_2 }}" id="input-payment-address-2" class="form-control" /> 165 </div> 166 <div class="form-group required"> 167 <label class="control-label" for="input-payment-city">{{ entry_city }}</label> 168 <input type="text" name="city" value="{{ city }}" placeholder="{{ entry_city }}" id="input-payment-city" class="form-control" /> 169 </div> 170 <div class="form-group required"> 171 <label class="control-label" for="input-payment-postcode">{{ entry_postcode }}</label> 172 <input type="text" name="postcode" value="{{ postcode }}" placeholder="{{ entry_postcode }}" id="input-payment-postcode" class="form-control" /> 173 </div> 174 <div class="form-group required"> 175 <label class="control-label" for="input-payment-country">{{ entry_country }}</label> 176 <select name="country_id" id="input-payment-country" class="form-control"> 177 <option value="">{{ text_select }}</option> 178 179 180 {% for country in countries %} 181 {% if country.country_id == country_id %} 182 183 184 <option value="{{ country.country_id }}" selected="selected">{{ country.name }}</option> 185 186 187 {% else %} 188 189 190 <option value="{{ country.country_id }}">{{ country.name }}</option> 191 192 193 {% endif %} 194 {% endfor %} 195 196 197 </select> 198 </div> 199 <div class="form-group required"> 200 <label class="control-label" for="input-payment-zone">{{ entry_zone }}</label> 201 <select name="zone_id" id="input-payment-zone" class="form-control"> 202 </select> 203 </div> 204 {% for custom_field in custom_fields %} 205 {% if custom_field.location == 'address' %} 206 {% if custom_field.type == 'select' %} 207 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 208 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 209 <select name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control"> 210 <option value="">{{ text_select }}</option> 211 212 213 {% for custom_field_value in custom_field.custom_field_value %} 214 {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == guest_custom_field[custom_field.custom_field_id] %} 215 <option value="{{ custom_field_value.custom_field_value_id }}" selected="selected">{{ custom_field_value.name }}</option> 216 217 218 {% else %} 219 220 221 <option value="{{ custom_field_value.custom_field_value_id }}">{{ custom_field_value.name }}</option> 222 223 224 {% endif %} 225 {% endfor %} 226 227 228 </select> 229 </div> 230 {% endif %} 231 {% if custom_field.type == 'radio' %} 232 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 233 <label class="control-label">{{ custom_field.name }}</label> 234 <div id="input-payment-custom-field{{ custom_field.custom_field_id }}"> {% for custom_field_value in custom_field.custom_field_value %} 235 <div class="radio"> {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == guest_custom_field[custom_field.custom_field_id] %} 236 <label> 237 <input type="radio" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" /> 238 {{ custom_field_value.name }}</label> 239 {% else %} 240 <label> 241 <input type="radio" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" /> 242 {{ custom_field_value.name }}</label> 243 {% endif %} </div> 244 {% endfor %} </div> 245 </div> 246 {% endif %} 247 {% if custom_field.type == 'checkbox' %} 248 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 249 <label class="control-label">{{ custom_field.name }}</label> 250 <div id="input-payment-custom-field{{ custom_field.custom_field_id }}"> {% for custom_field_value in custom_field.custom_field_value %} 251 <div class="checkbox"> {% if guest_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id in guest_custom_field[custom_field.custom_field_id] %} 252 <label> 253 <input type="checkbox" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" /> 254 {{ custom_field_value.name }}</label> 255 {% else %} 256 <label> 257 <input type="checkbox" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" /> 258 {{ custom_field_value.name }}</label> 259 {% endif %} </div> 260 {% endfor %} </div> 261 </div> 262 {% endif %} 263 {% if custom_field.type == 'text' %} 264 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 265 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 266 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 267 </div> 268 {% endif %} 269 {% if custom_field.type == 'textarea' %} 270 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 271 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 272 <textarea name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" rows="5" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control">{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}</textarea> 273 </div> 274 {% endif %} 275 {% if custom_field.type == 'file' %} 276 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 277 <label class="control-label">{{ custom_field.name }}</label> 278 <br /> 279 <button type="button" id="button-payment-custom-field{{ custom_field.custom_field_id }}" data-loading-text="{{ text_loading }}" class="btn btn-default"><i class="fa fa-upload"></i> {{ button_upload }}</button> 280 <input type="hidden" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% endif %}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" /> 281 </div> 282 {% endif %} 283 {% if custom_field.type == 'date' %} 284 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 285 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 286 <div class="input-group date"> 287 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 288 <span class="input-group-btn"> 289 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 290 </span></div> 291 </div> 292 {% endif %} 293 {% if custom_field.type == 'time' %} 294 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 295 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 296 <div class="input-group time"> 297 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="HH:mm" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 298 <span class="input-group-btn"> 299 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 300 </span></div> 301 </div> 302 {% endif %} 303 {% if custom_field.type == 'time' %} 304 <div id="payment-custom-field{{ custom_field.custom_field_id }}" class="form-group custom-field" data-sort="{{ custom_field.sort_order }}"> 305 <label class="control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label> 306 <div class="input-group datetime"> 307 <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{% if guest_custom_field[custom_field.custom_field_id] %} {{ guest_custom_field[custom_field.custom_field_id] }} {% else %} {{ custom_field.value }} {% endif %}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD HH:mm" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" /> 308 <span class="input-group-btn"> 309 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 310 </span></div> 311 </div> 312 {% endif %} 313 {% endif %} 314 {% endfor %} 315 </fieldset> 316 {{ captcha }} </div> 317</div> 318{% if shipping_required %} 319<div class="checkbox"> 320 <label> {% if shipping_address %} 321 <input type="checkbox" name="shipping_address" value="1" checked="checked" /> 322 {% else %} 323 <input type="checkbox" name="shipping_address" value="1" /> 324 {% endif %} 325 {{ entry_shipping }}</label> 326</div> 327{% endif %} 328<div class="buttons"> 329 <div class="pull-right"> 330 <input type="button" value="{{ button_continue }}" id="button-guest" data-loading-text="{{ text_loading }}" class="btn btn-primary" /> 331 </div> 332</div> 333<script type="text/javascript"><!-- 334// Sort the custom fields 335$('#account .form-group[data-sort]').detach().each(function() { 336 if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#account .form-group').length) { 337 $('#account .form-group').eq($(this).attr('data-sort')).before(this); 338 } 339 340 if ($(this).attr('data-sort') > $('#account .form-group').length) { 341 $('#account .form-group:last').after(this); 342 } 343 344 if ($(this).attr('data-sort') == $('#account .form-group').length) { 345 $('#account .form-group:last').after(this); 346 } 347 348 if ($(this).attr('data-sort') < -$('#account .form-group').length) { 349 $('#account .form-group:first').before(this); 350 } 351}); 352 353$('#address .form-group[data-sort]').detach().each(function() { 354 if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#address .form-group').length) { 355 $('#address .form-group').eq($(this).attr('data-sort')).before(this); 356 } 357 358 if ($(this).attr('data-sort') > $('#address .form-group').length) { 359 $('#address .form-group:last').after(this); 360 } 361 362 if ($(this).attr('data-sort') == $('#address .form-group').length) { 363 $('#address .form-group:last').after(this); 364 } 365 366 if ($(this).attr('data-sort') < -$('#address .form-group').length) { 367 $('#address .form-group:first').before(this); 368 } 369}); 370 371$('#collapse-payment-address input[name=\'customer_group_id\']').on('change', function() { 372 $.ajax({ 373 url: 'index.php?route=checkout/checkout/customfield&customer_group_id=' + this.value, 374 dataType: 'json', 375 success: function(json) { 376 $('#collapse-payment-address .custom-field').hide(); 377 $('#collapse-payment-address .custom-field').removeClass('required'); 378 379 for (i = 0; i < json.length; i++) { 380 custom_field = json[i]; 381 382 $('#payment-custom-field' + custom_field['custom_field_id']).show(); 383 384 if (custom_field['required']) { 385 $('#payment-custom-field' + custom_field['custom_field_id']).addClass('required'); 386 } else { 387 $('#payment-custom-field' + custom_field['custom_field_id']).removeClass('required'); 388 } 389 } 390 }, 391 error: function(xhr, ajaxOptions, thrownError) { 392 alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); 393 } 394 }); 395}); 396 397$('#collapse-payment-address input[name=\'customer_group_id\']:checked').trigger('change'); 398//--></script> 399<script type="text/javascript"><!-- 400$('#collapse-payment-address button[id^=\'button-payment-custom-field\']').on('click', function() { 401 var node = this; 402 403 $('#form-upload').remove(); 404 405 $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); 406 407 $('#form-upload input[name=\'file\']').trigger('click'); 408 409 if (typeof timer != 'undefined') { 410 clearInterval(timer); 411 } 412 413 timer = setInterval(function() { 414 if ($('#form-upload input[name=\'file\']').val() != '') { 415 clearInterval(timer); 416 417 $.ajax({ 418 url: 'index.php?route=tool/upload', 419 type: 'post', 420 dataType: 'json', 421 data: new FormData($('#form-upload')[0]), 422 cache: false, 423 contentType: false, 424 processData: false, 425 beforeSend: function() { 426 $(node).button('loading'); 427 }, 428 complete: function() { 429 $(node).button('reset'); 430 }, 431 success: function(json) { 432 $(node).parent().find('.text-danger').remove(); 433 434 if (json['error']) { 435 $(node).parent().find('input[name^=\'custom_field\']').after('<div class="text-danger">' + json['error'] + '</div>'); 436 } 437 438 if (json['success']) { 439 alert(json['success']); 440 441 $(node).parent().find('input[name^=\'custom_field\']').val(json['code']); 442 } 443 }, 444 error: function(xhr, ajaxOptions, thrownError) { 445 alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); 446 } 447 }); 448 } 449 }, 500); 450}); 451//--></script> 452<script type="text/javascript"><!-- 453$('.date').datetimepicker({ 454 language: '{{ datepicker }}', 455 pickTime: false 456}); 457 458$('.time').datetimepicker({ 459 language: '{{ datepicker }}', 460 pickDate: false 461}); 462 463$('.datetime').datetimepicker({ 464 language: '{{ datepicker }}', 465 pickDate: true, 466 pickTime: true 467}); 468//--></script> 469<script type="text/javascript"><!-- 470$('#collapse-payment-address select[name=\'country_id\']').on('change', function() { 471 $.ajax({ 472 url: 'index.php?route=checkout/checkout/country&country_id=' + this.value, 473 dataType: 'json', 474 beforeSend: function() { 475 $('#collapse-payment-address select[name=\'country_id\']').prop('disabled', true); 476 }, 477 complete: function() { 478 $('#collapse-payment-address select[name=\'country_id\']').prop('disabled', false); 479 }, 480 success: function(json) { 481 if (json['postcode_required'] == '1') { 482 $('#collapse-payment-address input[name=\'postcode\']').parent().parent().addClass('required'); 483 } else { 484 $('#collapse-payment-address input[name=\'postcode\']').parent().parent().removeClass('required'); 485 } 486 487 html = '<option value="">{{ text_select }}</option>'; 488 489 if (json['zone'] && json['zone'] != '') { 490 for (i = 0; i < json['zone'].length; i++) { 491 html += '<option value="' + json['zone'][i]['zone_id'] + '"'; 492 493 if (json['zone'][i]['zone_id'] == '{{ zone_id }}') { 494 html += ' selected="selected"'; 495 } 496 497 html += '>' + json['zone'][i]['name'] + '</option>'; 498 } 499 } else { 500 html += '<option value="0" selected="selected">{{ text_none }}</option>'; 501 } 502 503 $('#collapse-payment-address select[name=\'zone_id\']').html(html); 504 }, 505 error: function(xhr, ajaxOptions, thrownError) { 506 alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); 507 } 508 }); 509}); 510 511$('#collapse-payment-address select[name=\'country_id\']').trigger('change'); 512//--></script>