Konstantin
2495 lines
128 KiB
Twig
2495 lines
128 KiB
Twig
{{ header }}{{ column_left }}
|
|
<div id="content">
|
|
<div class="page-header">
|
|
<div class="container-fluid">
|
|
<div class="pull-right"><a href="{{ cancel }}" class="btn btn-default"><i class="fa fa-reply"></i> {{ button_cancel }}</a></div>
|
|
<h1>{{ heading_title }}</h1>
|
|
<ul class="breadcrumb">
|
|
{% for breadcrumb in breadcrumbs %}
|
|
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<form class="form-horizontal">
|
|
<ul id="order" class="nav nav-tabs nav-justified">
|
|
<li class="disabled active"><a href="#tab-customer" data-toggle="tab">1. {{ tab_customer }}</a></li>
|
|
<li class="disabled"><a href="#tab-cart" data-toggle="tab">2. {{ tab_product }}</a></li>
|
|
<li class="disabled"><a href="#tab-payment" data-toggle="tab">3. {{ tab_payment }}</a></li>
|
|
<li class="disabled"><a href="#tab-shipping" data-toggle="tab">4. {{ tab_shipping }}</a></li>
|
|
<li class="disabled"><a href="#tab-total" data-toggle="tab">5. {{ tab_total }}</a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="tab-customer">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-store">{{ entry_store }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="store_id" id="input-store" class="form-control">
|
|
{% for store in stores %}
|
|
{% if store.store_id == store_id %}
|
|
<option value="{{ store.store_id }}" selected="selected">{{ store.name }}</option>
|
|
{% else %}
|
|
<option value="{{ store.store_id }}">{{ store.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-currency">{{ entry_currency }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="currency" id="input-currency" class="form-control">
|
|
{% for currency in currencies %}
|
|
{% if currency.code == currency_code %}
|
|
<option value="{{ currency.code }}" selected="selected">{{ currency.title }}</option>
|
|
{% else %}
|
|
<option value="{{ currency.code }}">{{ currency.title }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-customer">{{ entry_customer }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="customer" value="{{ customer }}" placeholder="{{ entry_customer }}" id="input-customer" class="form-control" />
|
|
<input type="hidden" name="customer_id" value="{{ customer_id }}" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-customer-group">{{ entry_customer_group }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="customer_group_id" id="input-customer-group" class="form-control">
|
|
{% for customer_group in customer_groups %}
|
|
{% if customer_group.customer_group_id == customer_group_id %}
|
|
<option value="{{ customer_group.customer_group_id }}" selected="selected">{{ customer_group.name }}</option>
|
|
{% else %}
|
|
<option value="{{ customer_group.customer_group_id }}">{{ customer_group.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-firstname">{{ entry_firstname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="firstname" value="{{ firstname }}" id="input-firstname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-lastname">{{ entry_lastname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="lastname" value="{{ lastname }}" id="input-lastname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-email">{{ entry_email }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="email" value="{{ email }}" id="input-email" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-telephone">{{ entry_telephone }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="telephone" value="{{ telephone }}" id="input-telephone" class="form-control" />
|
|
</div>
|
|
</div>
|
|
{% for custom_field in custom_fields %}
|
|
{% if custom_field.location == 'account' %}
|
|
{% if custom_field.type == 'select' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="custom_field[{{ custom_field.custom_field_id }}]" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
{% if account_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == account_custom_field[custom_field.custom_field_id] %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}" selected="selected">{{ custom_field_value.name }}</option>
|
|
{% else %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}">{{ custom_field_value.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'radio' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="radio">
|
|
{% if account_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == account_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'checkbox' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="checkbox">
|
|
{% if account_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id in account_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'text' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ account_custom_field[custom_field.custom_field_id] ? account_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'textarea' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="custom_field[{{ custom_field.custom_field_id }}]" rows="5" placeholder="{{ custom_field.name }}" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control">{{ custom_field.value }}</textarea>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'file' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<button type="button" id="button-custom-field{{ custom_field.custom_field_id }}" class="btn btn-default"><i class="fa fa-upload"></i> {{ button_upload }}</button>
|
|
<input type="hidden" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ account_custom_field[custom_field.custom_field_id] ? account_custom_field[custom_field.custom_field_id] }}" id="input-custom-field{{ custom_field.custom_field_id }}" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'date' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group date">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ account_custom_field[custom_field.custom_field_id] ? account_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'time' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group time">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ account_custom_field[custom_field.custom_field_id] ? account_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="HH:mm" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'datetime' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group datetime">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ account_custom_field[custom_field.custom_field_id] ? account_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD HH:mm" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
<div class="text-right">
|
|
<button type="button" id="button-customer" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-arrow-right"></i> {{ button_continue }}</button>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tab-cart">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<td class="text-left">{{ column_product }}</td>
|
|
<td class="text-left">{{ column_model }}</td>
|
|
<td class="text-right">{{ column_quantity }}</td>
|
|
<td class="text-right">{{ column_price }}</td>
|
|
<td class="text-right">{{ column_total }}</td>
|
|
<td>{{ column_action }}</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="cart">
|
|
{% if order_products or order_vouchers %}
|
|
{% set product_row = 0 %}
|
|
{% for order_product in order_products %}
|
|
<tr>
|
|
<td class="text-left">{{ order_product.name }}<br />
|
|
<input type="hidden" name="product[{{ product_row }}][product_id]" value="{{ order_product.product_id }}" />
|
|
{% for option in order_product.option %}
|
|
- <small>{{ option.name }}: {{ option.value }}</small><br />
|
|
{% if option.type == 'select' or option.type == 'radio' or option.type == 'image' %}
|
|
<input type="hidden" name="product[{{ product_row }}][option][{{ option.product_option_id }}]" value="{{ option.product_option_value_id }}" />
|
|
{% endif %}
|
|
{% if option.type == 'checkbox' %}
|
|
<input type="hidden" name="product[{{ product_row }}][option][{{ option.product_option_id }}][]" value="{{ option.product_option_value_id }}" />
|
|
{% endif %}
|
|
{% if option.type == 'text' or option.type == 'textarea' or option.type == 'file' or option.type == 'date' or option.type == 'datetime' or option.type == 'time' %}
|
|
<input type="hidden" name="product[{{ product_row }}][option][{{ option.product_option_id }}]" value="{{ option.value }}" />
|
|
{% endif %}
|
|
{% endfor %}</td>
|
|
<td class="text-left">{{ order_product.model }}</td>
|
|
<td class="text-right">{{ order_product.quantity }}
|
|
<input type="hidden" name="product[{{ product_row }}][quantity]" value="{{ order_product.quantity }}" /></td>
|
|
<td class="text-right"></td>
|
|
<td class="text-right"></td>
|
|
<td class="text-center"></td>
|
|
</tr>
|
|
{% set product_row = product_row + 1 %}
|
|
{% endfor %}
|
|
{% set voucher_row = 0 %}
|
|
{% for order_voucher in order_vouchers %}
|
|
<tr>
|
|
<td class="text-left">{{ order_voucher.description }}
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][voucher_id]" value="{{ order_voucher.voucher_id }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][description]" value="{{ order_voucher.description }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][code]" value="{{ order_voucher.code }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][from_name]" value="{{ order_voucher.from_name }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][from_email]" value="{{ order_voucher.from_email }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][to_name]" value="{{ order_voucher.to_name }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][to_email]" value="{{ order_voucher.to_email }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][voucher_theme_id]" value="{{ order_voucher.voucher_theme_id }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][message]" value="{{ order_voucher.message }}" />
|
|
<input type="hidden" name="voucher[{{ voucher_row }}][amount]" value="{{ order_voucher.amount }}" /></td>
|
|
<td class="text-left"></td>
|
|
<td class="text-right">1</td>
|
|
<td class="text-right"></td>
|
|
<td class="text-right"></td>
|
|
<td class="text-center"></td>
|
|
</tr>
|
|
{% set voucher_row = voucher_row + 1 %}
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td class="text-center" colspan="6">{{ text_no_results }}</td>
|
|
</tr>
|
|
</tbody>
|
|
{% endif %}
|
|
</table>
|
|
</div>
|
|
<ul class="nav nav-tabs nav-justified">
|
|
<li class="active"><a href="#tab-product" data-toggle="tab">{{ tab_product }}</a></li>
|
|
<li><a href="#tab-voucher" data-toggle="tab">{{ tab_voucher }}</a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="tab-product">
|
|
<fieldset>
|
|
<legend>{{ text_product }}</legend>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-product">{{ entry_product }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="product" value="" id="input-product" class="form-control" />
|
|
<input type="hidden" name="product_id" value="" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-quantity">{{ entry_quantity }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="quantity" value="1" id="input-quantity" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div id="option"></div>
|
|
</fieldset>
|
|
<div class="text-right">
|
|
<button type="button" id="button-product-add" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i> {{ button_product_add }}</button>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tab-voucher">
|
|
<fieldset>
|
|
<legend>{{ text_voucher }}</legend>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-to-name">{{ entry_to_name }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="to_name" value="" id="input-to-name" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-to-email">{{ entry_to_email }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="to_email" value="" id="input-to-email" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-from-name">{{ entry_from_name }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="from_name" value="" id="input-from-name" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-from-email">{{ entry_from_email }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="from_email" value="" id="input-from-email" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-theme">{{ entry_theme }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="voucher_theme_id" id="input-theme" class="form-control">
|
|
{% for voucher_theme in voucher_themes %}
|
|
<option value="{{ voucher_theme.voucher_theme_id }}">{{ voucher_theme.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-message">{{ entry_message }}</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="message" rows="5" id="input-message" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-amount">{{ entry_amount }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="amount" value="{{ voucher_min }}" id="input-amount" class="form-control" />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div class="text-right">
|
|
<button type="button" id="button-voucher-add" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i> {{ button_voucher_add }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-sm-6 text-left">
|
|
<button type="button" onclick="$('a[href=\'#tab-customer\']').tab('show');" class="btn btn-default"><i class="fa fa-arrow-left"></i> {{ button_back }}</button>
|
|
</div>
|
|
<div class="col-sm-6 text-right">
|
|
<button type="button" id="button-cart" class="btn btn-primary"><i class="fa fa-arrow-right"></i> {{ button_continue }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tab-payment">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-payment-address">{{ entry_address }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="payment_address" id="input-payment-address" class="form-control">
|
|
<option value="0" selected="selected">{{ text_none }}</option>
|
|
{% for address in addresses %}
|
|
<option value="{{ address.address_id }}">{{ address.firstname }} {{ address.lastname }}, {{ address.address_1 }}, {{ address.city }}, {{ address.country }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-firstname">{{ entry_firstname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="firstname" value="{{ payment_firstname }}" id="input-payment-firstname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-lastname">{{ entry_lastname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="lastname" value="{{ payment_lastname }}" id="input-payment-lastname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-payment-company">{{ entry_company }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="company" value="{{ payment_company }}" id="input-payment-company" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-address-1">{{ entry_address_1 }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="address_1" value="{{ payment_address_1 }}" id="input-payment-address-1" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-payment-address-2">{{ entry_address_2 }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="address_2" value="{{ payment_address_2 }}" id="input-payment-address-2" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-city">{{ entry_city }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="city" value="{{ payment_city }}" id="input-payment-city" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-postcode">{{ entry_postcode }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="postcode" value="{{ payment_postcode }}" id="input-payment-postcode" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-country">{{ entry_country }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="country_id" id="input-payment-country" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% for country in countries %}
|
|
{% if country.country_id == payment_country_id %}
|
|
<option value="{{ country.country_id }}" selected="selected">{{ country.name }}</option>
|
|
{% else %}
|
|
<option value="{{ country.country_id }}">{{ country.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-zone">{{ entry_zone }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="zone_id" id="input-payment-zone" class="form-control">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% for custom_field in custom_fields %}
|
|
{% if custom_field.location == 'address' %}
|
|
{% if custom_field.type == 'select' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="custom_field[{{ custom_field.custom_field_id }}]" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
{% if payment_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == payment_custom_field[custom_field.custom_field_id] %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}" selected="selected">{{ custom_field_value.name }}</option>
|
|
{% else %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}">{{ custom_field_value.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'radio' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-payment-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="radio">
|
|
{% if payment_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == payment_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'checkbox' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-payment-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="checkbox">
|
|
{% if payment_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id in payment_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'text' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'textarea' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="custom_field[{{ custom_field.custom_field_id }}]" rows="5" placeholder="{{ custom_field.name }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control">{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] : custom_field.value }}</textarea>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'file' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<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>
|
|
<input type="hidden" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] }}" id="input-payment-custom-field{{ custom_field.custom_field_id }}" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'date' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group date">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'time' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group time">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="HH:mm" id="input-payment-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'datetime' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-payment-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group datetime">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ payment_custom_field[custom_field.custom_field_id] ? payment_custom_field[custom_field.custom_field_id] : custom_field.value }}" 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" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
<div class="row">
|
|
<div class="col-sm-6 text-left">
|
|
<button type="button" onclick="$('a[href=\'#tab-cart\']').tab('show');" class="btn btn-default"><i class="fa fa-arrow-left"></i> {{ button_back }}</button>
|
|
</div>
|
|
<div class="col-sm-6 text-right">
|
|
<button type="button" id="button-payment-address" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-arrow-right"></i> {{ button_continue }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tab-shipping">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-shipping-address">{{ entry_address }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="shipping_address" id="input-shipping-address" class="form-control">
|
|
<option value="0" selected="selected">{{ text_none }}</option>
|
|
{% for address in addresses %}
|
|
<option value="{{ address.address_id }}">{{ address.firstname }} {{ address.lastname }}, {{ address.address_1 }}, {{ address.city }}, {{ address.country }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-firstname">{{ entry_firstname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="firstname" value="{{ shipping_firstname }}" id="input-shipping-firstname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-lastname">{{ entry_lastname }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="lastname" value="{{ shipping_lastname }}" id="input-shipping-lastname" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-shipping-company">{{ entry_company }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="company" value="{{ shipping_company }}" id="input-shipping-company" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-address-1">{{ entry_address_1 }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="address_1" value="{{ shipping_address_1 }}" id="input-shipping-address-1" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-shipping-address-2">{{ entry_address_2 }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="address_2" value="{{ shipping_address_2 }}" id="input-shipping-address-2" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-city">{{ entry_city }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="city" value="{{ shipping_city }}" id="input-shipping-city" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-postcode">{{ entry_postcode }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="postcode" value="{{ shipping_postcode }}" id="input-shipping-postcode" class="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-country">{{ entry_country }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="country_id" id="input-shipping-country" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% for country in countries %}
|
|
{% if country.country_id == shipping_country_id %}
|
|
<option value="{{ country.country_id }}" selected="selected">{{ country.name }}</option>
|
|
{% else %}
|
|
<option value="{{ country.country_id }}">{{ country.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-zone">{{ entry_zone }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="zone_id" id="input-shipping-zone" class="form-control">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% for custom_field in custom_fields %}
|
|
{% if custom_field.location == 'address' %}
|
|
{% if custom_field.type == 'select' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="custom_field[{{ custom_field.custom_field_id }}]" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
{% if shipping_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == shipping_custom_field[custom_field.custom_field_id] %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}" selected="selected">{{ custom_field_value.name }}</option>
|
|
{% else %}
|
|
<option value="{{ custom_field_value.custom_field_value_id }}">{{ custom_field_value.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'radio' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-shipping-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="radio">
|
|
{% if shipping_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id == shipping_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="radio" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'checkbox' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div id="input-shipping-custom-field{{ custom_field.custom_field_id }}">
|
|
{% for custom_field_value in custom_field.custom_field_value %}
|
|
<div class="checkbox">
|
|
{% if shipping_custom_field[custom_field.custom_field_id] and custom_field_value.custom_field_value_id in shipping_custom_field[custom_field.custom_field_id] %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" checked="checked" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% else %}
|
|
<label>
|
|
<input type="checkbox" name="custom_field[{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" />
|
|
{{ custom_field_value.name }}</label>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'text' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'textarea' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="custom_field[{{ custom_field.custom_field_id }}]" rows="5" placeholder="{{ custom_field.name }}" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control">{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] : custom_field.value }}</textarea>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'file' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<button type="button" id="button-shipping-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>
|
|
<input type="hidden" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] }}" id="input-custom-field{{ custom_field.custom_field_id }}" />
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'date' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group date">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'time' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group time">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="HH:mm" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if custom_field.type == 'datetime' %}
|
|
<div class="form-group custom-field custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order + 3 }}">
|
|
<label class="col-sm-2 control-label" for="input-shipping-custom-field{{ custom_field.custom_field_id }}">{{ custom_field.name }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group datetime">
|
|
<input type="text" name="custom_field[{{ custom_field.custom_field_id }}]" value="{{ shipping_custom_field[custom_field.custom_field_id] ? shipping_custom_field[custom_field.custom_field_id] : custom_field.value }}" placeholder="{{ custom_field.name }}" data-date-format="YYYY-MM-DD HH:mm" id="input-shipping-custom-field{{ custom_field.custom_field_id }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
<div class="row">
|
|
<div class="col-sm-6 text-left">
|
|
<button type="button" onclick="$('a[href=\'#tab-payment\']').tab('show');" class="btn btn-default"><i class="fa fa-arrow-left"></i> {{ button_back }}</button>
|
|
</div>
|
|
<div class="col-sm-6 text-right">
|
|
<button type="button" id="button-shipping-address" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-arrow-right"></i> {{ button_continue }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tab-total">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<td class="text-left">{{ column_product }}</td>
|
|
<td class="text-left">{{ column_model }}</td>
|
|
<td class="text-right">{{ column_quantity }}</td>
|
|
<td class="text-right">{{ column_price }}</td>
|
|
<td class="text-right">{{ column_total }}</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="total">
|
|
<tr>
|
|
<td class="text-center" colspan="5">{{ text_no_results }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<fieldset>
|
|
<legend>{{ text_order_detail }}</legend>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-shipping-method">{{ entry_shipping_method }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group">
|
|
<select name="shipping_method" id="input-shipping-method" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% if shipping_code %}
|
|
<option value="{{ shipping_code }}" selected="selected">{{ shipping_method }}</option>
|
|
{% endif %}
|
|
</select>
|
|
<span class="input-group-btn">
|
|
<button type="button" id="button-shipping-method" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_apply }}</button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-payment-method">{{ entry_payment_method }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group">
|
|
<select name="payment_method" id="input-payment-method" class="form-control">
|
|
<option value="">{{ text_select }}</option>
|
|
{% if payment_code %}
|
|
<option value="{{ payment_code }}" selected="selected">{{ payment_method }}</option>
|
|
{% endif %}
|
|
</select>
|
|
<span class="input-group-btn">
|
|
<button type="button" id="button-payment-method" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_apply }}</button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-coupon">{{ entry_coupon }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group">
|
|
<input type="text" name="coupon" value="{{ coupon }}" id="input-coupon" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" id="button-coupon" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_apply }}</button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-voucher">{{ entry_voucher }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group">
|
|
<input type="text" name="voucher" value="{{ voucher }}" id="input-voucher" data-loading-text="{{ text_loading }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" id="button-voucher" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_apply }}</button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-reward">{{ entry_reward }}</label>
|
|
<div class="col-sm-10">
|
|
<div class="input-group">
|
|
<input type="text" name="reward" value="{{ reward }}" id="input-reward" data-loading-text="{{ text_loading }}" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="button" id="button-reward" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{ button_apply }}</button>
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-order-status">{{ entry_order_status }}</label>
|
|
<div class="col-sm-10">
|
|
<select name="order_status_id" id="input-order-status" class="form-control">
|
|
{% for order_status in order_statuses %}
|
|
{% if order_status.order_status_id == order_status_id %}
|
|
<option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option>
|
|
{% else %}
|
|
<option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
<input type="hidden" name="order_id" value="{{ order_id }}" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-comment">{{ entry_comment }}</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="comment" rows="5" id="input-comment" class="form-control">{{ comment }}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label" for="input-affiliate">{{ entry_affiliate }}</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" name="affiliate" value="{{ affiliate }}" id="input-affiliate" class="form-control" />
|
|
<input type="hidden" name="affiliate_id" value="{{ affiliate_id }}" />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div class="row">
|
|
<div class="col-sm-6 text-left">
|
|
<button type="button" onclick="$('select[name=\'shipping_method\']').prop('disabled') ? $('a[href=\'#tab-payment\']').tab('show') : $('a[href=\'#tab-shipping\']').tab('show');" class="btn btn-default"><i class="fa fa-arrow-left"></i> {{ button_back }}</button>
|
|
</div>
|
|
<div class="col-sm-6 text-right">
|
|
<button type="button" id="button-refresh" data-toggle="tooltip" title="{{ button_refresh }}" data-loading-text="{{ text_loading }}" class="btn btn-warning"><i class="fa fa-refresh"></i></button>
|
|
<button type="button" id="button-save" class="btn btn-primary"><i class="fa fa-check-circle"></i> {{ button_save }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript"><!--
|
|
// Disable the tabs
|
|
$('#order a[data-toggle=\'tab\']').on('click', function(e) {
|
|
return false;
|
|
});
|
|
|
|
// Currency
|
|
$('select[name=\'currency\']').on('change', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/currency&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'currency=' + $('select[name=\'currency\'] option:selected').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('select[name=\'currency\']').prop('disabled', true);
|
|
},
|
|
complete: function() {
|
|
$('select[name=\'currency\']').prop('disabled', false);
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('select[name=\'currency\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('select[name=\'currency\']').trigger('change');
|
|
|
|
// Customer
|
|
$('input[name=\'customer\']').autocomplete({
|
|
'source': function(request, response) {
|
|
$.ajax({
|
|
url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
|
|
dataType: 'json',
|
|
success: function(json) {
|
|
json.unshift({
|
|
customer_id: '0',
|
|
customer_group_id: '{{ customer_group_id }}',
|
|
name: '{{ text_none }}',
|
|
customer_group: '',
|
|
firstname: '',
|
|
lastname: '',
|
|
email: '',
|
|
telephone: '',
|
|
custom_field: [],
|
|
address: []
|
|
});
|
|
|
|
response($.map(json, function(item) {
|
|
return {
|
|
category: item['customer_group'],
|
|
label: item['name'],
|
|
value: item['customer_id'],
|
|
customer_group_id: item['customer_group_id'],
|
|
firstname: item['firstname'],
|
|
lastname: item['lastname'],
|
|
email: item['email'],
|
|
telephone: item['telephone'],
|
|
custom_field: item['custom_field'],
|
|
address: item['address']
|
|
}
|
|
}));
|
|
}
|
|
});
|
|
},
|
|
'select': function(item) {
|
|
// Reset all custom fields
|
|
$('#tab-customer input[type=\'text\'], #tab-customer textarea').not('#tab-customer input[name=\'customer\'], #tab-customer input[name=\'customer_id\']').val('');
|
|
$('#tab-customer select option').not($('#tab-customer select[name=\'store_id\'] option, #tab-customer select[name=\'currency\'] option')).removeAttr('selected');
|
|
$('#tab-customer input[type=\'checkbox\'], #tab-customer input[type=\'radio\']').removeAttr('checked');
|
|
|
|
$('#tab-customer input[name=\'customer\']').val(item['label']);
|
|
$('#tab-customer input[name=\'customer_id\']').val(item['value']);
|
|
$('#tab-customer select[name=\'customer_group_id\']').val(item['customer_group_id']);
|
|
$('#tab-customer input[name=\'firstname\']').val(item['firstname']);
|
|
$('#tab-customer input[name=\'lastname\']').val(item['lastname']);
|
|
$('#tab-customer input[name=\'email\']').val(item['email']);
|
|
$('#tab-customer input[name=\'telephone\']').val(item['telephone']);
|
|
|
|
for (i in item.custom_field) {
|
|
$('#tab-customer select[name=\'custom_field[' + i + ']\']').val(item.custom_field[i]);
|
|
$('#tab-customer textarea[name=\'custom_field[' + i + ']\']').val(item.custom_field[i]);
|
|
$('#tab-customer input[name^=\'custom_field[' + i + ']\'][type=\'text\']').val(item.custom_field[i]);
|
|
$('#tab-customer input[name^=\'custom_field[' + i + ']\'][type=\'hidden\']').val(item.custom_field[i]);
|
|
$('#tab-customer input[name^=\'custom_field[' + i + ']\'][type=\'radio\'][value=\'' + item.custom_field[i] + '\']').prop('checked', true);
|
|
|
|
if (item.custom_field[i] instanceof Array) {
|
|
for (j = 0; j < item.custom_field[i].length; j++) {
|
|
$('#tab-customer input[name^=\'custom_field[' + i + ']\'][type=\'checkbox\'][value=\'' + item.custom_field[i][j] + '\']').prop('checked', true);
|
|
}
|
|
}
|
|
}
|
|
|
|
$('select[name=\'customer_group_id\']').trigger('change');
|
|
|
|
html = '<option value="0">{{ text_none }}</option>';
|
|
|
|
for (i in item['address']) {
|
|
html += '<option value="' + item['address'][i]['address_id'] + '">' + item['address'][i]['firstname'] + ' ' + item['address'][i]['lastname'] + ', ' + item['address'][i]['address_1'] + ', ' + item['address'][i]['city'] + ', ' + item['address'][i]['country'] + '</option>';
|
|
}
|
|
|
|
$('select[name=\'payment_address\']').html(html);
|
|
$('select[name=\'shipping_address\']').html(html);
|
|
}
|
|
});
|
|
|
|
// Custom Fields
|
|
$('select[name=\'customer_group_id\']').on('change', function() {
|
|
$.ajax({
|
|
url: 'index.php?route=customer/customer/customfield&user_token={{ user_token }}&customer_group_id=' + this.value,
|
|
dataType: 'json',
|
|
success: function(json) {
|
|
$('.custom-field').hide();
|
|
$('.custom-field').removeClass('required');
|
|
|
|
for (i = 0; i < json.length; i++) {
|
|
custom_field = json[i];
|
|
|
|
$('.custom-field' + custom_field['custom_field_id']).show();
|
|
|
|
if (custom_field['required']) {
|
|
$('.custom-field' + custom_field['custom_field_id']).addClass('required');
|
|
}
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('select[name=\'customer_group_id\']').trigger('change');
|
|
|
|
$('#button-customer').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/customer&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#tab-customer input[type=\'text\'], #tab-customer input[type=\'hidden\'], #tab-customer input[type=\'radio\']:checked, #tab-customer input[type=\'checkbox\']:checked, #tab-customer select, #tab-customer textarea'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-customer').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-customer').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
for (i in json['error']) {
|
|
var element = $('#input-' + i.replace('_', '-'));
|
|
|
|
if (element.parent().hasClass('input-group')) {
|
|
$(element).parent().after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
} else {
|
|
$(element).after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
}
|
|
}
|
|
|
|
// Highlight any found errors
|
|
$('.text-danger').parentsUntil('.form-group').parent().addClass('has-error');
|
|
} else {
|
|
// Refresh products, vouchers and totals
|
|
var request_1 = $.ajax({
|
|
url: '{{ catalog }}index.php?route=api/cart/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#cart input[name^=\'product\'][type=\'text\'], #cart input[name^=\'product\'][type=\'hidden\'], #cart input[name^=\'product\'][type=\'radio\']:checked, #cart input[name^=\'product\'][type=\'checkbox\']:checked, #cart select[name^=\'product\'], #cart textarea[name^=\'product\']'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-product-add').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-product-add').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error'] && json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
|
|
var request_2 = request_1.then(function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/voucher/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#cart input[name^=\'voucher\'][type=\'text\'], #cart input[name^=\'voucher\'][type=\'hidden\'], #cart input[name^=\'voucher\'][type=\'radio\']:checked, #cart input[name^=\'voucher\'][type=\'checkbox\']:checked, #cart select[name^=\'voucher\'], #cart textarea[name^=\'voucher\']'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-voucher-add').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-voucher-add').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error'] && json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
request_2.done(function() {
|
|
$('#button-refresh').trigger('click');
|
|
|
|
$('a[href=\'#tab-cart\']').tab('show');
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#tab-product input[name=\'product\']').autocomplete({
|
|
'source': function(request, response) {
|
|
$.ajax({
|
|
url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
|
|
dataType: 'json',
|
|
success: function(json) {
|
|
response($.map(json, function(item) {
|
|
return {
|
|
label: item['name'],
|
|
value: item['product_id'],
|
|
model: item['model'],
|
|
option: item['option'],
|
|
price: item['price']
|
|
}
|
|
}));
|
|
}
|
|
});
|
|
},
|
|
'select': function(item) {
|
|
$('#tab-product input[name=\'product\']').val(item['label']);
|
|
$('#tab-product input[name=\'product_id\']').val(item['value']);
|
|
|
|
if (item['option'] != '') {
|
|
html = '<fieldset>';
|
|
html += ' <legend>{{ entry_option }}</legend>';
|
|
|
|
for (i = 0; i < item['option'].length; i++) {
|
|
option = item['option'][i];
|
|
|
|
if (option['type'] == 'select') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10">';
|
|
html += ' <select name="option[' + option['product_option_id'] + ']" id="input-option' + option['product_option_id'] + '" class="form-control">';
|
|
html += ' <option value="">{{ text_select }}</option>';
|
|
|
|
for (j = 0; j < option['product_option_value'].length; j++) {
|
|
option_value = option['product_option_value'][j];
|
|
|
|
html += '<option value="' + option_value['product_option_value_id'] + '">' + option_value['name'];
|
|
|
|
if (option_value['price']) {
|
|
html += ' (' + option_value['price_prefix'] + option_value['price'] + ')';
|
|
}
|
|
|
|
html += '</option>';
|
|
}
|
|
|
|
html += ' </select>';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'radio') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10">';
|
|
html += ' <select name="option[' + option['product_option_id'] + ']" id="input-option' + option['product_option_id'] + '" class="form-control">';
|
|
html += ' <option value="">{{ text_select }}</option>';
|
|
|
|
for (j = 0; j < option['product_option_value'].length; j++) {
|
|
option_value = option['product_option_value'][j];
|
|
|
|
html += '<option value="' + option_value['product_option_value_id'] + '">' + option_value['name'];
|
|
|
|
if (option_value['price']) {
|
|
html += ' (' + option_value['price_prefix'] + option_value['price'] + ')';
|
|
}
|
|
|
|
html += '</option>';
|
|
}
|
|
|
|
html += ' </select>';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'checkbox') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10">';
|
|
html += ' <div id="input-option' + option['product_option_id'] + '">';
|
|
|
|
for (j = 0; j < option['product_option_value'].length; j++) {
|
|
option_value = option['product_option_value'][j];
|
|
|
|
html += '<div class="checkbox">';
|
|
|
|
html += ' <label><input type="checkbox" name="option[' + option['product_option_id'] + '][]" value="' + option_value['product_option_value_id'] + '" /> ' + option_value['name'];
|
|
|
|
if (option_value['price']) {
|
|
html += ' (' + option_value['price_prefix'] + option_value['price'] + ')';
|
|
}
|
|
|
|
html += ' </label>';
|
|
html += '</div>';
|
|
}
|
|
|
|
html += ' </div>';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'image') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10">';
|
|
html += ' <select name="option[' + option['product_option_id'] + ']" id="input-option' + option['product_option_id'] + '" class="form-control">';
|
|
html += ' <option value="">{{ text_select }}</option>';
|
|
|
|
for (j = 0; j < option['product_option_value'].length; j++) {
|
|
option_value = option['product_option_value'][j];
|
|
|
|
html += '<option value="' + option_value['product_option_value_id'] + '">' + option_value['name'];
|
|
|
|
if (option_value['price']) {
|
|
html += ' (' + option_value['price_prefix'] + option_value['price'] + ')';
|
|
}
|
|
|
|
html += '</option>';
|
|
}
|
|
|
|
html += ' </select>';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'text') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10"><input type="text" name="option[' + option['product_option_id'] + ']" value="' + option['value'] + '" id="input-option' + option['product_option_id'] + '" class="form-control" /></div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'textarea') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10"><textarea name="option[' + option['product_option_id'] + ']" rows="5" id="input-option' + option['product_option_id'] + '" class="form-control">' + option['value'] + '</textarea></div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'file') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-10">';
|
|
html += ' <button type="button" id="button-upload' + option['product_option_id'] + '" data-loading-text="{{ text_loading }}" class="btn btn-default"><i class="fa fa-upload"></i> {{ button_upload }}</button>';
|
|
html += ' <input type="hidden" name="option[' + option['product_option_id'] + ']" value="' + option['value'] + '" id="input-option' + option['product_option_id'] + '" />';
|
|
html += ' </div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'date') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-3"><div class="input-group date"><input type="text" name="option[' + option['product_option_id'] + ']" value="' + option['value'] + '" placeholder="' + option['name'] + '" data-date-format="YYYY-MM-DD" id="input-option' + option['product_option_id'] + '" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'datetime') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-3"><div class="input-group datetime"><input type="text" name="option[' + option['product_option_id'] + ']" value="' + option['value'] + '" placeholder="' + option['name'] + '" data-date-format="YYYY-MM-DD HH:mm" id="input-option' + option['product_option_id'] + '" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></div>';
|
|
html += '</div>';
|
|
}
|
|
|
|
if (option['type'] == 'time') {
|
|
html += '<div class="form-group' + (option['required'] ? ' required' : '') + '">';
|
|
html += ' <label class="col-sm-2 control-label" for="input-option' + option['product_option_id'] + '">' + option['name'] + '</label>';
|
|
html += ' <div class="col-sm-3"><div class="input-group time"><input type="text" name="option[' + option['product_option_id'] + ']" value="' + option['value'] + '" placeholder="' + option['name'] + '" data-date-format="HH:mm" id="input-option' + option['product_option_id'] + '" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></div>';
|
|
html += '</div>';
|
|
}
|
|
}
|
|
|
|
html += '</fieldset>';
|
|
|
|
$('#option').html(html);
|
|
|
|
$('.date').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickTime: false
|
|
});
|
|
|
|
$('.datetime').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickDate: true,
|
|
pickTime: true
|
|
});
|
|
|
|
$('.time').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickDate: false
|
|
});
|
|
} else {
|
|
$('#option').html('');
|
|
}
|
|
}
|
|
});
|
|
|
|
$('#button-product-add').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/cart/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#tab-product input[name=\'product_id\'], #tab-product input[name=\'quantity\'], #tab-product input[name^=\'option\'][type=\'text\'], #tab-product input[name^=\'option\'][type=\'hidden\'], #tab-product input[name^=\'option\'][type=\'radio\']:checked, #tab-product input[name^=\'option\'][type=\'checkbox\']:checked, #tab-product select[name^=\'option\'], #tab-product textarea[name^=\'option\']'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-product-add').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-product-add').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
if (json['error']['option']) {
|
|
for (i in json['error']['option']) {
|
|
var element = $('#input-option' + i.replace('_', '-'));
|
|
|
|
if (element.parent().hasClass('input-group')) {
|
|
$(element).parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
|
|
} else {
|
|
$(element).after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
|
|
}
|
|
}
|
|
}
|
|
|
|
if (json['error']['store']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['store'] + '</div>');
|
|
}
|
|
|
|
// Highlight any found errors
|
|
$('.text-danger').parentsUntil('.form-group').parent().addClass('has-error');
|
|
} else {
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Voucher
|
|
$('#button-voucher-add').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/voucher/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#tab-voucher input[type=\'text\'], #tab-voucher input[type=\'hidden\'], #tab-voucher input[type=\'radio\']:checked, #tab-voucher input[type=\'checkbox\']:checked, #tab-voucher select, #tab-voucher textarea'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-voucher-add').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-voucher-add').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
for (i in json['error']) {
|
|
var element = $('#input-' + i.replace('_', '-'));
|
|
|
|
if (element.parent().hasClass('input-group')) {
|
|
$(element).parent().after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
} else {
|
|
$(element).after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
}
|
|
}
|
|
|
|
// Highlight any found errors
|
|
$('.text-danger').parentsUntil('.form-group').parent().addClass('has-error');
|
|
} else {
|
|
$('input[name=\'from_name\']').val('');
|
|
$('input[name=\'from_email\']').val('');
|
|
$('input[name=\'to_name\']').val('');
|
|
$('input[name=\'to_email\']').val('');
|
|
$('textarea[name=\'message\']').val('');
|
|
$('input[name=\'amount\']').val('{{ voucher_min|escape('js') }}');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#cart').delegate('.btn-danger', 'click', function() {
|
|
var node = this;
|
|
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/cart/remove&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'key=' + encodeURIComponent(this.value),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$(node).button('loading');
|
|
},
|
|
complete: function() {
|
|
$(node).button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
|
|
// Check for errors
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
} else {
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#cart').delegate('.btn-primary', 'click', function() {
|
|
var node = this;
|
|
|
|
// Refresh products, vouchers and totals
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/cart/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#cart input[name^=\'product\'][type=\'text\'], #cart input[name^=\'product\'][type=\'hidden\'], #cart input[name^=\'product\'][type=\'radio\']:checked, #cart input[name^=\'product\'][type=\'checkbox\']:checked, #cart select[name^=\'product\'], #cart textarea[name^=\'product\']'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$(node).button('loading');
|
|
},
|
|
complete: function() {
|
|
$(node).button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error'] && json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
}).done(function() {
|
|
$('#button-refresh').trigger('click');
|
|
});
|
|
});
|
|
|
|
$('#button-cart').on('click', function() {
|
|
$('a[href=\'#tab-payment\']').tab('show');
|
|
});
|
|
|
|
// Payment Address
|
|
$('select[name=\'payment_address\']').on('change', function() {
|
|
$.ajax({
|
|
url: 'index.php?route=customer/customer/address&user_token={{ user_token }}&address_id=' + this.value,
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('select[name=\'payment_address\']').prop('disabled', true);
|
|
},
|
|
complete: function() {
|
|
$('select[name=\'payment_address\']').prop('disabled', false);
|
|
},
|
|
success: function(json) {
|
|
// Reset all fields
|
|
$('#tab-payment input[type=\'text\'], #tab-payment input[type=\'text\'], #tab-payment textarea').val('');
|
|
$('#tab-payment select option').not('#tab-payment select[name=\'payment_address\']').removeAttr('selected');
|
|
$('#tab-payment input[type=\'checkbox\'], #tab-payment input[type=\'radio\']').removeAttr('checked');
|
|
|
|
$('#tab-payment input[name=\'firstname\']').val(json['firstname']);
|
|
$('#tab-payment input[name=\'lastname\']').val(json['lastname']);
|
|
$('#tab-payment input[name=\'company\']').val(json['company']);
|
|
$('#tab-payment input[name=\'address_1\']').val(json['address_1']);
|
|
$('#tab-payment input[name=\'address_2\']').val(json['address_2']);
|
|
$('#tab-payment input[name=\'city\']').val(json['city']);
|
|
$('#tab-payment input[name=\'postcode\']').val(json['postcode']);
|
|
$('#tab-payment select[name=\'country_id\']').val(json['country_id']);
|
|
|
|
payment_zone_id = json['zone_id'];
|
|
|
|
for (i in json['custom_field']) {
|
|
$('#tab-payment select[name=\'custom_field[' + i + ']\']').val(json['custom_field'][i]);
|
|
$('#tab-payment textarea[name=\'custom_field[' + i + ']\']').val(json['custom_field'][i]);
|
|
$('#tab-payment input[name^=\'custom_field[' + i + ']\'][type=\'text\']').val(json['custom_field'][i]);
|
|
$('#tab-payment input[name^=\'custom_field[' + i + ']\'][type=\'hidden\']').val(json['custom_field'][i]);
|
|
$('#tab-payment input[name^=\'custom_field[' + i + ']\'][type=\'radio\'][value=\'' + json['custom_field'][i] + '\']').prop('checked', true);
|
|
$('#tab-payment input[name^=\'custom_field[' + i + ']\'][type=\'checkbox\'][value=\'' + json['custom_field'][i] + '\']').prop('checked', true);
|
|
|
|
if (json['custom_field'][i] instanceof Array) {
|
|
for (j = 0; j < json['custom_field'][i].length; j++) {
|
|
$('#tab-payment input[name^=\'custom_field[' + i + ']\'][type=\'checkbox\'][value=\'' + json['custom_field'][i][j] + '\']').prop('checked', true);
|
|
}
|
|
}
|
|
}
|
|
|
|
$('#tab-payment select[name=\'country_id\']').trigger('change');
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
var payment_zone_id = '{{ payment_zone_id }}';
|
|
|
|
$('#tab-payment select[name=\'country_id\']').on('change', function() {
|
|
$.ajax({
|
|
url: 'index.php?route=localisation/country/country&user_token={{ user_token }}&country_id=' + this.value,
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('#tab-payment select[name=\'country_id\']').after(' <i class="fa fa-circle-o-notch fa-spin"></i>');
|
|
},
|
|
complete: function() {
|
|
$('#tab-payment .fa-spin').remove();
|
|
},
|
|
success: function(json) {
|
|
if (json['postcode_required'] == '1') {
|
|
$('#tab-payment input[name=\'postcode\']').closest('.form-group').addClass('required');
|
|
} else {
|
|
$('#tab-payment input[name=\'postcode\']').closest('.form-group').removeClass('required');
|
|
}
|
|
|
|
html = '<option value="">{{ text_select }}</option>';
|
|
|
|
if (json['zone'] && json['zone'] != '') {
|
|
for (i = 0; i < json['zone'].length; i++) {
|
|
html += '<option value="' + json['zone'][i]['zone_id'] + '"';
|
|
|
|
if (json['zone'][i]['zone_id'] == payment_zone_id) {
|
|
html += ' selected="selected"';
|
|
}
|
|
|
|
html += '>' + json['zone'][i]['name'] + '</option>';
|
|
}
|
|
} else {
|
|
html += '<option value="0" selected="selected">{{ text_none }}</option>';
|
|
}
|
|
|
|
$('#tab-payment select[name=\'zone_id\']').html(html);
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#tab-payment select[name=\'country_id\']').trigger('change');
|
|
|
|
$('#button-payment-address').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/payment/address&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#tab-payment input[type=\'text\'], #tab-payment input[type=\'hidden\'], #tab-payment input[type=\'radio\']:checked, #tab-payment input[type=\'checkbox\']:checked, #tab-payment select, #tab-payment textarea'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-payment-address').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-payment-address').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
// Check for errors
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
for (i in json['error']) {
|
|
var element = $('#input-payment-' + i.replace('_', '-'));
|
|
|
|
if ($(element).parent().hasClass('input-group')) {
|
|
$(element).parent().after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
} else {
|
|
$(element).after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
}
|
|
}
|
|
|
|
// Highlight any found errors
|
|
$('.text-danger').parentsUntil('.form-group').parent().addClass('has-error');
|
|
} else {
|
|
// Payment Methods
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/payment/methods&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-payment-address').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-payment-address').button('reset');
|
|
},
|
|
success: function(json) {
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
} else {
|
|
html = '<option value="">{{ text_select }}</option>';
|
|
|
|
if (json['payment_methods']) {
|
|
for (i in json['payment_methods']) {
|
|
if (json['payment_methods'][i]['code'] == $('select[name=\'payment_method\'] option:selected').val()) {
|
|
html += '<option value="' + json['payment_methods'][i]['code'] + '" selected="selected">' + json['payment_methods'][i]['title'] + '</option>';
|
|
} else {
|
|
html += '<option value="' + json['payment_methods'][i]['code'] + '">' + json['payment_methods'][i]['title'] + '</option>';
|
|
}
|
|
}
|
|
}
|
|
|
|
$('select[name=\'payment_method\']').html(html);
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
}).done(function() {
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
|
|
// If shipping required got to shipping tab else total tabs
|
|
if ($('select[name=\'shipping_method\']').prop('disabled')) {
|
|
$('a[href=\'#tab-total\']').tab('show');
|
|
} else {
|
|
$('a[href=\'#tab-shipping\']').tab('show');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Shipping Address
|
|
$('select[name=\'shipping_address\']').on('change', function() {
|
|
$.ajax({
|
|
url: 'index.php?route=customer/customer/address&user_token={{ user_token }}&address_id=' + this.value,
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('select[name=\'shipping_address\']').prop('disabled', true);
|
|
},
|
|
complete: function() {
|
|
$('select[name=\'shipping_address\']').prop('disabled', false);
|
|
},
|
|
success: function(json) {
|
|
// Reset all fields
|
|
$('#tab-shipping input[type=\'text\'], #tab-shipping input[type=\'text\'], #tab-shipping textarea').val('');
|
|
$('#tab-shipping select option').not('#tab-shipping select[name=\'shipping_address\']').removeAttr('selected');
|
|
$('#tab-shipping input[type=\'checkbox\'], #tab-shipping input[type=\'radio\']').removeAttr('checked');
|
|
|
|
$('#tab-shipping input[name=\'firstname\']').val(json['firstname']);
|
|
$('#tab-shipping input[name=\'lastname\']').val(json['lastname']);
|
|
$('#tab-shipping input[name=\'company\']').val(json['company']);
|
|
$('#tab-shipping input[name=\'address_1\']').val(json['address_1']);
|
|
$('#tab-shipping input[name=\'address_2\']').val(json['address_2']);
|
|
$('#tab-shipping input[name=\'city\']').val(json['city']);
|
|
$('#tab-shipping input[name=\'postcode\']').val(json['postcode']);
|
|
$('#tab-shipping select[name=\'country_id\']').val(json['country_id']);
|
|
|
|
shipping_zone_id = json['zone_id'];
|
|
|
|
for (i in json['custom_field']) {
|
|
$('#tab-shipping select[name=\'custom_field[' + i + ']\']').val(json['custom_field'][i]);
|
|
$('#tab-shipping textarea[name=\'custom_field[' + i + ']\']').val(json['custom_field'][i]);
|
|
$('#tab-shipping input[name^=\'custom_field[' + i + ']\'][type=\'text\']').val(json['custom_field'][i]);
|
|
$('#tab-shipping input[name^=\'custom_field[' + i + ']\'][type=\'hidden\']').val(json['custom_field'][i]);
|
|
$('#tab-shipping input[name^=\'custom_field[' + i + ']\'][type=\'radio\'][value=\'' + json['custom_field'][i] + '\']').prop('checked', true);
|
|
$('#tab-shipping input[name^=\'custom_field[' + i + ']\'][type=\'checkbox\'][value=\'' + json['custom_field'][i] + '\']').prop('checked', true);
|
|
|
|
if (json['custom_field'][i] instanceof Array) {
|
|
for (j = 0; j < json['custom_field'][i].length; j++) {
|
|
$('#tab-shipping input[name^=\'custom_field[' + i + ']\'][type=\'checkbox\'][value=\'' + json['custom_field'][i][j] + '\']').prop('checked', true);
|
|
}
|
|
}
|
|
}
|
|
|
|
$('#tab-shipping select[name=\'country_id\']').trigger('change');
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
var shipping_zone_id = '{{ shipping_zone_id }}';
|
|
|
|
$('#tab-shipping select[name=\'country_id\']').on('change', function() {
|
|
$.ajax({
|
|
url: 'index.php?route=localisation/country/country&user_token={{ user_token }}&country_id=' + this.value,
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('#tab-shipping select[name=\'country_id\']').prop('disabled', true);
|
|
},
|
|
complete: function() {
|
|
$('#tab-shipping select[name=\'country_id\']').prop('disabled', false);
|
|
},
|
|
success: function(json) {
|
|
if (json['postcode_required'] == '1') {
|
|
$('#tab-shipping input[name=\'postcode\']').closest('.form-group').addClass('required');
|
|
} else {
|
|
$('#tab-shipping input[name=\'postcode\']').closest('.form-group').removeClass('required');
|
|
}
|
|
|
|
html = '<option value="">{{ text_select }}</option>';
|
|
|
|
if (json['zone'] && json['zone'] != '') {
|
|
for (i = 0; i < json['zone'].length; i++) {
|
|
html += '<option value="' + json['zone'][i]['zone_id'] + '"';
|
|
|
|
if (json['zone'][i]['zone_id'] == shipping_zone_id) {
|
|
html += ' selected="selected"';
|
|
}
|
|
|
|
html += '>' + json['zone'][i]['name'] + '</option>';
|
|
}
|
|
} else {
|
|
html += '<option value="0" selected="selected">{{ text_none }}</option>';
|
|
}
|
|
|
|
$('#tab-shipping select[name=\'zone_id\']').html(html);
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#tab-shipping select[name=\'country_id\']').trigger('change');
|
|
|
|
$('#button-shipping-address').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/shipping/address&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: $('#tab-shipping input[type=\'text\'], #tab-shipping input[type=\'hidden\'], #tab-shipping input[type=\'radio\']:checked, #tab-shipping input[type=\'checkbox\']:checked, #tab-shipping select, #tab-shipping textarea'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-shipping-address').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-shipping-address').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
// Check for errors
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
for (i in json['error']) {
|
|
var element = $('#input-shipping-' + i.replace('_', '-'));
|
|
|
|
if ($(element).parent().hasClass('input-group')) {
|
|
$(element).parent().after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
} else {
|
|
$(element).after('<div class="text-danger">' + json['error'][i] + '</div>');
|
|
}
|
|
}
|
|
|
|
// Highlight any found errors
|
|
$('.text-danger').parentsUntil('.form-group').parent().addClass('has-error');
|
|
} else {
|
|
// Shipping Methods
|
|
var request = $.ajax({
|
|
url: '{{ catalog }}index.php?route=api/shipping/methods&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
dataType: 'json',
|
|
beforeSend: function() {
|
|
$('#button-shipping-address').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-shipping-address').button('reset');
|
|
},
|
|
success: function(json) {
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
} else {
|
|
// Shipping Methods
|
|
html = '<option value="">{{ text_select }}</option>';
|
|
|
|
if (json['shipping_methods']) {
|
|
for (i in json['shipping_methods']) {
|
|
html += '<optgroup label="' + json['shipping_methods'][i]['title'] + '">';
|
|
|
|
if (!json['shipping_methods'][i]['error']) {
|
|
for (j in json['shipping_methods'][i]['quote']) {
|
|
if (json['shipping_methods'][i]['quote'][j]['code'] == $('select[name=\'shipping_method\'] option:selected').val()) {
|
|
html += '<option value="' + json['shipping_methods'][i]['quote'][j]['code'] + '" selected="selected">' + json['shipping_methods'][i]['quote'][j]['title'] + ' - ' + json['shipping_methods'][i]['quote'][j]['text'] + '</option>';
|
|
} else {
|
|
html += '<option value="' + json['shipping_methods'][i]['quote'][j]['code'] + '">' + json['shipping_methods'][i]['quote'][j]['title'] + ' - ' + json['shipping_methods'][i]['quote'][j]['text'] + '</option>';
|
|
}
|
|
}
|
|
} else {
|
|
html += '<option value="" style="color: #F00;" disabled="disabled">' + json['shipping_methods'][i]['error'] + '</option>';
|
|
}
|
|
|
|
html += '</optgroup>';
|
|
}
|
|
}
|
|
|
|
$('select[name=\'shipping_method\']').html(html);
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
}).done(function() {
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
|
|
$('a[href=\'#tab-total\']').tab('show');
|
|
});
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Shipping Method
|
|
$('#button-shipping-method').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/shipping/method&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'shipping_method=' + $('select[name=\'shipping_method\'] option:selected').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-shipping-method').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-shipping-method').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('select[name=\'shipping_method\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Payment Method
|
|
$('#button-payment-method').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/payment/method&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'payment_method=' + $('select[name=\'payment_method\'] option:selected').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-payment-method').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-payment-method').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('select[name=\'payment_method\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Coupon
|
|
$('#button-coupon').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/coupon&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'coupon=' + $('input[name=\'coupon\']').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-coupon').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-coupon').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('input[name=\'coupon\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Voucher
|
|
$('#button-voucher').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/voucher&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'voucher=' + $('input[name=\'voucher\']').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-voucher').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-voucher').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('input[name=\'voucher\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Reward
|
|
$('#button-reward').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/reward&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
type: 'post',
|
|
data: 'reward=' + $('input[name=\'reward\']').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-reward').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-reward').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
$('.form-group').removeClass('has-error');
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Highlight any found errors
|
|
$('input[name=\'reward\']').closest('.form-group').addClass('has-error');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
|
|
// Refresh products, vouchers and totals
|
|
$('#button-refresh').trigger('click');
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Affiliate
|
|
$('input[name=\'affiliate\']').autocomplete({
|
|
'source': function(request, response) {
|
|
$.ajax({
|
|
url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_affiliate=1&filter_name=' + encodeURIComponent(request),
|
|
dataType: 'json',
|
|
success: function(json) {
|
|
json.unshift({
|
|
customer_id: 0,
|
|
name: '{{ text_none }}'
|
|
});
|
|
|
|
response($.map(json, function(item) {
|
|
return {
|
|
label: item['name'],
|
|
value: item['customer_id']
|
|
}
|
|
}));
|
|
}
|
|
});
|
|
},
|
|
'select': function(item) {
|
|
$('input[name=\'affiliate\']').val(item['label']);
|
|
$('input[name=\'affiliate_id\']').val(item['value']);
|
|
}
|
|
});
|
|
|
|
// Checkout
|
|
$('#button-save').on('click', function() {
|
|
if ($('input[name=\'order_id\']').val() == 0) {
|
|
var url = '{{ catalog }}index.php?route=api/order/add&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val();
|
|
} else {
|
|
var url = '{{ catalog }}index.php?route=api/order/edit&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val() + '&order_id=' + $('input[name=\'order_id\']').val();
|
|
}
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: 'post',
|
|
data: $('select[name=\'payment_method\'] option:selected, select[name=\'shipping_method\'] option:selected, #tab-total select[name=\'order_status_id\'], #tab-total select, textarea[name=\'comment\'], input[name=\'affiliate_id\']'),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-save').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-save').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible, .text-danger').remove();
|
|
|
|
if (json['error']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
if (json['success']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
if (json['order_id']) {
|
|
$('input[name=\'order_id\']').val(json['order_id']);
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#content').delegate('button[id^=\'button-upload\'], button[id^=\'button-custom-field\'], button[id^=\'button-payment-custom-field\'], button[id^=\'button-shipping-custom-field\']', 'click', function() {
|
|
var node = this;
|
|
|
|
$('#form-upload').remove();
|
|
|
|
$('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>');
|
|
|
|
$('#form-upload input[name=\'file\']').trigger('click');
|
|
|
|
if (typeof timer != 'undefined') {
|
|
clearInterval(timer);
|
|
}
|
|
|
|
timer = setInterval(function() {
|
|
if ($('#form-upload input[name=\'file\']').val() != '') {
|
|
clearInterval(timer);
|
|
|
|
$.ajax({
|
|
url: 'index.php?route=tool/upload/upload&user_token={{ user_token }}',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: new FormData($('#form-upload')[0]),
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
beforeSend: function() {
|
|
$(node).button('loading');
|
|
},
|
|
complete: function() {
|
|
$(node).button('reset');
|
|
},
|
|
success: function(json) {
|
|
$(node).parent().find('.text-danger').remove();
|
|
|
|
if (json['error']) {
|
|
$(node).parent().find('input[type=\'hidden\']').after('<div class="text-danger">' + json['error'] + '</div>');
|
|
}
|
|
|
|
if (json['success']) {
|
|
alert(json['success']);
|
|
}
|
|
|
|
if (json['code']) {
|
|
$(node).parent().find('input[type=\'hidden\']').val(json['code']);
|
|
}
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
}, 500);
|
|
});
|
|
|
|
$('.date').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickTime: false
|
|
});
|
|
|
|
$('.datetime').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickDate: true,
|
|
pickTime: true
|
|
});
|
|
|
|
$('.time').datetimepicker({
|
|
language: '{{ datepicker }}',
|
|
pickDate: false
|
|
});
|
|
//--></script>
|
|
<script type="text/javascript"><!--
|
|
// Sort the custom fields
|
|
$('#tab-customer .form-group[data-sort]').detach().each(function() {
|
|
if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#tab-customer .form-group').length) {
|
|
$('#tab-customer .form-group').eq($(this).attr('data-sort')).before(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') > $('#tab-customer .form-group').length) {
|
|
$('#tab-customer .form-group:last').after(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') < -$('#tab-customer .form-group').length) {
|
|
$('#tab-customer .form-group:first').before(this);
|
|
}
|
|
});
|
|
|
|
// Sort the custom fields
|
|
$('#tab-payment .form-group[data-sort]').detach().each(function() {
|
|
if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#tab-payment .form-group').length) {
|
|
$('#tab-payment .form-group').eq($(this).attr('data-sort')).before(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') > $('#tab-payment .form-group').length) {
|
|
$('#tab-payment .form-group:last').after(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') < -$('#tab-payment .form-group').length) {
|
|
$('#tab-payment .form-group:first').before(this);
|
|
}
|
|
});
|
|
|
|
$('#tab-shipping .form-group[data-sort]').detach().each(function() {
|
|
if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#tab-shipping .form-group').length) {
|
|
$('#tab-shipping .form-group').eq($(this).attr('data-sort')).before(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') > $('#tab-shipping .form-group').length) {
|
|
$('#tab-shipping .form-group:last').after(this);
|
|
}
|
|
|
|
if ($(this).attr('data-sort') < -$('#tab-shipping .form-group').length) {
|
|
$('#tab-shipping .form-group:first').before(this);
|
|
}
|
|
});
|
|
|
|
// Add all products to the cart using the api
|
|
$('#button-refresh').on('click', function() {
|
|
$.ajax({
|
|
url: '{{ catalog }}index.php?route=api/cart/products&api_token={{ api_token }}&store_id=' + $('select[name=\'store_id\'] option:selected').val(),
|
|
dataType: 'json',
|
|
crossDomain: true,
|
|
beforeSend: function() {
|
|
$('#button-refresh').button('loading');
|
|
},
|
|
complete: function() {
|
|
$('#button-refresh').button('reset');
|
|
},
|
|
success: function(json) {
|
|
$('.alert-dismissible').remove();
|
|
|
|
// Check for errors
|
|
if (json['error']) {
|
|
if (json['error']['warning']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
|
|
if (json['error']['stock']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['stock'] + '</div>');
|
|
}
|
|
|
|
if (json['error']['minimum']) {
|
|
for (i in json['error']['minimum']) {
|
|
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['minimum'][i] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>');
|
|
}
|
|
}
|
|
}
|
|
|
|
var shipping = false;
|
|
|
|
html = '';
|
|
|
|
if (json['products'].length) {
|
|
for (i = 0; i < json['products'].length; i++) {
|
|
product = json['products'][i];
|
|
|
|
html += '<tr>';
|
|
html += ' <td class="text-left">' + product['name'] + ' ' + (!product['stock'] ? '<span class="text-danger">***</span>' : '') + '<br />';
|
|
html += ' <input type="hidden" name="product[' + i + '][product_id]" value="' + product['product_id'] + '" />';
|
|
|
|
if (product['option']) {
|
|
for (j = 0; j < product['option'].length; j++) {
|
|
option = product['option'][j];
|
|
|
|
html += ' - <small>' + option['name'] + ': ' + option['value'] + '</small><br />';
|
|
|
|
if (option['type'] == 'select' || option['type'] == 'radio' || option['type'] == 'image') {
|
|
html += '<input type="hidden" name="product[' + i + '][option][' + option['product_option_id'] + ']" value="' + option['product_option_value_id'] + '" />';
|
|
}
|
|
|
|
if (option['type'] == 'checkbox') {
|
|
html += '<input type="hidden" name="product[' + i + '][option][' + option['product_option_id'] + '][]" value="' + option['product_option_value_id'] + '" />';
|
|
}
|
|
|
|
if (option['type'] == 'text' || option['type'] == 'textarea' || option['type'] == 'file' || option['type'] == 'date' || option['type'] == 'datetime' || option['type'] == 'time') {
|
|
html += '<input type="hidden" name="product[' + i + '][option][' + option['product_option_id'] + ']" value="' + option['value'] + '" />';
|
|
}
|
|
}
|
|
}
|
|
|
|
html += '</td>';
|
|
html += ' <td class="text-left">' + product['model'] + '</td>';
|
|
html += ' <td class="text-right"><div class="input-group btn-block" style="max-width: 200px;"><input type="text" name="product[' + i + '][quantity]" value="' + product['quantity'] + '" class="form-control" /><span class="input-group-btn"><button type="button" data-toggle="tooltip" title="{{ button_refresh }}" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fa fa-refresh"></i></button></span></div></td>';
|
|
html += ' <td class="text-right">' + product['price'] + '</td>';
|
|
html += ' <td class="text-right">' + product['total'] + '</td>';
|
|
html += ' <td class="text-center" style="width: 3px;"><button type="button" value="' + product['cart_id'] + '" data-toggle="tooltip" title="{{ button_remove }}" data-loading-text="{{ text_loading }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
|
|
html += '</tr>';
|
|
|
|
if (product['shipping'] != 0) {
|
|
shipping = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!shipping) {
|
|
$('select[name=\'shipping_method\'] option').removeAttr('selected');
|
|
$('select[name=\'shipping_method\']').prop('disabled', true);
|
|
$('#button-shipping-method').prop('disabled', true);
|
|
} else {
|
|
$('select[name=\'shipping_method\']').prop('disabled', false);
|
|
$('#button-shipping-method').prop('disabled', false);
|
|
}
|
|
|
|
if (json['vouchers'].length) {
|
|
for (i in json['vouchers']) {
|
|
voucher = json['vouchers'][i];
|
|
|
|
html += '<tr>';
|
|
html += ' <td class="text-left">' + voucher['description'];
|
|
html += ' <input type="hidden" name="voucher[' + i + '][code]" value="' + voucher['code'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][description]" value="' + voucher['description'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][from_name]" value="' + voucher['from_name'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][from_email]" value="' + voucher['from_email'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][to_name]" value="' + voucher['to_name'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][to_email]" value="' + voucher['to_email'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][voucher_theme_id]" value="' + voucher['voucher_theme_id'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][message]" value="' + voucher['message'] + '" />';
|
|
html += ' <input type="hidden" name="voucher[' + i + '][amount]" value="' + voucher['amount'] + '" />';
|
|
html += ' </td>';
|
|
html += ' <td class="text-left"></td>';
|
|
html += ' <td class="text-right">1</td>';
|
|
html += ' <td class="text-right">' + voucher['price'] + '</td>';
|
|
html += ' <td class="text-right">' + voucher['price'] + '</td>';
|
|
html += ' <td class="text-center" style="width: 3px;"><button type="button" value="' + voucher['code'] + '" data-toggle="tooltip" title="{{ button_remove }}" data-loading-text="{{ text_loading }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
|
|
html += '</tr>';
|
|
}
|
|
}
|
|
|
|
if (!json['products'].length && !json['vouchers'].length) {
|
|
html += '<tr>';
|
|
html += ' <td colspan="6" class="text-center">{{ text_no_results }}</td>';
|
|
html += '</tr>';
|
|
}
|
|
|
|
$('#cart').html(html);
|
|
|
|
// Totals
|
|
html = '';
|
|
|
|
if (json['products'].length) {
|
|
for (i = 0; i < json['products'].length; i++) {
|
|
product = json['products'][i];
|
|
|
|
html += '<tr>';
|
|
html += ' <td class="text-left">' + product['name'] + ' ' + (!product['stock'] ? '<span class="text-danger">***</span>' : '') + '<br />';
|
|
|
|
if (product['option']) {
|
|
for (j = 0; j < product['option'].length; j++) {
|
|
option = product['option'][j];
|
|
|
|
html += ' - <small>' + option['name'] + ': ' + option['value'] + '</small><br />';
|
|
}
|
|
}
|
|
|
|
html += ' </td>';
|
|
html += ' <td class="text-left">' + product['model'] + '</td>';
|
|
html += ' <td class="text-right">' + product['quantity'] + '</td>';
|
|
html += ' <td class="text-right">' + product['price'] + '</td>';
|
|
html += ' <td class="text-right">' + product['total'] + '</td>';
|
|
html += '</tr>';
|
|
}
|
|
}
|
|
|
|
if (json['vouchers'].length) {
|
|
for (i in json['vouchers']) {
|
|
voucher = json['vouchers'][i];
|
|
|
|
html += '<tr>';
|
|
html += ' <td class="text-left">' + voucher['description'] + '</td>';
|
|
html += ' <td class="text-left"></td>';
|
|
html += ' <td class="text-right">1</td>';
|
|
html += ' <td class="text-right">' + voucher['amount'] + '</td>';
|
|
html += ' <td class="text-right">' + voucher['amount'] + '</td>';
|
|
html += '</tr>';
|
|
}
|
|
}
|
|
|
|
if (json['totals'].length) {
|
|
for (i in json['totals']) {
|
|
total = json['totals'][i];
|
|
|
|
html += '<tr>';
|
|
html += ' <td class="text-right" colspan="4">' + total['title'] + ':</td>';
|
|
html += ' <td class="text-right">' + total['text'] + '</td>';
|
|
html += '</tr>';
|
|
}
|
|
}
|
|
|
|
if (!json['totals'].length && !json['products'].length && !json['vouchers'].length) {
|
|
html += '<tr>';
|
|
html += ' <td colspan="5" class="text-center">{{ text_no_results }}</td>';
|
|
html += '</tr>';
|
|
}
|
|
|
|
$('#total').html(html);
|
|
},
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
//--></script></div>
|
|
{{ footer }}
|