File: //home/retile.ru/public_html/storage/modification/admin/view/template/catalog/product_form.twig
{{ header }}{{ column_left }}
<div id="content">
<div class="page-header">
<div class="container-fluid">
<div class="pull-right">
<button type="submit" form="form-product" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></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"> {% if error_warning %}
<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
<button type="button" class="close" data-dismiss="alert">×</button>
</div>
{% endif %}
<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 action="{{ action }}" method="post" enctype="multipart/form-data" id="form-product" class="form-horizontal">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-general" data-toggle="tab">{{ tab_general }}</a></li>
<li><a href="#tab-data" data-toggle="tab">{{ tab_data }}</a></li>
<li><a href="#tab-links" data-toggle="tab">{{ tab_links }}</a></li>
<li><a href="#tab-attribute" data-toggle="tab">{{ tab_attribute }}</a></li>
<li><a href="#tab-option" data-toggle="tab">{{ tab_option }}</a></li>
<li><a href="#tab-recurring" data-toggle="tab">{{ tab_recurring }}</a></li>
<li><a href="#tab-discount" data-toggle="tab">{{ tab_discount }}</a></li>
<li><a href="#tab-special" data-toggle="tab">{{ tab_special }}</a></li>
<li><a href="#tab-image" data-toggle="tab">{{ tab_image }}</a></li>
{% if attachfile.tab_title %}<li><a href="#tab-attach-document" data-toggle="tab">{{ attachfile.tab_title }} </a></li> {% endif %}
<li><a href="#tab-reward" data-toggle="tab">{{ tab_reward }}</a></li>
<li><a href="#tab-seo" data-toggle="tab">{{ tab_seo }}</a></li>
<li><a href="#tab-design" data-toggle="tab">{{ tab_design }}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-general">
<ul class="nav nav-tabs" id="language">
{% for language in languages %}
<li><a href="#language{{ language.language_id }}" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/> {{ language.name }}</a></li>
{% endfor %}
</ul>
<div class="tab-content">{% for language in languages %}
<div class="tab-pane" id="language{{ language.language_id }}">
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-name{{ language.language_id }}">{{ entry_name }}</label>
<div class="col-sm-10">
<input type="text" name="product_description[{{ language.language_id }}][name]" value="{{ product_description[language.language_id] ? product_description[language.language_id].name }}" placeholder="{{ entry_name }}" id="input-name{{ language.language_id }}" class="form-control"/>
{% if error_name[language.language_id] %}
<div class="text-danger">{{ error_name[language.language_id] }}</div>
{% endif %} </div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-description{{ language.language_id }}">{{ entry_description }}</label>
<div class="col-sm-10">
<textarea name="product_description[{{ language.language_id }}][description]" placeholder="{{ entry_description }}" id="input-description{{ language.language_id }}" data-toggle="summernote" data-lang="{{ summernote }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].description }}</textarea>
</div>
</div>
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-meta-title{{ language.language_id }}">{{ entry_meta_title }}</label>
<div class="col-sm-10">
<input type="text" name="product_description[{{ language.language_id }}][meta_title]" value="{{ product_description[language.language_id] ? product_description[language.language_id].meta_title }}" placeholder="{{ entry_meta_title }}" id="input-meta-title{{ language.language_id }}" class="form-control"/>
{% if error_meta_title[language.language_id] %}
<div class="text-danger">{{ error_meta_title[language.language_id] }}</div>
{% endif %} </div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-short-description{{ language.language_id }}">{{ entry_short_description }}</label>
<div class="col-sm-10">
<textarea name="product_description[{{ language.language_id }}][short_description]" placeholder="{{ entry_short_description }}" id="input-short-description{{ language.language_id }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].short_description }}</textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-meta-description{{ language.language_id }}">{{ entry_meta_description }}</label>
<div class="col-sm-10">
<textarea name="product_description[{{ language.language_id }}][meta_description]" rows="5" placeholder="{{ entry_meta_description }}" id="input-meta-description{{ language.language_id }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].meta_description }}</textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-meta-keyword{{ language.language_id }}">{{ entry_meta_keyword }}</label>
<div class="col-sm-10">
<textarea name="product_description[{{ language.language_id }}][meta_keyword]" rows="5" placeholder="{{ entry_meta_keyword }}" id="input-meta-keyword{{ language.language_id }}" class="form-control">{{ product_description[language.language_id] ? product_description[language.language_id].meta_keyword }}</textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-tag{{ language.language_id }}"><span data-toggle="tooltip" title="{{ help_tag }}">{{ entry_tag }}</span></label>
<div class="col-sm-10">
<input type="text" name="product_description[{{ language.language_id }}][tag]" value="{{ product_description[language.language_id] ? product_description[language.language_id].tag }}" placeholder="{{ entry_tag }}" id="input-tag{{ language.language_id }}" class="form-control"/>
</div>
</div>
</div>
{% endfor %}</div>
</div>
<div class="tab-pane" id="tab-data">
<div class="form-group required">
<label class="col-sm-2 control-label" for="input-model">{{ entry_model }}</label>
<div class="col-sm-10">
<input type="text" name="model" value="{{ model }}" placeholder="{{ entry_model }}" id="input-model" class="form-control"/>
{% if error_model %}
<div class="text-danger">{{ error_model }}</div>
{% endif %}</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"{#} for="input-sku"{#}>{#}<span data-toggle="tooltip" title="{{ help_sku }}">{#}{{ entry_sku }}{#}</span>{#}</label>
<div class="col-sm-10">
<input type="text" name="sku" value="{{ sku }}" placeholder="{{ entry_sku }}" id="input-sku" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-ean">{#}<span data-toggle="tooltip" title="{{ help_ean }}">{{ entry_ean }}{#}Единица измерения{#}</span>{#}</label>
<div class="col-sm-10">
<input type="text" name="ean" value="{{ ean }}" placeholder="{{ entry_ean }}" id="input-ean" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-jan">{#}<span data-toggle="tooltip" title="{{ help_jan }}">{{ entry_jan }}{#}Назначение{#}</span>{#}</label>
<div class="col-sm-10">
<input type="text" name="jan" value="{{ jan }}" placeholder="{{ entry_jan }}" id="input-jan" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-isbn">{#}<span data-toggle="tooltip" title="{{ help_isbn }}">{{ entry_isbn }}{#}Документы{#}</span>{#}</label>
<div class="col-sm-10">
<input type="text" name="isbn" value="{{ isbn }}" placeholder="{{ entry_isbn }}" id="input-isbn" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-upc"><span data-toggle="tooltip" title="{{ help_upc }}">{{ entry_upc }}</span></label>
<div class="col-sm-10">
<input type="text" name="upc" value="{{ upc }}" placeholder="{{ entry_upc }}" id="input-upc" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-mpn"><span data-toggle="tooltip" title="{{ help_mpn }}">{{ entry_mpn }}</span></label>
<div class="col-sm-10">
<input type="text" name="mpn" value="{{ mpn }}" placeholder="{{ entry_mpn }}" id="input-mpn" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-location">{{ entry_location }}</label>
<div class="col-sm-10">
<input type="text" name="location" value="{{ location }}" placeholder="{{ entry_location }}" id="input-location" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-price">{{ entry_price }}</label>
<div class="col-sm-10">
<input type="text" name="price" value="{{ price }}" placeholder="{{ entry_price }}" id="input-price" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-tax-class">{{ entry_tax_class }}</label>
<div class="col-sm-10">
<select name="tax_class_id" id="input-tax-class" class="form-control">
<option value="0">{{ text_none }}</option>
{% for tax_class in tax_classes %}
{% if tax_class.tax_class_id == tax_class_id %}
<option value="{{ tax_class.tax_class_id }}" selected="selected">{{ tax_class.title }}</option>
{% else %}
<option value="{{ tax_class.tax_class_id }}">{{ tax_class.title }}</option>
{% endif %}
{% endfor %}
</select>
</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="{{ quantity }}" placeholder="{{ entry_quantity }}" id="input-quantity" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-minimum"><span data-toggle="tooltip" title="{{ help_minimum }}">{{ entry_minimum }}</span></label>
<div class="col-sm-10">
<input type="text" name="minimum" value="{{ minimum }}" placeholder="{{ entry_minimum }}" id="input-minimum" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-subtract">{{ entry_subtract }}</label>
<div class="col-sm-10">
<select name="subtract" id="input-subtract" class="form-control">
{% if subtract %}
<option value="1" selected="selected">{{ text_yes }}</option>
<option value="0">{{ text_no }}</option>
{% else %}
<option value="1">{{ text_yes }}</option>
<option value="0" selected="selected">{{ text_no }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-stock-status"><span data-toggle="tooltip" title="{{ help_stock_status }}">{{ entry_stock_status }}</span></label>
<div class="col-sm-10">
<select name="stock_status_id" id="input-stock-status" class="form-control">
{% for stock_status in stock_statuses %}
{% if stock_status.stock_status_id == stock_status_id %}
<option value="{{ stock_status.stock_status_id }}" selected="selected">{{ stock_status.name }}</option>
{% else %}
<option value="{{ stock_status.stock_status_id }}">{{ stock_status.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">{{ entry_shipping }}</label>
<div class="col-sm-10">
<label class="radio-inline"> {% if shipping %}
<input type="radio" name="shipping" value="1" checked="checked"/>
{{ text_yes }}
{% else %}
<input type="radio" name="shipping" value="1"/>
{{ text_yes }}
{% endif %} </label> <label class="radio-inline"> {% if not shipping %}
<input type="radio" name="shipping" value="0" checked="checked"/>
{{ text_no }}
{% else %}
<input type="radio" name="shipping" value="0"/>
{{ text_no }}
{% endif %} </label>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-date-available">{{ entry_date_available }}</label>
<div class="col-sm-3">
<div class="input-group date">
<input type="text" name="date_available" value="{{ date_available }}" placeholder="{{ entry_date_available }}" data-date-format="YYYY-MM-DD" id="input-date-available" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-length">{{ entry_dimension }}</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-4">
<input type="text" name="length" value="{{ length }}" placeholder="{{ entry_length }}" id="input-length" class="form-control"/>
</div>
<div class="col-sm-4">
<input type="text" name="width" value="{{ width }}" placeholder="{{ entry_width }}" id="input-width" class="form-control"/>
</div>
<div class="col-sm-4">
<input type="text" name="height" value="{{ height }}" placeholder="{{ entry_height }}" id="input-height" class="form-control"/>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-length-class">{{ entry_length_class }}</label>
<div class="col-sm-10">
<select name="length_class_id" id="input-length-class" class="form-control">
{% for length_class in length_classes %}
{% if length_class.length_class_id == length_class_id %}
<option value="{{ length_class.length_class_id }}" selected="selected">{{ length_class.title }}</option>
{% else %}
<option value="{{ length_class.length_class_id }}">{{ length_class.title }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-weight">{{ entry_weight }}</label>
<div class="col-sm-10">
<input type="text" name="weight" value="{{ weight }}" placeholder="{{ entry_weight }}" id="input-weight" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-weight-class">{{ entry_weight_class }}</label>
<div class="col-sm-10">
<select name="weight_class_id" id="input-weight-class" class="form-control">
{% for weight_class in weight_classes %}
{% if weight_class.weight_class_id == weight_class_id %}
<option value="{{ weight_class.weight_class_id }}" selected="selected">{{ weight_class.title }}</option>
{% else %}
<option value="{{ weight_class.weight_class_id }}">{{ weight_class.title }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
<div class="col-sm-10">
<select name="status" id="input-status" class="form-control">
{% if status %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-import_batch"><span data-toggle="tooltip" title="This is the import label from Universal Import module">Import label</span></label>
<div class="col-sm-10">
<input type="text" name="import_batch" value="{{ import_batch }}" placeholder="Import label" id="input-import_batch" class="form-control" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-sort-order">{{ entry_sort_order }}</label>
<div class="col-sm-10">
<input type="text" name="sort_order" value="{{ sort_order }}" placeholder="{{ entry_sort_order }}" id="input-sort-order" class="form-control"/>
</div>
</div>
</div>
<div class="tab-pane" id="tab-links">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-manufacturer"><span data-toggle="tooltip" title="{{ help_manufacturer }}">{{ entry_manufacturer }}</span></label>
<div class="col-sm-10">
<input type="text" name="manufacturer" value="{{ manufacturer }}" placeholder="{{ entry_manufacturer }}" id="input-manufacturer" class="form-control"/> <input type="hidden" name="manufacturer_id" value="{{ manufacturer_id }}"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-category"><span data-toggle="tooltip" title="{{ help_category }}">{{ entry_category }}</span></label>
<div class="col-sm-10">
<input type="text" name="category" value="" placeholder="{{ entry_category }}" id="input-category" class="form-control"/>
<div id="product-category" class="well well-sm" style="height: 150px; overflow: auto;"> {% for product_category in product_categories %}
<div id="product-category{{ product_category.category_id }}"><i class="fa fa-minus-circle"></i> {{ product_category.name }}
<input type="hidden" name="product_category[]" value="{{ product_category.category_id }}"/>
</div>
{% endfor %}</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-filter"><span data-toggle="tooltip" title="{{ help_filter }}">{{ entry_filter }}</span></label>
<div class="col-sm-10">
<input type="text" name="filter" value="" placeholder="{{ entry_filter }}" id="input-filter" class="form-control"/>
<div id="product-filter" class="well well-sm" style="height: 150px; overflow: auto;"> {% for product_filter in product_filters %}
<div id="product-filter{{ product_filter.filter_id }}"><i class="fa fa-minus-circle"></i> {{ product_filter.name }}
<input type="hidden" name="product_filter[]" value="{{ product_filter.filter_id }}"/>
</div>
{% endfor %}</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">{{ entry_store }}</label>
<div class="col-sm-10">
<div class="well well-sm" style="height: 150px; overflow: auto;"> {% for store in stores %}
<div class="checkbox">
<label> {% if store.store_id in product_store %}
<input type="checkbox" name="product_store[]" value="{{ store.store_id }}" checked="checked"/>
{{ store.name }}
{% else %}
<input type="checkbox" name="product_store[]" value="{{ store.store_id }}"/>
{{ store.name }}
{% endif %} </label>
</div>
{% endfor %}</div>
</div>
</div>
<div class="form-group hidden">
<label class="col-sm-2 control-label" for="input-download"><span data-toggle="tooltip" title="{{ help_download }}">{{ entry_download }}</span></label>
<div class="col-sm-10">
<input type="text" name="download" value="" placeholder="{{ entry_download }}" id="input-download" class="form-control"/>
<div id="product-download" class="well well-sm" style="height: 150px; overflow: auto;"> {% for product_download in product_downloads %}
<div id="product-download{{ product_download.download_id }}"><i class="fa fa-minus-circle"></i> {{ product_download.name }}
<input type="hidden" name="product_download[]" value="{{ product_download.download_id }}"/>
</div>
{% endfor %}</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-related"><span data-toggle="tooltip" title="{{ help_related }}">{{ entry_related }}</span></label>
<div class="col-sm-10">
<input type="text" name="related" value="" placeholder="{{ entry_related }}" id="input-related" class="form-control"/>
<div id="product-related" class="well well-sm" style="height: 150px; overflow: auto;"> {% for product_related in product_relateds %}
<div id="product-related{{ product_related.product_id }}"><i class="fa fa-minus-circle"></i> {{ product_related.name }}
<input type="hidden" name="product_related[]" value="{{ product_related.product_id }}"/>
</div>
{% endfor %}</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-attribute">
<div class="table-responsive">
<table id="attribute" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_attribute }}</td>
<td class="text-left">{{ entry_text }}</td>
<td></td>
</tr>
</thead>
<tbody>
{% set attribute_row = 0 %}
{% for product_attribute in product_attributes %}
<tr id="attribute-row{{ attribute_row }}">
<td class="text-left" style="width: 40%;"><input type="text" name="product_attribute[{{ attribute_row }}][name]" value="{{ product_attribute.name }}" placeholder="{{ entry_attribute }}" class="form-control"/> <input type="hidden" name="product_attribute[{{ attribute_row }}][attribute_id]" value="{{ product_attribute.attribute_id }}"/></td>
<td class="text-left">{% for language in languages %}
<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/></span> <textarea name="product_attribute[{{ attribute_row }}][product_attribute_description][{{ language.language_id }}][text]" rows="5" placeholder="{{ entry_text }}" class="form-control">{{ product_attribute.product_attribute_description[language.language_id] ? product_attribute.product_attribute_description[language.language_id].text }}</textarea>
</div>
{% endfor %}</td>
<td class="text-right"><button type="button" onclick="$('#attribute-row{{ attribute_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set attribute_row = attribute_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td class="text-right"><button type="button" onclick="addAttribute();" data-toggle="tooltip" title="{{ button_attribute_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="tab-pane" id="tab-option">
<div class="row">
<div class="col-sm-2">
<ul class="nav nav-pills nav-stacked" id="option">
{% set option_row = 0 %}
{% for product_option in product_options %}
<li><a href="#tab-option{{ option_row }}" data-toggle="tab"><i class="fa fa-minus-circle" onclick="$('a[href=\'#tab-option{{ option_row }}\']').parent().remove(); $('#tab-option{{ option_row }}').remove(); $('#option a:first').tab('show');"></i> {{ product_option.name }}</a></li>
{% set option_row = option_row + 1 %}
{% endfor %}
<li>
<input type="text" name="option" value="" placeholder="{{ entry_option }}" id="input-option" class="form-control"/>
</li>
</ul>
</div>
<div class="col-sm-10">
<div class="tab-content"> {% set option_row = 0 %}
{% set option_value_row = 0 %}
{% for product_option in product_options %}
<div class="tab-pane" id="tab-option{{ option_row }}">
<input type="hidden" name="product_option[{{ option_row }}][product_option_id]" value="{{ product_option.product_option_id }}"/> <input type="hidden" name="product_option[{{ option_row }}][name]" value="{{ product_option.name }}"/> <input type="hidden" name="product_option[{{ option_row }}][option_id]" value="{{ product_option.option_id }}"/> <input type="hidden" name="product_option[{{ option_row }}][type]" value="{{ product_option.type }}"/>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-required{{ option_row }}">{{ entry_required }}</label>
<div class="col-sm-10">
<select name="product_option[{{ option_row }}][required]" id="input-required{{ option_row }}" class="form-control">
{% if product_option.required %}
<option value="1" selected="selected">{{ text_yes }}</option>
<option value="0">{{ text_no }}</option>
{% else %}
<option value="1">{{ text_yes }}</option>
<option value="0" selected="selected">{{ text_no }}</option>
{% endif %}
</select>
</div>
</div>
{% if product_option.type == 'text' %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-10">
<input type="text" name="product_option[{{ option_row }}][value]" value="{{ product_option.value }}" placeholder="{{ entry_option_value }}" id="input-value{{ option_row }}" class="form-control"/>
</div>
</div>
{% endif %}
{% if product_option.type == 'textarea' %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-10">
<textarea name="product_option[{{ option_row }}][value]" rows="5" placeholder="{{ entry_option_value }}" id="input-value{{ option_row }}" class="form-control">{{ product_option.value }}</textarea>
</div>
</div>
{% endif %}
{% if product_option.type == 'file' %}
<div class="form-group" style="display: none;">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-10">
<input type="text" name="product_option[{{ option_row }}][value]" value="{{ product_option.value }}" placeholder="{{ entry_option_value }}" id="input-value{{ option_row }}" class="form-control"/>
</div>
</div>
{% endif %}
{% if product_option.type == 'date' %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-3">
<div class="input-group date">
<input type="text" name="product_option[{{ option_row }}][value]" value="{{ product_option.value }}" placeholder="{{ entry_option_value }}" data-date-format="YYYY-MM-DD" id="input-value{{ option_row }}" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</div>
</div>
{% endif %}
{% if product_option.type == 'time' %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-10">
<div class="input-group time">
<input type="text" name="product_option[{{ option_row }}][value]" value="{{ product_option.value }}" placeholder="{{ entry_option_value }}" data-date-format="HH:mm" id="input-value{{ option_row }}" 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 product_option.type == 'datetime' %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-value{{ option_row }}">{{ entry_option_value }}</label>
<div class="col-sm-10">
<div class="input-group datetime">
<input type="text" name="product_option[{{ option_row }}][value]" value="{{ product_option.value }}" placeholder="{{ entry_option_value }}" data-date-format="YYYY-MM-DD HH:mm" id="input-value{{ option_row }}" 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 product_option.type == 'select' or product_option.type == 'radio' or product_option.type == 'checkbox' or product_option.type == 'image' %}
<div class="table-responsive">
<table id="option-value{{ option_row }}" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_option_value }}</td>
<td class="text-right">{{ entry_quantity }}</td>
<td class="text-left">{{ entry_subtract }}</td>
<td class="text-right">{{ entry_price }}</td>
<td class="text-right">{{ entry_option_points }}</td>
<td class="text-right">{{ entry_weight }}</td>
<td></td>
</tr>
</thead>
<tbody>
{% for product_option_value in product_option.product_option_value %}
<tr id="option-value-row{{ option_value_row }}">
<td class="text-left"><select name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][option_value_id]" class="form-control">
{% if option_values[product_option.option_id] %}
{% for option_value in option_values[product_option.option_id] %}
{% if option_value.option_value_id == product_option_value.option_value_id %}
<option value="{{ option_value.option_value_id }}" selected="selected">{{ option_value.name }}</option>
{% else %}
<option value="{{ option_value.option_value_id }}">{{ option_value.name }}</option>
{% endif %}
{% endfor %}
{% endif %}
</select> <input type="hidden" name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][product_option_value_id]" value="{{ product_option_value.product_option_value_id }}"/></td>
<td class="text-right"><input type="text" name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][quantity]" value="{{ product_option_value.quantity }}" placeholder="{{ entry_quantity }}" class="form-control"/></td>
<td class="text-left"><select name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][subtract]" class="form-control">
{% if product_option_value.subtract %}
<option value="1" selected="selected">{{ text_yes }}</option>
<option value="0">{{ text_no }}</option>
{% else %}
<option value="1">{{ text_yes }}</option>
<option value="0" selected="selected">{{ text_no }}</option>
{% endif %}
</select></td>
<td class="text-right"><select name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][price_prefix]" class="form-control">
{% if product_option_value.price_prefix == '+' %}
<option value="+" selected="selected">+</option>
{% else %}
<option value="+">+</option>
{% endif %}
{% if product_option_value.price_prefix == '-' %}
<option value="-" selected="selected">-</option>
{% else %}
<option value="-">-</option>
{% endif %}
</select> <input type="text" name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][price]" value="{{ product_option_value.price }}" placeholder="{{ entry_price }}" class="form-control"/></td>
<td class="text-right"><select name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][points_prefix]" class="form-control">
{% if product_option_value.points_prefix == '+' %}
<option value="+" selected="selected">+</option>
{% else %}
<option value="+">+</option>
{% endif %}
{% if product_option_value.points_prefix == '-' %}
<option value="-" selected="selected">-</option>
{% else %}
<option value="-">-</option>
{% endif %}
</select> <input type="text" name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][points]" value="{{ product_option_value.points }}" placeholder="{{ entry_points }}" class="form-control"/></td>
<td class="text-right"><select name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][weight_prefix]" class="form-control">
{% if product_option_value.weight_prefix == '+' %}
<option value="+" selected="selected">+</option>
{% else %}
<option value="+">+</option>
{% endif %}
{% if product_option_value.weight_prefix == '-' %}
<option value="-" selected="selected">-</option>
{% else %}
<option value="-">-</option>
{% endif %}
</select> <input type="text" name="product_option[{{ option_row }}][product_option_value][{{ option_value_row }}][weight]" value="{{ product_option_value.weight }}" placeholder="{{ entry_weight }}" class="form-control"/></td>
<td class="text-right"><button type="button" onclick="$(this).tooltip('destroy');$('#option-value-row{{ option_value_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set option_value_row = option_value_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="6"></td>
<td class="text-left"><button type="button" onclick="addOptionValue('{{ option_row }}');" data-toggle="tooltip" title="{{ button_option_value_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
<select id="option-values{{ option_row }}" style="display: none;">
{% if option_values[product_option.option_id] %}
{% for option_value in option_values[product_option.option_id] %}
<option value="{{ option_value.option_value_id }}">{{ option_value.name }}</option>
{% endfor %}
{% endif %}
</select>
{% endif %} </div>
{% set option_row = option_row + 1 %}
{% endfor %} </div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-recurring">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_recurring }}</td>
<td class="text-left">{{ entry_customer_group }}</td>
<td class="text-left"></td>
</tr>
</thead>
<tbody>
{% set recurring_row = 0 %}
{% for product_recurring in product_recurrings %}
<tr id="recurring-row{{ recurring_row }}">
<td class="text-left"><select name="product_recurring[{{ recurring_row }}][recurring_id]" class="form-control">
{% for recurring in recurrings %}
{% if recurring.recurring_id == product_recurring.recurring_id %}
<option value="{{ recurring.recurring_id }}" selected="selected">{{ recurring.name }}</option>
{% else %}
<option value="{{ recurring.recurring_id }}">{{ recurring.name }}</option>
{% endif %}
{% endfor %}
</select></td>
<td class="text-left"><select name="product_recurring[{{ recurring_row }}][customer_group_id]" class="form-control">
{% for customer_group in customer_groups %}
{% if customer_group.customer_group_id == product_recurring.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></td>
<td class="text-left"><button type="button" onclick="$('#recurring-row{{ recurring_row }}').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set recurring_row = recurring_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td class="text-left"><button type="button" onclick="addRecurring()" data-toggle="tooltip" title="{{ button_recurring_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="tab-pane" id="tab-discount">
<div class="table-responsive">
<table id="discount" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_customer_group }}</td>
<td class="text-right">{{ entry_quantity }}</td>
<td class="text-right">{{ entry_priority }}</td>
<td class="text-right">{{ entry_price }}</td>
<td class="text-left">{{ entry_date_start }}</td>
<td class="text-left">{{ entry_date_end }}</td>
<td></td>
</tr>
</thead>
<tbody>
{% set discount_row = 0 %}
{% for product_discount in product_discounts %}
<tr id="discount-row{{ discount_row }}">
<td class="text-left"><select name="product_discount[{{ discount_row }}][customer_group_id]" class="form-control">
{% for customer_group in customer_groups %}
{% if customer_group.customer_group_id == product_discount.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></td>
<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][quantity]" value="{{ product_discount.quantity }}" placeholder="{{ entry_quantity }}" class="form-control"/></td>
<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][priority]" value="{{ product_discount.priority }}" placeholder="{{ entry_priority }}" class="form-control"/></td>
<td class="text-right"><input type="text" name="product_discount[{{ discount_row }}][price]" value="{{ product_discount.price }}" placeholder="{{ entry_price }}" class="form-control"/></td>
<td class="text-left" style="width: 20%;">
<div class="input-group date">
<input type="text" name="product_discount[{{ discount_row }}][date_start]" value="{{ product_discount.date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</td>
<td class="text-left" style="width: 20%;">
<div class="input-group date">
<input type="text" name="product_discount[{{ discount_row }}][date_end]" value="{{ product_discount.date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</td>
<td class="text-left"><button type="button" onclick="$('#discount-row{{ discount_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set discount_row = discount_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="6"></td>
<td class="text-left"><button type="button" onclick="addDiscount();" data-toggle="tooltip" title="{{ button_discount_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="tab-pane" id="tab-special">
<div class="table-responsive">
<table id="special" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_customer_group }}</td>
<td class="text-right">{{ entry_priority }}</td>
<td class="text-right">{{ entry_price }}</td>
<td class="text-left">{{ entry_date_start }}</td>
<td class="text-left">{{ entry_date_end }}</td>
<td></td>
</tr>
</thead>
<tbody>
{% set special_row = 0 %}
{% for product_special in product_specials %}
<tr id="special-row{{ special_row }}">
<td class="text-left"><select name="product_special[{{ special_row }}][customer_group_id]" class="form-control">
{% for customer_group in customer_groups %}
{% if customer_group.customer_group_id == product_special.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></td>
<td class="text-right"><input type="text" name="product_special[{{ special_row }}][priority]" value="{{ product_special.priority }}" placeholder="{{ entry_priority }}" class="form-control"/></td>
<td class="text-right"><input type="text" name="product_special[{{ special_row }}][price]" value="{{ product_special.price }}" placeholder="{{ entry_price }}" class="form-control"/></td>
<td class="text-left" style="width: 20%;">
<div class="input-group date">
<input type="text" name="product_special[{{ special_row }}][date_start]" value="{{ product_special.date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</td>
<td class="text-left" style="width: 20%;">
<div class="input-group date">
<input type="text" name="product_special[{{ special_row }}][date_end]" value="{{ product_special.date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control"/> <span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
</span></div>
</td>
<td class="text-left"><button type="button" onclick="$('#special-row{{ special_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set special_row = special_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="5"></td>
<td class="text-left"><button type="button" onclick="addSpecial();" data-toggle="tooltip" title="{{ button_special_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="tab-pane" id="tab-image">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_image }}</td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-left"><a href="" id="thumb-image" data-toggle="image" class="img-thumbnail"><img src="{{ thumb }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="image" value="{{ image }}" id="input-image"/></td>
</tr>
</tbody>
</table>
</div>
<div class="table-responsive">
<table id="images" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_additional_image }}</td>
<td class="text-right">{{ entry_sort_order }}</td>
<td></td>
</tr>
</thead>
<tbody>
{% set image_row = 0 %}
{% for product_image in product_images %}
<tr id="image-row{{ image_row }}">
<td class="text-left"><a href="" id="thumb-image{{ image_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ product_image.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}"/></a> <input type="hidden" name="product_image[{{ image_row }}][image]" value="{{ product_image.image }}" id="input-image{{ image_row }}"/></td>
<td class="text-right"><input type="text" name="product_image[{{ image_row }}][sort_order]" value="{{ product_image.sort_order }}" placeholder="{{ entry_sort_order }}" class="form-control"/></td>
<td class="text-left"><button type="button" onclick="$('#image-row{{ image_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set image_row = image_row + 1 %}
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td class="text-left"><button type="button" onclick="addImage();" data-toggle="tooltip" title="{{ button_image_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
</tr>
</tfoot>
</table>
</div>
</div>
{% if attachfile.tab_content %} {{ attachfile.tab_content }} {% endif %}
<div class="tab-pane" id="tab-reward">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-points"><span data-toggle="tooltip" title="{{ help_points }}">{{ entry_points }}</span></label>
<div class="col-sm-10">
<input type="text" name="points" value="{{ points }}" placeholder="{{ entry_points }}" id="input-points" class="form-control"/>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_customer_group }}</td>
<td class="text-right">{{ entry_reward }}</td>
</tr>
</thead>
<tbody>
{% for customer_group in customer_groups %}
<tr>
<td class="text-left">{{ customer_group.name }}</td>
<td class="text-right"><input type="text" name="product_reward[{{ customer_group.customer_group_id }}][points]" value="{{ product_reward[customer_group.customer_group_id] ? product_reward[customer_group.customer_group_id].points }}" class="form-control"/></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="tab-pane" id="tab-seo">
<div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_keyword }}</div>
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_store }}</td>
<td class="text-left">{{ entry_keyword }}</td>
</tr>
</thead>
<tbody>
{% for store in stores %}
<tr>
<td class="text-left">{{ store.name }}</td>
<td class="text-left">{% for language in languages %}
<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}"/></span> <input type="text" name="product_seo_url[{{ store.store_id }}][{{ language.language_id }}]" value="{% if product_seo_url[store.store_id][language.language_id] %}{{ product_seo_url[store.store_id][language.language_id] }}{% endif %}" placeholder="{{ entry_keyword }}" class="form-control" id="input-seo-url-{{ store.store_id }}-{{ language.language_id }}" data-seo-url-was="{% if product_seo_url[store.store_id][language.language_id] %}{{ product_seo_url[store.store_id][language.language_id] }}{% endif %}"/>{% if product_id %}<span class="input-group-btn"><button id="generateUrlOnEdit-{{ store.store_id }}-{{ language.language_id }}" class="generateUrlOnEdit btn btn-success" data-store-id="{{ store.store_id }}" data-language-id="{{ language.language_id }}"><i class="fa fa-refresh"></i> {{ sug_button_generate }}</button></span>{% endif %}
</div>
{% if error_keyword[store.store_id][language.language_id] %}
<div class="text-danger">{{ error_keyword[store.store_id][language.language_id] }}</div>
{% endif %}
{% endfor %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="tab-pane" id="tab-design">
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<td class="text-left">{{ entry_store }}</td>
<td class="text-left">{{ entry_layout }}</td>
</tr>
</thead>
<tbody>
{% for store in stores %}
<tr>
<td class="text-left">{{ store.name }}</td>
<td class="text-left"><select name="product_layout[{{ store.store_id }}]" class="form-control">
<option value=""></option>
{% for layout in layouts %}
{% if product_layout[store.store_id] and product_layout[store.store_id] == layout.layout_id %}
<option value="{{ layout.layout_id }}" selected="selected">{{ layout.name }}</option>
{% else %}
<option value="{{ layout.layout_id }}">{{ layout.name }}</option>
{% endif %}
{% endfor %}
</select></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<link href="view/javascript/codemirror/lib/codemirror.css" rel="stylesheet"/>
<link href="view/javascript/codemirror/theme/monokai.css" rel="stylesheet"/>
<script type="text/javascript" src="view/javascript/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="view/javascript/codemirror/lib/xml.js"></script>
<script type="text/javascript" src="view/javascript/codemirror/lib/formatting.js"></script>
<script type="text/javascript" src="view/javascript/summernote/summernote.js"></script>
<link href="view/javascript/summernote/summernote.css" rel="stylesheet"/>
<script type="text/javascript" src="view/javascript/summernote/summernote-image-attributes.js"></script>
<script type="text/javascript" src="view/javascript/summernote/opencart.js"></script>
<script type="text/javascript"><!--
// Manufacturer
$('input[name=\'manufacturer\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/manufacturer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
dataType: 'json',
success: function(json) {
json.unshift({
manufacturer_id: 0,
name: '{{ text_none }}'
});
response($.map(json, function(item) {
return {
label: item['name'],
value: item['manufacturer_id']
}
}));
}
});
},
'select': function(item) {
$('input[name=\'manufacturer\']').val(item['label']);
$('input[name=\'manufacturer_id\']').val(item['value']);
}
});
// Category
$('input[name=\'category\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/category/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['category_id']
}
}));
}
});
},
'select': function(item) {
$('input[name=\'category\']').val('');
$('#product-category' + item['value']).remove();
$('#product-category').append('<div id="product-category' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_category[]" value="' + item['value'] + '" /></div>');
}
});
$('#product-category').delegate('.fa-minus-circle', 'click', function() {
$(this).parent().remove();
});
// Filter
$('input[name=\'filter\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/filter/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['filter_id']
}
}));
}
});
},
'select': function(item) {
$('input[name=\'filter\']').val('');
$('#product-filter' + item['value']).remove();
$('#product-filter').append('<div id="product-filter' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_filter[]" value="' + item['value'] + '" /></div>');
}
});
$('#product-filter').delegate('.fa-minus-circle', 'click', function() {
$(this).parent().remove();
});
// Downloads
$('input[name=\'download\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/download/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['download_id']
}
}));
}
});
},
'select': function(item) {
$('input[name=\'download\']').val('');
$('#product-download' + item['value']).remove();
$('#product-download').append('<div id="product-download' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_download[]" value="' + item['value'] + '" /></div>');
}
});
$('#product-download').delegate('.fa-minus-circle', 'click', function() {
$(this).parent().remove();
});
// Related
$('input[name=\'related\']').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']
}
}));
}
});
},
'select': function(item) {
$('input[name=\'related\']').val('');
$('#product-related' + item['value']).remove();
$('#product-related').append('<div id="product-related' + item['value'] + '"><i class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="product_related[]" value="' + item['value'] + '" /></div>');
}
});
$('#product-related').delegate('.fa-minus-circle', 'click', function() {
$(this).parent().remove();
});
//--></script>
<script type="text/javascript"><!--
var attribute_row = {{ attribute_row }};
function addAttribute() {
html = '<tr id="attribute-row' + attribute_row + '">';
html += ' <td class="text-left" style="width: 20%;"><input type="text" name="product_attribute[' + attribute_row + '][name]" value="" placeholder="{{ entry_attribute }}" class="form-control" /><input type="hidden" name="product_attribute[' + attribute_row + '][attribute_id]" value="" /></td>';
html += ' <td class="text-left">';
{% for language in languages %}
html += '<div class="input-group"><span class="input-group-addon"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" /></span><textarea name="product_attribute[' + attribute_row + '][product_attribute_description][{{ language.language_id }}][text]" rows="5" placeholder="{{ entry_text }}" class="form-control"></textarea></div>';
{% endfor %}
html += ' </td>';
html += ' <td class="text-right"><button type="button" onclick="$(\'#attribute-row' + attribute_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#attribute tbody').append(html);
attributeautocomplete(attribute_row);
attribute_row++;
}
function attributeautocomplete(attribute_row) {
$('input[name=\'product_attribute[' + attribute_row + '][name]\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/attribute/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
dataType: 'json',
success: function(json) {
response($.map(json, function(item) {
return {
category: item.attribute_group,
label: item.name,
value: item.attribute_id
}
}));
}
});
},
'select': function(item) {
$('input[name=\'product_attribute[' + attribute_row + '][name]\']').val(item['label']);
$('input[name=\'product_attribute[' + attribute_row + '][attribute_id]\']').val(item['value']);
}
});
}
$('#attribute tbody tr').each(function(index, element) {
attributeautocomplete(index);
});
//--></script>
<script type="text/javascript"><!--
var option_row = {{ option_row }};
$('input[name=\'option\']').autocomplete({
'source': function(request, response) {
$.ajax({
url: 'index.php?route=catalog/option/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request),
dataType: 'json',
success: function(json) {
response($.map(json, function(item) {
return {
category: item['category'],
label: item['name'],
value: item['option_id'],
type: item['type'],
option_value: item['option_value']
}
}));
}
});
},
'select': function(item) {
html = '<div class="tab-pane" id="tab-option' + option_row + '">';
html += ' <input type="hidden" name="product_option[' + option_row + '][product_option_id]" value="" />';
html += ' <input type="hidden" name="product_option[' + option_row + '][name]" value="' + item['label'] + '" />';
html += ' <input type="hidden" name="product_option[' + option_row + '][option_id]" value="' + item['value'] + '" />';
html += ' <input type="hidden" name="product_option[' + option_row + '][type]" value="' + item['type'] + '" />';
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-required' + option_row + '">{{ entry_required }}</label>';
html += ' <div class="col-sm-10"><select name="product_option[' + option_row + '][required]" id="input-required' + option_row + '" class="form-control">';
html += ' <option value="1">{{ text_yes }}</option>';
html += ' <option value="0">{{ text_no }}</option>';
html += ' </select></div>';
html += ' </div>';
if (item['type'] == 'text') {
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-10"><input type="text" name="product_option[' + option_row + '][value]" value="" placeholder="{{ entry_option_value }}" id="input-value' + option_row + '" class="form-control" /></div>';
html += ' </div>';
}
if (item['type'] == 'textarea') {
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-10"><textarea name="product_option[' + option_row + '][value]" rows="5" placeholder="{{ entry_option_value }}" id="input-value' + option_row + '" class="form-control"></textarea></div>';
html += ' </div>';
}
if (item['type'] == 'file') {
html += ' <div class="form-group" style="display: none;">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-10"><input type="text" name="product_option[' + option_row + '][value]" value="" placeholder="{{ entry_option_value }}" id="input-value' + option_row + '" class="form-control" /></div>';
html += ' </div>';
}
if (item['type'] == 'date') {
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-3"><div class="input-group date"><input type="text" name="product_option[' + option_row + '][value]" value="" placeholder="{{ entry_option_value }}" data-date-format="YYYY-MM-DD" id="input-value' + option_row + '" 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 (item['type'] == 'time') {
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-10"><div class="input-group time"><input type="text" name="product_option[' + option_row + '][value]" value="" placeholder="{{ entry_option_value }}" data-date-format="HH:mm" id="input-value' + option_row + '" 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 (item['type'] == 'datetime') {
html += ' <div class="form-group">';
html += ' <label class="col-sm-2 control-label" for="input-value' + option_row + '">{{ entry_option_value }}</label>';
html += ' <div class="col-sm-10"><div class="input-group datetime"><input type="text" name="product_option[' + option_row + '][value]" value="" placeholder="{{ entry_option_value }}" data-date-format="YYYY-MM-DD HH:mm" id="input-value' + option_row + '" 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 (item['type'] == 'select' || item['type'] == 'radio' || item['type'] == 'checkbox' || item['type'] == 'image') {
html += '<div class="table-responsive">';
html += ' <table id="option-value' + option_row + '" class="table table-striped table-bordered table-hover">';
html += ' <thead>';
html += ' <tr>';
html += ' <td class="text-left">{{ entry_option_value }}</td>';
html += ' <td class="text-right">{{ entry_quantity }}</td>';
html += ' <td class="text-left">{{ entry_subtract }}</td>';
html += ' <td class="text-right">{{ entry_price }}</td>';
html += ' <td class="text-right">{{ entry_option_points }}</td>';
html += ' <td class="text-right">{{ entry_weight }}</td>';
html += ' <td></td>';
html += ' </tr>';
html += ' </thead>';
html += ' <tbody>';
html += ' </tbody>';
html += ' <tfoot>';
html += ' <tr>';
html += ' <td colspan="6"></td>';
html += ' <td class="text-left"><button type="button" onclick="addOptionValue(' + option_row + ');" data-toggle="tooltip" title="{{ button_option_value_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>';
html += ' </tr>';
html += ' </tfoot>';
html += ' </table>';
html += '</div>';
html += ' <select id="option-values' + option_row + '" style="display: none;">';
for (i = 0; i < item['option_value'].length; i++) {
html += ' <option value="' + item['option_value'][i]['option_value_id'] + '">' + item['option_value'][i]['name'] + '</option>';
}
html += ' </select>';
html += '</div>';
}
$('#tab-option .tab-content').append(html);
$('#option > li:last-child').before('<li><a href="#tab-option' + option_row + '" data-toggle="tab"><i class="fa fa-minus-circle" onclick=" $(\'#option a:first\').tab(\'show\');$(\'a[href=\\\'#tab-option' + option_row + '\\\']\').parent().remove(); $(\'#tab-option' + option_row + '\').remove();"></i>' + item['label'] + '</li>');
$('#option a[href=\'#tab-option' + option_row + '\']').tab('show');
$('[data-toggle=\'tooltip\']').tooltip({
container: 'body',
html: true
});
$('.date').datetimepicker({
language: '{{ datepicker }}',
pickTime: false
});
$('.time').datetimepicker({
language: '{{ datepicker }}',
pickDate: false
});
$('.datetime').datetimepicker({
language: '{{ datepicker }}',
pickDate: true,
pickTime: true
});
option_row++;
}
});
//--></script>
<script type="text/javascript"><!--
var option_value_row = {{ option_value_row }};
function addOptionValue(option_row) {
html = '<tr id="option-value-row' + option_value_row + '">';
html += ' <td class="text-left"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][option_value_id]" class="form-control">';
html += $('#option-values' + option_row).html();
html += ' </select><input type="hidden" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][product_option_value_id]" value="" /></td>';
html += ' <td class="text-right"><input type="text" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][quantity]" value="" placeholder="{{ entry_quantity }}" class="form-control" /></td>';
html += ' <td class="text-left"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][subtract]" class="form-control">';
html += ' <option value="1">{{ text_yes }}</option>';
html += ' <option value="0">{{ text_no }}</option>';
html += ' </select></td>';
html += ' <td class="text-right"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][price_prefix]" class="form-control">';
html += ' <option value="+">+</option>';
html += ' <option value="-">-</option>';
html += ' </select>';
html += ' <input type="text" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][price]" value="" placeholder="{{ entry_price }}" class="form-control" /></td>';
html += ' <td class="text-right"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][points_prefix]" class="form-control">';
html += ' <option value="+">+</option>';
html += ' <option value="-">-</option>';
html += ' </select>';
html += ' <input type="text" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][points]" value="" placeholder="{{ entry_points }}" class="form-control" /></td>';
html += ' <td class="text-right"><select name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][weight_prefix]" class="form-control">';
html += ' <option value="+">+</option>';
html += ' <option value="-">-</option>';
html += ' </select>';
html += ' <input type="text" name="product_option[' + option_row + '][product_option_value][' + option_value_row + '][weight]" value="" placeholder="{{ entry_weight }}" class="form-control" /></td>';
html += ' <td class="text-left"><button type="button" onclick="$(this).tooltip(\'destroy\');$(\'#option-value-row' + option_value_row + '\').remove();" data-toggle="tooltip" rel="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#option-value' + option_row + ' tbody').append(html);
$('[rel=tooltip]').tooltip();
option_value_row++;
}
//--></script>
<script type="text/javascript"><!--
var discount_row = {{ discount_row }};
function addDiscount() {
html = '<tr id="discount-row' + discount_row + '">';
html += ' <td class="text-left"><select name="product_discount[' + discount_row + '][customer_group_id]" class="form-control">';
{% for customer_group in customer_groups %}
html += ' <option value="{{ customer_group.customer_group_id }}">{{ customer_group.name|escape('js') }}</option>';
{% endfor %}
html += ' </select></td>';
html += ' <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][quantity]" value="" placeholder="{{ entry_quantity }}" class="form-control" /></td>';
html += ' <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][priority]" value="" placeholder="{{ entry_priority }}" class="form-control" /></td>';
html += ' <td class="text-right"><input type="text" name="product_discount[' + discount_row + '][price]" value="" placeholder="{{ entry_price }}" class="form-control" /></td>';
html += ' <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_discount[' + discount_row + '][date_start]" value="" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></td>';
html += ' <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_discount[' + discount_row + '][date_end]" value="" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></td>';
html += ' <td class="text-left"><button type="button" onclick="$(\'#discount-row' + discount_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#discount tbody').append(html);
$('.date').datetimepicker({
pickTime: false
});
discount_row++;
}
//--></script>
<script type="text/javascript"><!--
var special_row = {{ special_row }};
function addSpecial() {
html = '<tr id="special-row' + special_row + '">';
html += ' <td class="text-left"><select name="product_special[' + special_row + '][customer_group_id]" class="form-control">';
{% for customer_group in customer_groups %}
html += ' <option value="{{ customer_group.customer_group_id }}">{{ customer_group.name|escape('js') }}</option>';
{% endfor %}
html += ' </select></td>';
html += ' <td class="text-right"><input type="text" name="product_special[' + special_row + '][priority]" value="" placeholder="{{ entry_priority }}" class="form-control" /></td>';
html += ' <td class="text-right"><input type="text" name="product_special[' + special_row + '][price]" value="" placeholder="{{ entry_price }}" class="form-control" /></td>';
html += ' <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_special[' + special_row + '][date_start]" value="" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></td>';
html += ' <td class="text-left" style="width: 20%;"><div class="input-group date"><input type="text" name="product_special[' + special_row + '][date_end]" value="" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" class="form-control" /><span class="input-group-btn"><button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button></span></div></td>';
html += ' <td class="text-left"><button type="button" onclick="$(\'#special-row' + special_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#special tbody').append(html);
$('.date').datetimepicker({
language: '{{ datepicker }}',
pickTime: false
});
special_row++;
}
//--></script>
<script type="text/javascript"><!--
var image_row = {{ image_row }};
function addImage() {
html = '<tr id="image-row' + image_row + '">';
html += ' <td class="text-left"><a href="" id="thumb-image' + image_row + '"data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a><input type="hidden" name="product_image[' + image_row + '][image]" value="" id="input-image' + image_row + '" /></td>';
html += ' <td class="text-right"><input type="text" name="product_image[' + image_row + '][sort_order]" value="" placeholder="{{ entry_sort_order }}" class="form-control" /></td>';
html += ' <td class="text-left"><button type="button" onclick="$(\'#image-row' + image_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
$('#images tbody').append(html);
image_row++;
}
//--></script>
<script type="text/javascript"><!--
var recurring_row = {{ recurring_row }};
function addRecurring() {
html = '<tr id="recurring-row' + recurring_row + '">';
html += ' <td class="left">';
html += ' <select name="product_recurring[' + recurring_row + '][recurring_id]" class="form-control">>';
{% for recurring in recurrings %}
html += ' <option value="{{ recurring.recurring_id }}">{{ recurring.name }}</option>';
{% endfor %}
html += ' </select>';
html += ' </td>';
html += ' <td class="left">';
html += ' <select name="product_recurring[' + recurring_row + '][customer_group_id]" class="form-control">>';
{% for customer_group in customer_groups %}
html += ' <option value="{{ customer_group.customer_group_id }}">{{ customer_group.name }}</option>';
{% endfor %}
html += ' <select>';
html += ' </td>';
html += ' <td class="left">';
html += ' <a onclick="$(\'#recurring-row' + recurring_row + '\').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></a>';
html += ' </td>';
html += '</tr>';
$('#tab-recurring table tbody').append(html);
recurring_row++;
}
//--></script>
<script type="text/javascript"><!--
$('.date').datetimepicker({
language: '{{ datepicker }}',
pickTime: false
});
$('.time').datetimepicker({
language: '{{ datepicker }}',
pickDate: false
});
$('.datetime').datetimepicker({
language: '{{ datepicker }}',
pickDate: true,
pickTime: true
});
//--></script>
<script type="text/javascript"><!--
$('#language a:first').tab('show');
$('#option a:first').tab('show');
//--></script>
</div>
<!-- SEO URL Generator . Begin
============================================================================ -->
{% if (module_seo_url_generator_status) %}
<script type="text/javascript">
$('#tab-seo .text-left .input-group').css('margin-bottom', '10px');
$.each($('#tab-seo .text-left'), function () {
$(this).children('.input-group:last').css('margin-bottom', 'initial');
});
{% if (not product_id) %}
{% for language in languages %}
$('#input-name' + {{ language.language_id }}).change(function(){ generateUrlOnAdd(); });
{% endfor %}
$('#input-model').change(function(){ generateUrlOnAdd(); });
$('#input-sku').change(function(){ generateUrlOnAdd(); });
$('#input-manufacturer').change(function(){ generateUrlOnAdd(); });
function generateUrlOnAdd() {
let a_lang_data = {
name: {}
};
{% for language in languages %}
a_lang_data['name'][{{ language.language_id }}] = $('#input-name' + {{ language.language_id }}).val();
{% endfor %}
data = {
a_lang_data : a_lang_data,
model : $('#input-model').val(),
sku : $('#input-sku').val(),
manufacturer_id : $('input[name="manufacturer_id"]').val(),
primary_key : 'product_id',
essence : 'product',
essence_id : ''
};
// is different from edit
$.ajax({
url: 'index.php?route=extension/module/seo_url_generator/generateSeoUrlByAjax4All&user_token={{ user_token }}',
dataType: 'json',
data: data,
method : 'POST',
beforeSend: function() {},
success: function(response, textStatus, jqXHR) {
// success ajax query
if(response.result != 'error') {
setTimeout(function() {
$.each(response.result, function (store_id, store) {
$.each(store, function (language_id, value) {
if ('' !== value) {
$('input[name="product_seo_url[' + store_id +'][' + language_id + ']"]').val(value);
}
});
});
}, 100);
}
},
error: function(jqXHR, textStatus, errorThrown) {
// Error ajax query
console.log('AJAX query Error: ' + textStatus);
},
complete: function() {},
});
}
{% else %}
var storeId = false;
var languageId = false;
// enque redirects .generateUrlOnEdit firstly
var url_redirects_rows = {};
{% for store in stores %}
url_redirects_rows[{{ store.store_id }}] = {};
{% for language in languages %}
url_redirects_rows[{{ store.store_id }}][{{ language.language_id }}] = 0;
{% endfor %}
{% endfor %}
{% for store in stores %}
{% for language in languages %}
var html = '';
html += '<div class="form-group">';
html += '<label class="col-sm-2 control-label">{{ sug_text_redirects }}</label>';
html += '<!-- product-redirects . begin -->';
html += '<div class="col-sm-10">';
html += '<div class="alert alert-info alert-sm">{{ sug_help_redirects }}</div>';
html += '<div id="seo_url_generator_redirects-{{ store.store_id }}-{{ language.language_id }}">';
{% for key, redirect in redirects[store['store_id']][language['language_id']] %}
{% if redirects[store['store_id']][language['language_id']][key] %}
html += '<div id="redirect-row-{{ store.store_id }}-{{ language.language_id }}-' + url_redirects_rows[{{ store.store_id }}][{{ language.language_id }}] + '" class="row redirect-row" style="margin: 10px 0;"><input type="text" name="seo_url_generator_redirects[{{ store.store_id }}][{{ language.language_id }}][{{ key }}]" value="{{ redirects[store['store_id']][language['language_id']][key] }}" class="form-control input-sm col-xs-10" style="width: 100%; width: calc(100% - 120px); {% if error_seo_url_generator_redirects[store['store_id']][language['language_id']][key] is defined %}border-color: red;{% endif %}"/><div class="col-xs-1"><i class="pull-left fa fa-close text-danger deleteRedirect" style="cursor: pointer;" data-toggle="tooltip" title="{{ sug_button_delete_redirect }}"></i></div></div>';
url_redirects_rows[{{ store.store_id }}][{{ language.language_id }}]++;
{% endif %}
{% endfor %}
html += '</div>';
html += '<!-- /product-redirects . end -->';
html += '<button id="addNewRedirect-{{ store.store_id }}-{{ language.language_id }}" class="addNewRedirect btn btn-warning btn-sm" data-store-id="{{ store.store_id }}" data-language-id="{{ language.language_id }}"><i class="fa fa-plus"></i> {{ sug_button_add_redirect }}</button>';
html += '</div>';
html += '</div>';
<!-- Front works properly mark -->
html += '<input type="hidden" name="seo_url_generator_front_works" />';
//console.log('#generateUrlOnEdit-' + {{ store.store_id }} + '-' + {{ language.language_id }});
//console.debug(html);
$('#generateUrlOnEdit-' + {{ store.store_id }} + '-' + {{ language.language_id }}).parent().parent().after(html);
{% endfor %}
{% endfor %}
$('.addNewRedirect').click(function(e) {
e.preventDefault();
var store_id = $(this).data('store-id');
var language_id = $(this).data('language-id');
console.log('$(this).data("store-id") : ' + $(this).data('store-id'));
console.log('$(this).data("language-id") : ' + $(this).data('language-id'));
console.log('#seo_url_generator_redirects-" + store_id + "-" + language_id : #seo_url_generator_redirects-' + store_id + '-' + language_id);
$('#seo_url_generator_redirects-' + store_id + '-' + language_id).append('<div id="redirect-row-' + '-' + store_id + '-' + language_id + '-' + url_redirects_rows[store_id][language_id] + '" class="row redirect-row recent" style="margin: 10px 0;"><input type="text" name="seo_url_generator_redirects[' + store_id + '][' + language_id + '][]" value="" class="form-control input-sm col-xs-10" style="width: 100%; width: calc(100% - 120px);" /><div class="col-xs-1"><i class="pull-left fa fa-close text-danger deleteRedirect" style="cursor: pointer;" data-toggle="tooltip" title="{{ sug_button_delete_redirect }}"></i></div></div>');
url_redirects_rows[store_id][language_id]++;
});
$('body').on('click', '.deleteRedirect', function(e) {
e.preventDefault();
$('#sug-btn-confirm').attr('data-target', '#' + $(this).parent().parent('.redirect-row').attr('id'));
$('#sug-confirm').modal('toggle');
});
$('body').on('click', '#sug-btn-confirm', function(e) {
e.preventDefault();
$($(this).attr('data-target')).remove();
$('#sug-confirm').modal('toggle');
});
// SEO URL Generation by button click
thisButton = false;
$('.generateUrlOnEdit').click(function(e) {
e.preventDefault();
storeId = $(this).data('store-id');
languageId = $(this).data('language-id');
thisButton = $(this);
data = {
store_id : storeId,
language_id : languageId,
name : $('#input-name' + languageId).val(),
model : $('#input-model').val(),
sku : $('#input-sku').val(),
manufacturer_id : $('input[name="manufacturer_id"]').val(),
primary_key : 'product_id',
essence : 'product',
essence_id : {{ product_id }}
};
getSeoUrl(data);
});
// is different from add
function getSeoUrl(data) {
$.ajax({
url: 'index.php?route=extension/module/seo_url_generator/generateSeoUrlByAjax4One&user_token={{ user_token }}',
dataType: 'json',
data: data,
method : 'POST',
beforeSend: function() {
thisButton.css('opacity', '0.5');
},
success: function(response, textStatus, jqXHR) {
// success ajax query
if('' != response.result && 'error' != response.result) {
console.log('$("#input-seo-url-" + storeId + "-" + languageId).val() : ' + $('#input-seo-url-' + storeId + '-' + languageId).val());
console.log('response.result : ' + response.result);
if ('' != $('#input-seo-url-' + storeId + '-' + languageId).val().trim() && $('#input-seo-url-' + storeId + '-' + languageId).val() != response.result) {
$('#seo_url_generator_redirects-' + storeId + '-' + languageId).append('<div id="redirect-row-' + '-' + storeId + '-' + languageId + '-' + url_redirects_rows[storeId][languageId] + '" class="row redirect-row recent" style="margin: 10px 0;"><input type="text" name="seo_url_generator_redirects[' + storeId + '][' + languageId + '][]" value="' + $('#input-seo-url-' + storeId + '-' + languageId).data('seo-url-was') + '" class="form-control input-sm col-xs-10" style="width: 100%; width: calc(100% - 120px);" /><div class="col-xs-1"><i class="pull-left fa fa-close text-danger deleteRedirect" style="cursor: pointer;" data-toggle="tooltip" title="{{ sug_button_delete_redirect }}"></i></div></div>');
url_redirects_rows[storeId][languageId]++;
}
setTimeout(function() {
$('#input-seo-url-' + storeId + '-' + languageId).val(response.result);
}, 100);
}
},
error: function(jqXHR, textStatus, errorThrown) {
// Error ajax query
console.log('AJAX query Error: ' + textStatus);
},
complete: function() {
thisButton.css('opacity', '1');
},
});
}
{% endif %}
// Prevent incorrect SEO URL!
var inputBorderColorInitial = false;
$('body').on('change', '.redirect-row input', function(e) {
if (!inputBorderColorInitial) {
inputBorderColorInitial = $(this).css('border-color');
}
// reset previous errors
$(this).css('border-color', inputBorderColorInitial);
$('#sug-error-body').html('');
let hasError = false;
// Check inputed data
if ($(this).val().trim() == '') {
hasError = true;
$('#sug-error-body').append('<p class="text-danger"><b>{{ sug_redirects_error_empty }}</b></p>');
}
if ($(this).val().includes('/')) {
hasError = true;
$('#sug-error-body').append('<p class="text-danger"><b>{{ sug_redirects_error_slash }}</b></p>');
}
if ($(this).val().includes('http')) {
hasError = true;
$('#sug-error-body').append('<p class="text-danger"><b>{{ sug_redirects_error_protocol }}</b></p>');
}
if ($(this).val().includes('.html')) {
hasError = true;
$('#sug-error-body').append('<p class="text-warning"><b>{{ sug_redirects_error_html }}</b></p>');
}
if (hasError) {
$(this).css('border-color', 'red');
$('#sug-error-body').append('<p class="alert alert-info"><i class="fa fa-info-circle" style="font-size: 1.5em;"> </i> {{ sug_redirects_error_common }}</p>');
$('#sug-error').modal('toggle');
}
console.log('hasError : ' + hasError);
console.log($(this).val());
});
</script>
<!-- Confirm Modal -->
<div class="modal fade" id="sug-confirm" tabindex="-1" role="dialog" aria-labelledby="sug-confirm" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title text-warning" id="sug-confirm-title"><i class="fa fa-exclamation-triangle"> </i> <b>{{ sug_confirm_title }}</b></h4>
</div>
<div class="modal-body">
{{ sug_confirm_body }}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger sug-btn-confirm" id="sug-btn-confirm" data-target=""><i class="fa fa-trash"> </i> {{ sug_confirm_btn_yes }}</button>
<button type="button" class="btn btn-default" data-dismiss="modal">{{ sug_confirm_btn_no }}</button>
</div>
</div>
</div>
</div>
<!-- Error Modal -->
<div class="modal fade" id="sug-error" tabindex="-1" role="dialog" aria-labelledby="sug-error" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title text-danger" id="sug-error-title"><i class="fa fa-exclamation-triangle"> </i> <b>{{ sug_redirects_error_title }}</b></h4>
</div>
<div class="modal-body" id="sug-error-body"></div>
</div>
</div>
</div>
{% endif %}
<!-- /SEO URL Generator . End
============================================================================ -->
{{ footer }}