{{ header }}{{ column_left }}
<div id="content">
	<div class="page-header">
		<div class="container-fluid">
			<div class="pull-right">
				{% if update %}
				<a href="{{ update }}" data-toggle="tooltip" title="{{ button_update }}" class="btn btn-danger"><i class="fa fa-refresh"></i></a>
				{% else %}
				<a href="{{ clear_modification }}" data-toggle="tooltip" title="{{ button_refresh }}" class="btn btn-info"><i class="fa fa-refresh"></i></a>
				<button type="submit" form="form-theme" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
				<a href="{{ cache_delete }}" data-toggle="tooltip" title="{{ button_clear_cache }}" class="btn btn-warning"><i class="fa fa-trash-o"></i></a>
				{% if stores|length > 1 %}
				<div class="dropdown" style="display:inline-block;">
					<a href="javascript:;" data-toggle="dropdown" title="{{ button_multistore }}" class="dropdown-toggle btn btn-info"><i class="fas fa-store"></i></a>
					<ul class="dropdown-menu dropdown-menu-right">
						{% for store in stores %}
						<li><a href="{{ store.href }}">{{ store.name }}</li>
						{% endfor %}
					</ul>
				</div>
				{% endif %}
				{% endif %}
				<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 %}
		<script>
			usNotify('warning', '{{ error_warning }}');
		</script>
		{% endif %}
		{% if success %}
	    <script>
			usNotify('success', '{{ success }}');
		</script>
	    {% endif %}
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3>
				<div class="pull-right oct-version">v.<span>{{ theme_oct_promo_version }}</span></div>
			</div>
			<div class="panel-body">
				<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-theme" class="form-horizontal">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab-general" data-toggle="tab"><i class="fa fa-cog fw"></i> {{ tab_general }}</a></li>
						<li><a href="#tab-image" data-toggle="tab"><i class="fa fa-picture-o fw"></i> {{ tab_image }}</a></li>
						<li><a href="#tab-widgets" data-toggle="tab"><i class="fa fa-cog fw"></i> {{ tab_widgets }}</a></li>
						<li><a href="#tab-seo_title" data-toggle="tab"><i class="fa fa-info fw"></i> {{ text_seo_title }}</a></li>
						<li><a href="#tab-help" data-toggle="tab"><i class="fas fa-info-circle"></i> {{ tab_help }}</a></li>
		            </ul>
		            <div class="tab-content">
						<div class="tab-pane active row" id="tab-general">
							<div class="col-sm-3">
								<ul class="nav nav-pills nav-stacked" id="settings">
									<li class="active"><a href="#tab-settings" data-toggle="tab" aria-expanded="true"><i class="fa fa-cog fw"></i> {{ text_general }}</a></li>
									<li><a href="#tab-header" data-toggle="tab" aria-expanded="true"><i class="fa fa-arrow-up fw"></i> {{ tab_header }}</a></li>
									<li><a href="#tab-footer" data-toggle="tab" aria-expanded="true"><i class="fa fa-arrow-down fw"></i> {{ tab_footer }}</a></li>
									<li><a href="#tab-contacts" data-toggle="tab" aria-expanded="true"><i class="fa fa-users fw"></i> {{ tab_contacts }}</a></li>
									<li><a href="#tab-menu" data-toggle="tab" aria-expanded="true"><i class="fa fa-bars fw"></i> {{ tab_menu }}</a></li>
									<li><a href="#tab-category" data-toggle="tab" aria-expanded="true"><i class="fa fa-folder-open fw"></i> {{ tab_category }}</a></li>
									<li><a href="#tab-product" data-toggle="tab" aria-expanded="true"><i class="fa fa-tv fw"></i> {{ tab_product }}</a></li>
									<li><a href="#tab-orders" data-toggle="tab" aria-expanded="true"><i class="far fa-check-circle fw"></i> {{ tab_order }}</a></li>
									<li><a href="#tab-microdata" data-toggle="tab" aria-expanded="true"><i class="fa fa-code fw"></i> {{ tab_microdata }}</a></li>
									<li><a id="code_mir" href="#tab-css_js" data-toggle="tab" aria-expanded="true"><i class="fa fa-cog fw"></i> {{ tab_css_js }}</a></li>
								</ul>
							</div>
							<div class="col-sm-9">
								<div class="tab-content">
									<div class="tab-pane active" id="tab-settings">
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab-settings-main" data-toggle="tab">{{ tab_main_settings }}</a></li>
											<li><a href="#tab-optimization" data-toggle="tab" aria-expanded="true">{{ text_optimization }}</a></li>
											<li><a href="#tab-settings-colors" data-toggle="tab">{{ text_main_color_settings }}</a></li>
					                    </ul>
										<div class="tab-content">
											<div class="tab-pane active" id="tab-settings-main">
												<fieldset>
													<legend>{{ text_general }}</legend>
													<input type="hidden" name="theme_oct_promo_directory" value="{{ theme_oct_promo_directory }}" />
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="theme_oct_promo_status">{{ entry_status }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_status" {% if theme_oct_promo_status %}checked="checked"{% endif %} id="theme_oct_promo_status" tabindex="1">
																<label for="theme_oct_promo_status"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="theme_oct_promo_font">{{ entry_font }}</label>
														<div class="col-sm-9">
															<select name="theme_oct_promo_data[font]" id="theme_oct_promo_font" class="form-control">
																<option value="0"{% if theme_oct_promo_data.font == 0 %} selected="selected"{% endif %}>Ubuntu</option>
																<option value="1"{% if theme_oct_promo_data.font == 1 %} selected="selected"{% endif %}>Roboto</option>
																<option value="2"{% if theme_oct_promo_data.font == 2 %} selected="selected"{% endif %}>Open Sans</option>
																<option value="3"{% if theme_oct_promo_data.font == 3 %} selected="selected"{% endif %}>Montserrat</option>
																<option value="4"{% if theme_oct_promo_data.font == 4 %} selected="selected"{% endif %}>Inter</option>
																<option value="5"{% if theme_oct_promo_data.font == 5 %} selected="selected"{% endif %}>Fira Sans</option>
																<option value="6"{% if theme_oct_promo_data.font == 6 %} selected="selected"{% endif %}>Rubik</option>
																<option value="7"{% if theme_oct_promo_data.font == 7 %} selected="selected"{% endif %}>Noto Sans</option>
																<option value="8"{% if theme_oct_promo_data.font == 8 %} selected="selected"{% endif %}>Raleway</option>
																<option value="9"{% if theme_oct_promo_data.font == 9 %} selected="selected"{% endif %}>Nunito</option>
															</select>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="theme_oct_promo_width">{{ entry_width_front }}</label>
														<div class="col-sm-9">
															<select name="theme_oct_promo_data[width]" id="theme_oct_promo_width" class="form-control">
																<option value="0"{% if theme_oct_promo_data.width == 0 %} selected="selected"{% endif %}>{{ entry_width_0 }}</option>
																<option value="1"{% if theme_oct_promo_data.width == 1 %} selected="selected"{% endif %}>{{ entry_width_1 }}</option>
																<option value="2"{% if theme_oct_promo_data.width == 2 %} selected="selected"{% endif %}>{{ entry_width_2 }}</option>
															</select>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-dark-theme">{{ entry_dark_theme }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[dark_theme]" {% if theme_oct_promo_data.dark_theme %}checked="checked"{% endif %} id="input-dark-theme" tabindex="1">
																<label for="input-dark-theme"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-theme">{{ entry_theme }}</label>
														<div class="col-sm-9">
															<select name="theme_oct_promo_data[theme]" id="input-theme" class="form-control">
																<option value="light"{% if theme_oct_promo_data.theme == 'light' %} selected="selected"{% endif %}>{{ entry_theme_light }}</option>
																<option value="dark"{% if theme_oct_promo_data.theme == 'dark' %} selected="selected"{% endif %}>{{ entry_theme_dark }}</option>
																<option value="auto"{% if theme_oct_promo_data.theme == 'auto' %} selected="selected"{% endif %}>{{ entry_theme_auto }}</option>
															</select>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-open_graph">{{ entry_open_graph }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[open_graph]" {% if theme_oct_promo_data.open_graph %}checked="checked"{% endif %} id="input-open_graph" tabindex="1">
																<label for="input-open_graph"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-no_quantity_grayscale">{{ entry_no_quantity_grayscale }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_no_quantity_grayscale" {% if theme_oct_promo_no_quantity_grayscale %}checked="checked"{% endif %} id="input-no_quantity_grayscale" tabindex="1">
																<label for="input-no_quantity_grayscale"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-compare">{{ entry_header_compare }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data_colors[compare]" {% if theme_oct_promo_data_colors.compare %}checked="checked"{% endif %} id="input-compare" tabindex="1">
																<label for="input-compare"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-wishlist">{{ entry_header_wishlist }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data_colors[wishlist]" {% if theme_oct_promo_data_colors.wishlist %}checked="checked"{% endif %} id="input-wishlist" tabindex="1">
																<label for="input-wishlist"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-oct-popup-options">{{ entry_oct_popup_options }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[oct_popup_options]" {% if theme_oct_promo_data.oct_popup_options %}checked="checked"{% endif %} id="input-oct-popup-options" tabindex="1">
																<label for="input-oct-popup-options"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-isbuttoninteractive">{{ entry_isbuttoninteractive }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[isbuttoninteractive]" {% if theme_oct_promo_data.isbuttoninteractive %}checked="checked"{% endif %} id="input-isbuttoninteractive" tabindex="1">
																<label for="input-isbuttoninteractive"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-use-minimum-step">{{ entry_use_minimum_step }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[use_minimum_step]" {% if theme_oct_promo_data.use_minimum_step %}checked="checked"{% endif %} id="input-use-minimum-step" tabindex="1">
																<label for="input-use-minimum-step"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label">{{ entry_phone_countries|default('Phone masks by country') }}</label>
														<div class="col-sm-9">
															<div class="table-responsive">
																<table id="phone-country-masks" class="table table-striped table-bordered table-hover">
																	<thead>
																		<tr>
																			<td class="text-center" style="width: 80px;">{{ entry_default_country|default('Default') }}</td>
																			<td class="text-left">{{ entry_country_code|default('Country Code (ISO 2)') }}</td>
																			<td class="text-left">{{ entry_phone_mask|default('Phone Mask') }}</td>
																			<td class="text-left">{{ entry_phone_regex|default('Regex (optional)') }}</td>
																			<td></td>
																		</tr>
																	</thead>
																	<tbody>
																		{% set phone_country_row = 0 %}
																		{% if theme_oct_promo_data.phone_countries %}
																			{% for phone_country in theme_oct_promo_data.phone_countries %}
																				<tr id="phone-country-row{{ phone_country_row }}">
																					<td class="text-center">
																						<input type="radio" name="theme_oct_promo_data[default_phone_country]" value="{{ phone_country.country_code }}" {% if theme_oct_promo_data.default_phone_country == phone_country.country_code %}checked="checked"{% endif %} />
																					</td>
																					<td class="text-left">
																						<input type="text" name="theme_oct_promo_data[phone_countries][{{ phone_country_row }}][country_code]" value="{{ phone_country.country_code }}" placeholder="ua" class="form-control" style="text-transform: lowercase;" maxlength="2" />
																					</td>
																					<td class="text-left">
																						<input type="text" name="theme_oct_promo_data[phone_countries][{{ phone_country_row }}][mask]" value="{{ phone_country.mask }}" placeholder="99 999 99 99" class="form-control" />
																					</td>
																					<td class="text-left">
																						<input type="text" name="theme_oct_promo_data[phone_countries][{{ phone_country_row }}][regex]" value="{{ phone_country.regex }}" placeholder="^[0-9]{9}$" class="form-control" />
																					</td>
																					<td class="text-left">
																						<button type="button" onclick="$('#phone-country-row{{ phone_country_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
																					</td>
																				</tr>
																				{% set phone_country_row = phone_country_row + 1 %}
																			{% endfor %}
																		{% endif %}
																	</tbody>
																	<tfoot>
																		<tr>
																			<td colspan="4">
																				<button type="button" onclick="addPhoneCountryUkraine();" data-toggle="tooltip" title="{{ button_add_ua_mask }}" class="btn btn-info"><i class="fa fa-plus-circle"></i> UA</button></td>
																			<td class="text-left">
																				<button type="button" onclick="addPhoneCountry();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button>
																			</td>
																		</tr>
																	</tfoot>
																</table>
															</div>
															<div class="help-block">{{ help_phone_countries|default('Add phone masks for different countries. Country code in ISO 2 format (ua, pl, us). Mask: 9 = digit, other chars = formatting.') }}</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-bought_together">{{ entry_bought_together }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[bought_together]" {% if theme_oct_promo_data.bought_together %}checked="checked"{% endif %} id="input-bought_together" tabindex="1">
																<label for="input-bought_together"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
															<span class="help-block"></span>
														</div>
														<div id="all_bought_together_settings" {% if theme_oct_promo_data.bought_together is not defined %}style="display:none"{% endif %}>
															<div class="form-group mt-3">
																<label class="col-sm-3 control-label" for="input-theme_oct_promo_data_bought_together_cron">{{ text_bought_together_cron }}</label>
																<div class="col-sm-9">
																	<input type="text" id="input-theme_oct_promo_data_bought_together_cron" name="theme_oct_promo_data_bought_together_cron" value="{{ theme_oct_promo_data_bought_together_cron is defined and theme_oct_promo_data_bought_together_cron ? theme_oct_promo_data_bought_together_cron : '' }}" class="form-control" placeholder="{{ text_bought_together_cron }}" />
																{% if not bought_together_cron_url %}<span class="help-block">{{ help_bought_together }}</span>{% endif %}
																</div>
															</div>
															{% if bought_together_cron_url %}
																<div class="form-group">
																	<label class="col-sm-3 control-label" for="input-theme_oct_promo_data_bought_together_cron">{{ text_bought_together_cron_url }}
																	</label>
																	<div class="col-sm-9">
																		<div class="input-group">
																			<input type="text" value="/usr/bin/wget -O - -q -t 1 '{{ bought_together_cron_url }}'" id="input-cron" class="form-control" readonly>
																			<span class="input-group-btn">
																				<button id="clipboard-button" class="btn btn-info" type="button" data-toggle="tooltip" title="{{ text_copy }}" onclick="copyToClipboard('input-cron');">
																					<i class="fa fa-files-o" aria-hidden="true"></i>
																				</button>
																			</span>
																			<span class="help-block"></span>
																		</div>
																		<span class="help-block">{{ help_bought_together_cron }}</span>
																	</div>
																</div>

																<div class="form-group">
																	<label class="col-sm-3 control-label" for="input-theme_oct_promo_data_bought_together_cron"></label>
																	<div class="col-sm-9">
																		<button id="btn_mass_generate_bought_together" type="button" class="btn btn-success">
																			{{ text_button_generate }}
																		</button>
																	</div>
																</div>
																<script>
																	$('#btn_mass_generate_bought_together').click(function(){
																		var $btn = $(this);
																		$btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> {{ text_generating }}');
																		
																		$.ajax({
																			url: '{{ bought_together_cron_url }}',
																			type: 'GET',
																			dataType: 'json',
																			success: function(response){
																				if (response.error) {
																					usNotify('danger', response.error);
																				} else {
																					usNotify('success', '{{ text_generated }}');
																				}
																			},
																			error: function(){
																				usNotify('danger', '{{ text_generated_failed }}');
																			},
																			complete: function(){
																				$btn.prop('disabled', false).html('{{ text_button_generate }}');
																			}
																		});
																	});
																</script>
															{% endif %}
														</div>
													</div>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-optimization">
												<fieldset>
													<legend>{{ text_optimization }}</legend>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-minify">{{ entry_minify }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[minify]" {% if theme_oct_promo_data.minify %}checked="checked"{% endif %} id="input-minify" tabindex="1">
																<label for="input-minify"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-webp">{{ entry_webp }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_webp" {% if theme_oct_promo_webp %}checked="checked"{% endif %} id="input-webp" tabindex="1">
																<label for="input-webp"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer-scripts">{{ entry_footer_scripts }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_scripts]" {% if theme_oct_promo_data.footer_scripts %}checked="checked"{% endif %} id="input-footer-scripts" tabindex="1">
																<label for="input-footer-scripts"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<fieldset>
														<legend>{{ entry_preload_settings }}</legend>
														<div class="form-group mx-0">
															<label class="col-sm-3 control-label" for="input-preload_images">{{ entry_preload_images }}</label>
															<div class="col-sm-9">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[preload_images]" {% if theme_oct_promo_data.preload_images %}checked="checked"{% endif %} id="input-preload_images" tabindex="1">
																	<label for="input-preload_images"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</fieldset>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-settings-colors">
												<ul class="nav nav-tabs" id="color-tabs">
													<li class="active">
														<a class="nav-link active" data-toggle="tab" href="#tab-main-colors">{{ text_main_colors }}</a>
													</li>
													<li>
														<a class="nav-link" data-toggle="tab" href="#tab-light-theme">{{ text_light_theme }}</a>
													</li>
													<li>
														<a class="nav-link" data-toggle="tab" href="#tab-dark-theme">{{ text_dark_theme }}</a>
													</li>
												</ul>

												<div class="tab-content">
													<div class="tab-pane active" id="tab-main-colors">
														<fieldset>
															<legend>{{ text_main_colors }}</legend>
															<div class="color-content">
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-main-color">{{ entry_main_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[main_color]" value="{% if theme_oct_promo_data_colors.main_color is defined and theme_oct_promo_data_colors.main_color %}{{ theme_oct_promo_data_colors.main_color }}{% else %}rgb(12, 41, 106){% endif %}" placeholder="{{ entry_main_color }}" id="input-main-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-main-color-light">{{ entry_main_color_light }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[main_color_light]" value="{% if theme_oct_promo_data_colors.main_color_light is defined and theme_oct_promo_data_colors.main_color_light %}{{ theme_oct_promo_data_colors.main_color_light }}{% else %}rgb(79, 95, 153){% endif %}" placeholder="{{ entry_main_color_light }}" id="input-main-color-light" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-main-link-color">{{ entry_main_link_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[main_link_color]" value="{% if theme_oct_promo_data_colors.main_link_color is defined and theme_oct_promo_data_colors.main_link_color %}{{ theme_oct_promo_data_colors.main_link_color }}{% else %}rgb(53, 122, 240){% endif %}" placeholder="{{ entry_main_link_color }}" id="input-main-link-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-link-hover-color">{{ entry_link_hover_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[link_hover_color]" value="{% if theme_oct_promo_data_colors.link_hover_color is defined and theme_oct_promo_data_colors.link_hover_color %}{{ theme_oct_promo_data_colors.link_hover_color }}{% else %}rgb(78, 136, 236){% endif %}" placeholder="{{ entry_link_hover_color }}" id="input-link-hover-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-special-price-color">{{ entry_special_price_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[special_price_color]" value="{% if theme_oct_promo_data_colors.special_price_color is defined and theme_oct_promo_data_colors.special_price_color %}{{ theme_oct_promo_data_colors.special_price_color }}{% else %}rgb(213, 56, 61){% endif %}" placeholder="{{ entry_special_price_color }}" id="input-special-price-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-interactive-color">{{ entry_interactive_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[interactive_color]" value="{% if theme_oct_promo_data_colors.interactive_color is defined and theme_oct_promo_data_colors.interactive_color %}{{ theme_oct_promo_data_colors.interactive_color }}{% else %}rgb(82, 187, 56){% endif %}" placeholder="{{ entry_interactive_color }}" id="input-interactive-color" class="form-control spectrum" />
																	</div>
																</div>
															</div>
														</fieldset>
														<fieldset>
															<legend>{{ tab_header }}</legend>
															<div class="color-content">
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-top_link_color">{{ entry_top_link_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[top_link_color]" value="{{ theme_oct_promo_data_colors.top_link_color ? theme_oct_promo_data_colors.top_link_color : 'rgb(79, 95, 153)' }}" placeholder="{{ entry_top_link_color }}" id="input-top_link_color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-top_link_color_hover">{{ entry_top_link_color_hover }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[top_link_color_hover]" value="{{ theme_oct_promo_data_colors.top_link_color_hover ? theme_oct_promo_data_colors.top_link_color_hover : 'rgb(116, 136, 212)' }}" placeholder="{{ entry_top_link_color_hover }}" id="input-top_link_color_hover" class="form-control spectrum" />
																	</div>
																</div>
															</div>
														</fieldset>
														<fieldset>
															<legend>{{ tab_footer }}</legend>
															<div class="color-content">
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-footer_link_color">{{ entry_footer_link_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[footer_link_color]" value="{{ theme_oct_promo_data_colors.footer_link_color ? theme_oct_promo_data_colors.footer_link_color : 'rgb(79, 95, 153)' }}" placeholder="{{ entry_footer_link_color }}" id="input-footer_link_color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-footer_link_hover_color">{{ entry_footer_link_hover_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[footer_link_hover_color]" value="{{ theme_oct_promo_data_colors.footer_link_hover_color ? theme_oct_promo_data_colors.footer_link_hover_color : 'rgb(116, 136, 212)' }}" placeholder="{{ entry_footer_link_hover_color }}" id="input-footer_link_hover_color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-footer-light-link-color">{{ entry_footer_light_link_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[footer_light_link_color]" value="{{ theme_oct_promo_data_colors.footer_light_link_color ? theme_oct_promo_data_colors.footer_light_link_color : 'rgb(255, 255, 255)' }}" placeholder="{{ entry_footer_light_link_color }}" id="input-footer-light-link-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-footer-contact-link-hover-color">{{ entry_footer_light_link_hover_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[footer_light_link_hover_color]" value="{{ theme_oct_promo_data_colors.footer_light_link_hover_color ? theme_oct_promo_data_colors.footer_light_link_hover_color : 'rgb(53, 122, 240)' }}" placeholder="{{ entry_footer_light_link_hover_color }}" id="input-footer-contact-link-hover-color" class="form-control spectrum" />
																</div>
															</div>
														</div>
													</fieldset>
												</div>
													<div class="tab-pane" id="tab-light-theme">
														<fieldset>
															<legend>{{ text_light_theme }}</legend>
															<div class="color-content">
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-background-color">{{ entry_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_background_color]" value="{% if theme_oct_promo_data_colors.light_background_color is defined and theme_oct_promo_data_colors.light_background_color %}{{ theme_oct_promo_data_colors.light_background_color }}{% else %}rgb(243, 243, 243){% endif %}" placeholder="{{ entry_background_color }}" id="input-light-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-primary-text-color">{{ entry_primary_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_primary_text_color]" value="{% if theme_oct_promo_data_colors.light_primary_text_color is defined and theme_oct_promo_data_colors.light_primary_text_color %}{{ theme_oct_promo_data_colors.light_primary_text_color }}{% else %}rgb(18, 23, 21){% endif %}" placeholder="{{ entry_primary_text_color }}" id="input-light-primary-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-secondary-text-color">{{ entry_secondary_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_secondary_text_color]" value="{% if theme_oct_promo_data_colors.light_secondary_text_color is defined and theme_oct_promo_data_colors.light_secondary_text_color %}{{ theme_oct_promo_data_colors.light_secondary_text_color }}{% else %}rgb(157, 164, 174){% endif %}" placeholder="{{ entry_secondary_text_color }}" id="input-light-secondary-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-header-background-color">{{ entry_header_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_header_background_color]" value="{% if theme_oct_promo_data_colors.light_header_background_color is defined and theme_oct_promo_data_colors.light_header_background_color %}{{ theme_oct_promo_data_colors.light_header_background_color }}{% else %}rgb(255, 255, 255){% endif %}" placeholder="{{ entry_header_background_color }}" id="input-light-header-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-footer-background-color">{{ entry_footer_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_footer_background_color]" value="{% if theme_oct_promo_data_colors.light_footer_background_color is defined and theme_oct_promo_data_colors.light_footer_background_color %}{{ theme_oct_promo_data_colors.light_footer_background_color }}{% else %}rgb(18, 23, 21){% endif %}" placeholder="{{ entry_footer_background_color }}" id="input-light-footer-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-footer-text-color">{{ entry_footer_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_footer_text_color]" value="{% if theme_oct_promo_data_colors.light_footer_text_color is defined and theme_oct_promo_data_colors.light_footer_text_color %}{{ theme_oct_promo_data_colors.light_footer_text_color }}{% else %}rgb(157, 164, 174){% endif %}" placeholder="{{ entry_footer_text_color }}" id="input-light-footer-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-light-footer-title-color">{{ entry_footer_title_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[light_footer_title_color]" value="{% if theme_oct_promo_data_colors.light_footer_title_color is defined and theme_oct_promo_data_colors.light_footer_title_color %}{{ theme_oct_promo_data_colors.light_footer_title_color }}{% else %}rgb(255, 255, 255){% endif %}" placeholder="{{ entry_footer_title_color }}" id="input-light-footer-title-color" class="form-control spectrum" />
																	</div>
																</div>
															</div>
														</fieldset>
													</div>
													
													<div class="tab-pane" id="tab-dark-theme">
														<fieldset>
															<legend>{{ text_dark_theme }}</legend>
															<div class="color-content">
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-logo-dark">{{ logo_dark_placeholder }}</label>
																	<div class="col-sm-9">
																		<a href="" id="thumb-logo-dark" data-toggle="image" class="img-thumbnail">
																			<img src="{{ logo_dark_thumb }}" alt="" title="" data-placeholder="{{ logo_dark_placeholder }}" />
																		</a>
																		<input type="hidden" name="theme_oct_promo_data[logo_dark]" value="{{ theme_oct_promo_data.logo_dark }}" id="input-logo-dark" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-background-color">{{ entry_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_background_color]" value="{% if theme_oct_promo_data_colors.dark_background_color is defined and theme_oct_promo_data_colors.dark_background_color %}{{ theme_oct_promo_data_colors.dark_background_color }}{% else %}rgb(0, 0, 0){% endif %}" placeholder="{{ entry_background_color }}" id="input-dark-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-primary-text-color">{{ entry_primary_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_primary_text_color]" value="{% if theme_oct_promo_data_colors.dark_primary_text_color is defined and theme_oct_promo_data_colors.dark_primary_text_color %}{{ theme_oct_promo_data_colors.dark_primary_text_color }}{% else %}rgb(255, 255, 255){% endif %}" placeholder="{{ entry_primary_text_color }}" id="input-dark-primary-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-secondary-text-color">{{ entry_secondary_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_secondary_text_color]" value="{% if theme_oct_promo_data_colors.dark_secondary_text_color is defined and theme_oct_promo_data_colors.dark_secondary_text_color %}{{ theme_oct_promo_data_colors.dark_secondary_text_color }}{% else %}rgb(157, 164, 174){% endif %}" placeholder="{{ entry_secondary_text_color }}" id="input-dark-secondary-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-header-background-color">{{ entry_header_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_header_background_color]" value="{% if theme_oct_promo_data_colors.dark_header_background_color is defined and theme_oct_promo_data_colors.dark_header_background_color %}{{ theme_oct_promo_data_colors.dark_header_background_color }}{% else %}rgb(29, 29, 29){% endif %}" placeholder="{{ entry_header_background_color }}" id="input-dark-header-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-footer-background-color">{{ entry_footer_background_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_footer_background_color]" value="{% if theme_oct_promo_data_colors.dark_footer_background_color is defined and theme_oct_promo_data_colors.dark_footer_background_color %}{{ theme_oct_promo_data_colors.dark_footer_background_color }}{% else %}rgb(18, 23, 21){% endif %}" placeholder="{{ entry_footer_background_color }}" id="input-dark-footer-background-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-footer-text-color">{{ entry_footer_text_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_footer_text_color]" value="{% if theme_oct_promo_data_colors.dark_footer_text_color is defined and theme_oct_promo_data_colors.dark_footer_text_color %}{{ theme_oct_promo_data_colors.dark_footer_text_color }}{% else %}rgb(157, 164, 174){% endif %}" placeholder="{{ entry_footer_text_color }}" id="input-dark-footer-text-color" class="form-control spectrum" />
																	</div>
																</div>
																<div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dark-footer-title-color">{{ entry_footer_title_color }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data_colors[dark_footer_title_color]" value="{% if theme_oct_promo_data_colors.dark_footer_title_color is defined and theme_oct_promo_data_colors.dark_footer_title_color %}{{ theme_oct_promo_data_colors.dark_footer_title_color }}{% else %}rgb(255, 255, 255){% endif %}" placeholder="{{ entry_footer_title_color }}" id="input-dark-footer-title-color" class="form-control spectrum" />
																	</div>
																</div>
															</div>
														</fieldset>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab-header">
										<fieldset>
											<legend>{{ tab_header }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-header_account">{{ entry_header_account }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[header_account]" {% if theme_oct_promo_data.header_account %}checked="checked"{% endif %} id="input-header_account" tabindex="1">
														<label for="input-header_account"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-header_lang">{{ entry_header_lang }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[header_lang]" {% if theme_oct_promo_data.header_lang %}checked="checked"{% endif %} id="input-header_lang" tabindex="1">
														<label for="input-header_lang"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-header_cur">{{ entry_header_cur }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[header_cur]" {% if theme_oct_promo_data.header_cur %}checked="checked"{% endif %} id="input-header_cur" tabindex="1">
														<label for="input-header_cur"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-footer">
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab-footer-settings" data-toggle="tab">{{ tab_main_settings }}</a></li>
											<li><a href="#tab-payments-settings" data-toggle="tab">{{ text_paymant_systems }}</a></li>
					                    </ul>
					                    <div class="tab-content">
					                    	<div class="tab-pane active" id="tab-footer-settings">
												<fieldset>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_totop">{{ entry_footer_totop }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_totop]" {% if theme_oct_promo_data.footer_totop %}checked="checked"{% endif %} id="input-footer_totop" tabindex="1">
																<label for="input-footer_totop"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_subscribe">{{ entry_footer_subscribe }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_subscribe]" {% if theme_oct_promo_data.footer_subscribe %}checked="checked"{% endif %} id="input-footer_subscribe" tabindex="1">
																<label for="input-footer_subscribe"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-payments-settings">
												<fieldset>
													<legend>{{ text_paymant_systems }}</legend>
													<div id="payments_block">
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_privat24">
																<img class="img-thumbnail" src="view/image/pay/privat24.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][privat24]" {% if theme_oct_promo_data.payments.privat24 %}checked="checked"{% endif %} id="input-payments_privat24" tabindex="1">
																	<label for="input-payments_privat24"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_monoplata">
																<img class="img-thumbnail" src="view/image/pay/monoplata.svg" width="80" height="50" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][monoplata]" {% if theme_oct_promo_data.payments.monoplata %}checked="checked"{% endif %} id="input-payments_monoplata" tabindex="1">
																	<label for="input-payments_monoplata"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>														
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_wayforpay">
																<img class="img-thumbnail" src="view/image/pay/wayforpay.svg" width="80" height="50" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][wayforpay]" {% if theme_oct_promo_data.payments.wayforpay %}checked="checked"{% endif %} id="input-payments_wayforpay" tabindex="1">
																	<label for="input-payments_wayforpay"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_lp">
																<img class="img-thumbnail" src="view/image/pay/liqpay.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][lp]" {% if theme_oct_promo_data.payments.lp %}checked="checked"{% endif %} id="input-payments_lp" tabindex="1">
																	<label for="input-payments_lp"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_visa">
																<img class="img-thumbnail" src="view/image/pay/visa.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][visa]" {% if theme_oct_promo_data.payments.visa %}checked="checked"{% endif %} id="input-payments_visa" tabindex="1">
																	<label for="input-payments_visa"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_mc">
																<img class="img-thumbnail" src="view/image/pay/mastercard.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][mc]" {% if theme_oct_promo_data.payments.mc %}checked="checked"{% endif %} id="input-payments_mc" tabindex="1">
																	<label for="input-payments_mc"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_maestro">
																<img class="img-thumbnail" src="view/image/pay/maestro.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][maestro]" {% if theme_oct_promo_data.payments.maestro %}checked="checked"{% endif %} id="input-payments_maestro" tabindex="1">
																	<label for="input-payments_maestro"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_pp">
																<img class="img-thumbnail" src="view/image/pay/paypal.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][pp]" {% if theme_oct_promo_data.payments.pp %}checked="checked"{% endif %} id="input-payments_pp" tabindex="1">
																	<label for="input-payments_pp"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_skrill">
																<img class="img-thumbnail" src="view/image/pay/skrill.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][skrill]" {% if theme_oct_promo_data.payments.skrill %}checked="checked"{% endif %} id="input-payments_skrill" tabindex="1">
																	<label for="input-payments_skrill"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2 payments">
															<label class="col-sm-12 control-label" for="input-payments_interkassa">
																<img class="img-thumbnail" src="view/image/pay/interkassa.svg" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][interkassa]" {% if theme_oct_promo_data.payments.interkassa %}checked="checked"{% endif %} id="input-payments_interkassa" tabindex="1">
																	<label for="input-payments_interkassa"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														{% set payment_row = 0 %}
														{% for payment in theme_oct_promo_data.payments.customers %}
														<div id="payments-row-{{ payment_row }}" class="col-sm-2 payments">
															<a class="btnr" href="javascript:;" onclick="$('#payments-row-{{ payment_row }}').remove()"><i class="fa fa-minus-circle"></i></a>
															<label class="col-sm-12 control-label" for="input-payments_customers_{{ payment_row }}">
																<img class="img-thumbnail" src="{{ payment.thumb_image }}" />
																<input type="hidden" value="{{ payment.image }}" name="theme_oct_promo_data[payments][customers][{{ payment_row }}][image]" />
															</label>
															<div class="col-sm-6">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_data[payments][customers][{{ payment_row }}][status]" {% if theme_oct_promo_data.payments.customers[payment_row].status %}checked="checked"{% endif %} id="input-payments_customers_{{ payment_row }}" tabindex="1">
																	<label for="input-payments_customers_{{ payment_row }}"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														{% set payment_row = payment_row + 1 %}
														{% endfor %}
														{% set payment_customers_count = payment_row %}
														<div id="add_new_block" class="col-sm-2 payments">
															<div class="add_block_in">
																<button type="button" onclick="addPayment();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button>
															</div>
														</div>
													</div>
												</fieldset>
					                    	</div>
										</div>
									</div>
									<div class="tab-pane" id="tab-contacts">
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab-contacts-settings" data-toggle="tab">{{ tab_contacts }}</a></li>
											<li><a href="#tab-contacts-page" data-toggle="tab">{{ tab_contacts_page }}</a></li>
											<li><a href="#tab-locations-settings" data-toggle="tab">{{ text_locations }}</a></li>
											<li><a href="#tab-socials-settings" data-toggle="tab">{{ text_socials }}</a></li>
					                    </ul>
					                    <div class="tab-content">
					                    	<div class="tab-pane active" id="tab-contacts-settings">
												<fieldset>
													<legend>{{ tab_contacts }}</legend>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_address">{{ entry_contact_address }}</label>
														<div class="col-sm-9">
															<ul class="nav nav-tabs" id="address-language">
																{% for language in languages %}
																	<li><a href="#address-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="address-language{{ language.language_id }}">
																	<textarea id="contact_address" name="theme_oct_promo_data[contact_address][{{ language.language_id }}]" rows="5" class="form-control">{{ theme_oct_promo_data.contact_address[language.language_id] }}</textarea>
									                            </div>
									                            {% endfor %}
										                    </div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_telephone">{{ entry_contact_telephone }}</label>
														<div class="col-sm-9">
															<textarea id="contact_telephone" name="theme_oct_promo_data[contact_telephone]" rows="5" class="form-control">{{ theme_oct_promo_data.contact_telephone }}</textarea>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_open">{{ entry_contact_open }}</label>
														<div class="col-sm-9">
															<ul class="nav nav-tabs" id="open-language">
																{% for language in languages %}
																	<li><a href="#open-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="open-language{{ language.language_id }}">
																	<textarea id="contact_address" name="theme_oct_promo_data[contact_open][{{ language.language_id }}]" rows="5" class="form-control">{{ theme_oct_promo_data.contact_open[language.language_id] }}</textarea>
									                            </div>
									                            {% endfor %}
										                    </div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_map">{{ entry_contact_map }}</label>
														<div class="col-sm-9">
															<textarea id="contact_map" name="theme_oct_promo_data[contact_map]" rows="5" class="form-control">{{ theme_oct_promo_data.contact_map }}</textarea>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_image">{{ entry_location_image }}</label>
														<div class="col-sm-9">
															<a href="" id="thumb-contact_image" data-toggle="image" class="img-thumbnail">
																<img src="{{ contact_image_thumb }}" alt="" title="" data-placeholder="{{ contact_placeholder }}" />
															</a>
                  											<input type="hidden" name="theme_oct_promo_data[contact_image]" value="{{ theme_oct_promo_data.contact_image }}" id="input-contact_image" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_email">{{ entry_contact_email }}</label>
														<div class="col-sm-9">
															<input type="email" id="contact_email" name="theme_oct_promo_data[contact_email]" value="{{ theme_oct_promo_data.contact_email }}" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_teams">{{ entry_contact_teams }}</label>
														<div class="col-sm-9">
															<input type="text" id="contact_teams" name="theme_oct_promo_data[contact_teams]" value="{{ theme_oct_promo_data.contact_teams }}" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_whatsapp">{{ entry_contact_whatsapp }}</label>
														<div class="col-sm-9">
															<input type="text" id="contact_whatsapp" name="theme_oct_promo_data[contact_whatsapp]" value="{{ theme_oct_promo_data.contact_whatsapp }}" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_viber">{{ entry_contact_viber }}</label>
														<div class="col-sm-9">
															<input type="text" id="contact_viber" name="theme_oct_promo_data[contact_viber]" value="{{ theme_oct_promo_data.contact_viber }}" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_telegram">{{ entry_contact_telegram }}</label>
														<div class="col-sm-9">
															<input type="text" id="contact_telegram" name="theme_oct_promo_data[contact_telegram]" value="{{ theme_oct_promo_data.contact_telegram }}" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_messenger">{{ entry_contact_messenger }}</label>
														<div class="col-sm-9">
															<input type="text" id="contact_messenger" name="theme_oct_promo_data[contact_messenger]" value="{{ theme_oct_promo_data.contact_messenger }}" class="form-control" />
														</div>
													</div>
												</fieldset>
					                    	</div>
											<div class="tab-pane" id="tab-contacts-page">
												<fieldset>
													<legend>{{ tab_contacts_page }}</legend>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_address">{{ entry_contact_view_address }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_address]" {% if theme_oct_promo_data.contact_view_address %}checked="checked"{% endif %} id="input-contact_view_address" tabindex="1">
																<label for="input-contact_view_address"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_phone">{{ entry_contact_view_phone }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_phone]" {% if theme_oct_promo_data.contact_view_phone %}checked="checked"{% endif %} id="input-contact_view_phone" tabindex="1">
																<label for="input-contact_view_phone"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_time">{{ entry_contact_view_time }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_time]" {% if theme_oct_promo_data.contact_view_time %}checked="checked"{% endif %} id="input-contact_view_time" tabindex="1">
																<label for="input-contact_view_time"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_map">{{ entry_contact_view_map }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_map]" {% if theme_oct_promo_data.contact_view_map %}checked="checked"{% endif %} id="input-contact_view_map" tabindex="1">
																<label for="input-contact_view_map"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_socials">{{ entry_contact_view_socials }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_socials]" {% if theme_oct_promo_data.contact_view_socials %}checked="checked"{% endif %} id="input-contact_view_socials" tabindex="1">
																<label for="input-contact_view_socials"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-contact_view_locations">{{ entry_contact_view_locations }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[contact_view_locations]" {% if theme_oct_promo_data.contact_view_locations %}checked="checked"{% endif %} id="input-contact_view_locations" tabindex="1">
																<label for="input-contact_view_locations"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-locations-settings">
												<input type="hidden" name="oct_locations_submitted" value="1" />
												<fieldset>
													<legend>{{ text_locations }}</legend>
												</fieldset>
												<div id="site_locations">
													{% set location_id = 1 %}
													{% if oct_locations %}
														{% for oct_location in oct_locations %}
														<div class="panel panel-default" id="locations-{{ location_id }}">
															<div class="panel-heading">
																<span><i class="fa fa-address-card" aria-hidden="true"></i> {{ oct_location.title }}</span>
																<a href="javascript:;" class="btn btn-danger pull-right" onclick="$('#locations-{{ location_id }}').remove();return false;">
																	<i class="fa fa-trash-o" aria-hidden="true"></i>
																</a>
															</div>
															<div class="panel-body">
																<fieldset>
																	<legend>{{ text_locations_descr }}</legend>
																	<ul class="nav nav-tabs location-block" id="locations-language-{{ location_id }}">
																		{% for language in languages %}
																			<li><a href="#locations-language{{ location_id }}-{{ 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="locations-language{{ location_id }}-{{ language.language_id }}">
																			<div class="form-group">
																				<label class="col-sm-2 control-label" for="descr_title{{ location_id }}-{{ language.language_id }}">{{ entry_location_title }}</label>
																				<div class="col-sm-10">
																					<input type="text" id="descr_title{{ location_id }}-{{ language.language_id }}" name="oct_locations[{{ location_id }}][description][{{ language.language_id }}][title]" value="{{ oct_location.description[language.language_id].title }}" class="form-control" />
																				</div>
																			</div>
																			<div class="form-group">
																				<label class="col-sm-2 control-label" for="descr_address{{ location_id }}-{{ language.language_id }}">{{ entry_location_address }}</label>
																				<div class="col-sm-10">
																					<textarea id="descr_address{{ location_id }}-{{ language.language_id }}" name="oct_locations[{{ location_id }}][description][{{ language.language_id }}][address]" rows="5" class="form-control">{{ oct_location.description[language.language_id].address }}</textarea>
																				</div>
																			</div>
																			<div class="form-group">
																				<label class="col-sm-2 control-label" for="descr_open{{ location_id }}-{{ language.language_id }}">{{ entry_contact_open }}</label>
																				<div class="col-sm-10">
																					<textarea id="descr_open{{ location_id }}-{{ language.language_id }}" name="oct_locations[{{ location_id }}][description][{{ language.language_id }}][open]" rows="5" class="form-control">{{ oct_location.description[language.language_id].open }}</textarea>
																				</div>
																			</div>
											                            </div>
											                            {% endfor %}
												                    </div>
																</fieldset>
																<fieldset>
																	<legend>{{ text_locations_info }}</legend>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="location_phone{{ location_id }}">{{ entry_contact_telephone }}</label>
																		<div class="col-sm-10">
																			<textarea id="location_phone{{ location_id }}" name="oct_locations[{{ location_id }}][phone]" rows="5" class="form-control">{{ oct_location.phone }}</textarea>
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="location_map{{ location_id }}">{{ entry_contact_map }}</label>
																		<div class="col-sm-10">
																			<textarea id="location_map{{ location_id }}" name="oct_locations[{{ location_id }}][map]" rows="5" class="form-control">{{ oct_location.map }}</textarea>
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="location_link{{ location_id }}">{{ entry_location_link }}</label>
																		<div class="col-sm-10">
																			<input type="text" id="location_link{{ location_id }}" name="oct_locations[{{ location_id }}][link]" value="{{ oct_location.link }}" class="form-control" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="location_image{{ location_id }}">{{ entry_location_image}}</label>
																		<div class="col-sm-10">
																			<a href="" id="thumb-contact_location_image{{ location_id }}" data-toggle="image" class="img-thumbnail">
																				<img src="{{ oct_location.thumb }}" alt="" title="" data-placeholder="{{ contact_placeholder }}" />
																			</a>
				                  											<input type="hidden" name="oct_locations[{{ location_id }}][image]" value="{{ oct_location.image }}" id="input-contact_location_image{{ location_id }}" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="location_sort{{ location_id }}">{{ entry_location_sort }}</label>
																		<div class="col-sm-10">
																			<input type="number" id="location_sort{{ location_id }}" name="oct_locations[{{ location_id }}][sort]" value="{{ oct_location.sort }}" class="form-control" />
																		</div>
																	</div>
																</fieldset>
															</div>
														</div>
														{% set location_id = location_id + 1 %}
														{% endfor %}
													{% else %}
													<div class="empty_locations">{{ text_locations_empty }}</div>
													{% endif %}
												</div>
												<div class="text-right">
													<a href="javascript:;" class="btn btn-primary" id="locations_add" onclick="addNewLocation();">{{ text_add_location }}</a>
												</div>
											</div>
						                    <div class="tab-pane" id="tab-socials-settings">
												<fieldset>
													<legend>{{ text_socials }}</legend>
													<div class="table-responsive">
														<table class="table table-striped table-bordered table-hover">
															<tbody>
																{% set social_row = 0 %}
																{% for social in theme_oct_promo_data.socials %}
																<tr id="social-row{{ social_row }}">
																	<td class="text-left">
																		<div class="input-group">
													                        <span class="input-group-btn">
													                        	<button onClick="fontIcons('social_icone-{{ social_row }}', 'social_input_icone-{{ social_row }}');" class="btn btn-default social_icone" type="button"><i id="social_icone-{{ social_row }}" class="{{ social.icone }}"></i></button>
													                        	<input type="hidden" name="theme_oct_promo_data[socials][{{ social_row }}][icone]" id="social_input_icone-{{ social_row }}" value="{{ social.icone }}" />
													                        </span>
													                        <input type="text" name="theme_oct_promo_data[socials][{{ social_row }}][title]" value="{{ social.title }}" placeholder="{{ entry_social_title }}" class="form-control" />
												                        </div>
																	</td>
																	<td class="text-left">
																		<input type="text" name="theme_oct_promo_data[socials][{{ social_row }}][link]" value="{{ social.link }}" placeholder="{{ entry_social_link }}" class="form-control" />
																	</td>
																	<td class="text-left"><button type="button" onclick="$('#social-row{{ social_row }}').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
																</tr>
																{% set social_row = social_row + 1 %}
																{% endfor %}
															</tbody>
															<tfoot>
																<tr>
																	<td colspan="2"></td>
																	<td class="text-left" style="width:5%;"><button type="button" onclick="addSocial();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
																</tr>
															</tfoot>
														</table>
													</div>
												</fieldset>
					                    	</div>
					                    </div>
									</div>
									<div class="tab-pane" id="tab-menu">
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab-main-menu" data-toggle="tab">{{ text_megamenu_settings }}</a></li>
											<li><a href="#tab-header-menu" data-toggle="tab">{{ tab_header }}</a></li>
											<li><a href="#tab-footer-menu" data-toggle="tab">{{ tab_footer }}</a></li>
					                    </ul>
										<div class="tab-content">
											<div class="tab-pane active" id="tab-main-menu">
												<fieldset>
													<legend>{{ text_megamenu_settings }}</legend>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-megamenu_status">{{ text_megamenu_status }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[megamenu][status]" {% if theme_oct_promo_data.megamenu.status %}checked="checked"{% endif %} id="input-megamenu_status" tabindex="1">
																<label for="input-megamenu_status"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<ul class="nav nav-tabs" id="language-megamenu">
								                      {% for language in languages %}
								                      <li><a href="#language-megamenu{{ 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-megamenu{{ language.language_id }}">
								                                <div class="form-group mx-0">
																	<label class="col-sm-3 control-label" for="input-dtitle{{ language.language_id }}">{{ entry_oct_megamenu_title }}</label>
																	<div class="col-sm-9">
																		<input type="text" name="theme_oct_promo_data[megamenu][dtitle][{{ language.language_id }}]" value="{{ theme_oct_promo_data.megamenu.dtitle[language.language_id] is defined ? theme_oct_promo_data.megamenu.dtitle[language.language_id] : '' }}" placeholder="{{ entry_oct_megamenu_title }}" id="input-dtitle{{ language.language_id }}" class="form-control" />
																	</div>
								                                </div>
								                            </div>
								                        {% endfor %}
								                    </div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="oct_megamenu_categories">{{ entry_megamenu_categories }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[megamenu][dcategories]" {% if theme_oct_promo_data.megamenu.dcategories %}checked="checked"{% endif %} id="oct_megamenu_categories" tabindex="1">
																<label for="oct_megamenu_categories"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="oct_megamenu_categories_limit"><span data-toggle="tooltip" title="" data-original-title="{{ help_megamenu_categories_limit }}">{{ entry_megamenu_categories_limit }}</span></label>
														<div class="col-sm-9">
															<input type="text" name="theme_oct_promo_data[megamenu][limit]" value="{{ theme_oct_promo_data.megamenu.limit }}" placeholder="{{ entry_megamenu_categories_limit }}" id="oct_megamenu_categories_limit" class="form-control" />
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label">{{ entry_menu_cat_view }}</label>
														<div class="col-sm-9">
															<select name="theme_oct_promo_data[megamenu][view]" class="form-control">
																<option value="1" {{ theme_oct_promo_data.megamenu.view == '1' ? 'selected="selected"' : '' }}>{{ entry_menu_cat_view_1 }}</option>
																<option value="2" {{ theme_oct_promo_data.megamenu.view == "2" ? 'selected="selected"' : '' }}>{{ entry_menu_cat_view_2 }}</option>
															</select>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label">{{ entry_menu_sort_view }}</label>
														<div class="col-sm-9">
															<select name="theme_oct_promo_data[megamenu][sort]" class="form-control">
																<option value="1" {{ theme_oct_promo_data.megamenu.sort == '1' ? 'selected="selected"' : '' }}>{{ entry_menu_sort_view_1 }}</option>
																<option value="2" {{ theme_oct_promo_data.megamenu.sort == "2" ? 'selected="selected"' : '' }}>{{ entry_menu_sort_view_2 }}</option>
																<option value="3" {{ theme_oct_promo_data.megamenu.sort == "3" ? 'selected="selected"' : '' }}>{{ entry_menu_sort_view_3 }}</option>
																<option value="4" {{ theme_oct_promo_data.megamenu.sort == "4" ? 'selected="selected"' : '' }}>{{ entry_menu_sort_view_4 }}</option>
															</select>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="oct_megamenu_categories_icon">{{ entry_megamenu_categories_icon }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[megamenu][icon]" {% if theme_oct_promo_data.megamenu.icon %}checked="checked"{% endif %} id="oct_megamenu_categories_icon" tabindex="1">
																<label for="oct_megamenu_categories_icon"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="oct_megamenu_categories_page">{{ entry_megamenu_categories_page }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[megamenu][page]" {% if theme_oct_promo_data.megamenu.page %}checked="checked"{% endif %} id="oct_megamenu_categories_page" tabindex="1">
																<label for="oct_megamenu_categories_page"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</fieldset>
												<fieldset>
													<legend>{{ text_megamenu_items }}</legend>
													<div id="megamenu_block">
														{% set menu_id = 1000 %}
														{% if oct_megamenu %}
															{% for oct_menu in oct_megamenu %}
															<div class="panel panel-default" id="megamenu-{{ oct_menu.oct_menu_id }}">
															    <div class="panel-heading">
															        <span><i class="fa fa-bars" aria-hidden="true"></i> {{ oct_menu.title }}</span>
															        <a href="javascript:;" class="btn btn-danger pull-right" onclick="$('#megamenu-{{ oct_menu.oct_menu_id }}').remove();return false;">
															            <i class="fa fa-trash-o" aria-hidden="true"></i>
															        </a>
															    </div>
															    <div class="panel-body">
																	<ul class="nav nav-tabs main_menu_block">
																		<li><a href="#tab-menu_general{{ oct_menu.oct_menu_id }}" data-toggle="tab">{{ tab_menu_general }}</a></li>
																		<li><a href="#tab-menu_language{{ oct_menu.oct_menu_id }}" data-toggle="tab">{{ tab_menu_language }}</a></li>
																		<li><a href="#tab-menu_links{{ oct_menu.oct_menu_id }}" data-toggle="tab">{{ tab_menu_links }}</a></li>
																	</ul>
																	<div class="tab-content">
																		<div class="tab-pane" id="tab-menu_general{{ oct_menu.oct_menu_id }}">
																			<div class="form-group">
																				<label class="col-sm-2 control-label">{{ text_menu_type }}</label>
																				<div class="col-sm-10">
																					<select name="oct_megamenu[{{ oct_menu.oct_menu_id }}][type]" class="form-control menu_type" id="menu_type-{{ oct_menu.oct_menu_id }}">
																						<option value="" {{ oct_menu.type == '' ? 'selected="selected"' : '' }}>{{ text_menu_select }}</option>
																						<option value="category" {{ oct_menu.type == "category" ? 'selected="selected"' : '' }}>{{ text_menu_type_1 }}</option>
																						<option value="manufacturer" {{ oct_menu.type == "manufacturer" ? 'selected="selected"' : '' }}>{{ text_menu_type_2 }}</option>
																						<option value="oct_blogcategory" {{ oct_menu.type == "oct_blogcategory" ? 'selected="selected"' : '' }}>{{ text_menu_type_3 }}</option>
																						<option value="link" {{ oct_menu.type == "link" ? 'selected="selected"' : '' }}>{{ text_menu_type_4 }}</option>
																					</select>
																				</div>
																			</div>
																			<input type="hidden" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][setting]" value="{{ oct_menu.oct_menu_id }}" />
																			<div class="form-group">
																				<label class="col-sm-2 control-label">{{ text_menu_display_option }}</label>
																				<div class="col-sm-10">
																					<select name="oct_megamenu[{{ oct_menu.oct_menu_id }}][display_option]" class="form-control menu_display_option" id="menu_display_option-{{ oct_menu.oct_menu_id }}">
																						<option value="" {{ oct_menu.display_option == '' ? 'selected="selected"' : '' }}>{{ text_menu_display_option_select }}</option>
																						<option value="vertical" {{ oct_menu.display_option == "vertical" ? 'selected="selected"' : '' }}>{{ text_menu_display_option_1 }}</option>
																						<option value="horizontal" {{ oct_menu.display_option == "horizontal" ? 'selected="selected"' : '' }}>{{ text_menu_display_option_2 }}</option>
																					</select>
																				</div>
																			</div>
																			<div id="menu_settings-{{ oct_menu.oct_menu_id }}"></div>
																		</div>
																		<div class="tab-pane" id="tab-menu_language{{ oct_menu.oct_menu_id }}">
																			<legend>{{ tab_menu_language }}</legend>
																			<ul class="nav nav-tabs menu_lang_block" id="menu_item_language{{ oct_menu.oct_menu_id }}">
																				{% for language in languages %}
																				<li><a href="#menu_item_language{{ oct_menu.oct_menu_id }}_{{ 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="menu_item_language{{ oct_menu.oct_menu_id }}_{{ language.language_id }}">
																					<div class="form-group">
																						<label class="col-sm-2 control-label" for="input-title{{ language.language_id }}">{{ entry_menu_title }}</label>
																						<div class="col-sm-10">
																							<input type="text" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][description][{{ language.language_id }}][title]" value="{{ oct_menu.description[language.language_id] is defined ? oct_menu.description[language.language_id].title : '' }}" placeholder="{{ entry_menu_title }}" id="input-title{{ language.language_id }}" class="form-control" />
																						</div>
																					</div>
																					<div class="form-group">
																						<label class="col-sm-2 control-label" for="input-link{{ language.language_id }}">{{ entry_menu_link }}</label>
																						<div class="col-sm-10">
																							<input type="text" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][description][{{ language.language_id }}][link]" value="{{ oct_menu.description[language.language_id] is defined ? oct_menu.description[language.language_id].link : '' }}" placeholder="{{ entry_menu_link }}" id="input-link{{ language.language_id }}" class="form-control" />
																						</div>
																					</div>
																				</div>
																				{% endfor %}
																			</div>
																		</div>
																		<div class="tab-pane" id="tab-menu_links{{ oct_menu.oct_menu_id }}">
																			<div class="form-group">
																				<label class="col-sm-2 control-label">{{ entry_menu_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 oct_menu.stories %}
																							<input type="checkbox" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][stories][]" value="{{ store.store_id }}" checked="checked" />
																							{{ store['name'] }}
																							{% else %}
																							<input type="checkbox" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][stories][]" value="{{ store.store_id }}" />
																							{{ store['name'] }}
																							{% endif %}
																							</label>
																						</div>
																						{% endfor %}
																					</div>
																				</div>
																			</div>
																			<div class="form-group">
																				<label class="col-sm-2 control-label" for="input-priority">{{ entry_menu_customers }}</label>
																				<div class="col-sm-10">
																					<div class="well well-sm" style="height: 150px; overflow: auto;">
																						{% for customer_group in customer_groups %}
																						<div class="checkbox">
																							<label>
																							{% if 0 in oct_menu.customers %}
																							<input type="checkbox" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][customers][]" value="{{ customer_group.customer_group_id }}" checked="checked" />
																							{{ customer_group['name'] }}
																							{% else %}
																							{% if customer_group.customer_group_id in oct_menu.customers %}
																							<input type="checkbox" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][customers][]" value="{{ customer_group.customer_group_id }}" checked="checked" />
																							{{ customer_group['name'] }}
																							{% else %}
																							<input type="checkbox" name="oct_megamenu[{{ oct_menu.oct_menu_id }}][customers][]" value="{{ customer_group.customer_group_id }}" />
																							{{ customer_group['name'] }}
																							{% endif %}
																							{% endif %}
																							</label>
																						</div>
																						{% endfor %}
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
															{% set menu_id = menu_id + 1 %}
															{% endfor %}
														{% else %}
															<div class="empty_locations">{{ text_menuitems_empty }}</div>
														{% endif %}
													</div>
													<div class="text-right">
														<a href="javascript:;" class="btn btn-primary" id="menuitem_add" onclick="addNewMenuItem();">{{ text_add_menuitem }}</a>
													</div>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-header-menu">
												<fieldset>
													<legend>{{ tab_header }}</legend>
													<div class="mx-0">
														<label class="control-label mb-3" for="input-header_information_links"><span data-toggle="tooltip" title="{{ help_links }}">{{ entry_footer_information_links }}</span></label>
														<div id="header_advantages">
															<div class="table-responsive">
																<table class="table table-striped table-bordered table-hover">
																	<thead>
																		<tr>
																			<th>{{ column_name_link }}</th>
																			<th>{{ column_action }}</th>
																		</tr>
																	</thead>
																	<tbody>
																		{% set header_advantages_row = 0 %}
																		{% for header_link in theme_oct_promo_data.header_links %}
																		<tr id="header_advantage-row{{ header_advantages_row }}">
																			<td class="text-left">
																				<div class="col-sm-12">
																					<input type="text" name="header_advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="header_advantage-{{ header_advantages_row }}" class="form-control" autocomplete="off" /><hr />
																				</div>
																				<div class="col-sm-6">
																					{% 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" placeholder="Title" name="theme_oct_promo_data[header_links][{{ header_advantages_row }}][{{ language.language_id }}][title]" value="{{ header_link[language.language_id].title }}" id="header_advantages_row-title-{{ header_advantages_row }}{{ language.language_id }}" class="form-control" />
																					</div>
																					{% endfor %}
																				</div>
																				<div class="col-sm-6">
																					{% 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" placeholder="Link" name="theme_oct_promo_data[header_links][{{ header_advantages_row }}][{{ language.language_id }}][link]" value="{{ header_link[language.language_id].link }}" id="header_advantages_row-href-{{ header_advantages_row }}{{ language.language_id }}" class="form-control" />
																					</div>
																					{% endfor %}
																				</div>
																			</td>
																			<td class="text-left" style="width:5%;">
																				<button type="button" onclick="$('#header_advantage-row{{ header_advantages_row }}').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
																			</td>
																		</tr>
																		{% set header_advantages_row = header_advantages_row + 1 %}
																		{% endfor %}
																	</tbody>
																	<tfoot>
																		<tr>
																			<td></td>
																			<td class="text-left" style="width:5%;"><button type="button" onclick="addHeaderAdvantage();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
																		</tr>
																	</tfoot>
																</table>
															</div>
														</div>
													</div>
												</fieldset>
											</div>
											<div class="tab-pane" id="tab-footer-menu">
												<fieldset>
													<legend>{{ tab_footer }}</legend>
													<label class="control-label mb-3" for="input-footer_information_links"><span data-toggle="tooltip" title="{{ help_links }}">{{ entry_footer_information_links }}</span></label>
													<div id="footer_advantages">
														<div class="table-responsive">
															<table class="table table-striped table-bordered table-hover">
																<thead>
																	<tr>
																		<th>{{ column_name_link }}</th>
																		<th>{{ column_action }}</th>
																	</tr>
																</thead>
																<tbody>
																	{% set footer_advantages_row = 0 %}
																	{% for footer_link in theme_oct_promo_data.footer_links %}
																	<tr id="footer_advantage-row{{ footer_advantages_row }}">
																		<td class="text-left">
																			<div class="col-sm-12">
																				<input type="text" name="footer_advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="footer_advantage-{{ footer_advantages_row }}" class="form-control" autocomplete="off" /><hr />
																			</div>
																			<div class="col-sm-6">
																				{% 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" placeholder="Title" name="theme_oct_promo_data[footer_links][{{ footer_advantages_row }}][{{ language.language_id }}][title]" value="{{ footer_link[language.language_id].title }}" id="footer_advantages_row-title-{{ footer_advantages_row }}{{ language.language_id }}" class="form-control" />
																				</div>
																				{% endfor %}
																			</div>
																			<div class="col-sm-6">
																				{% 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" placeholder="Link" name="theme_oct_promo_data[footer_links][{{ footer_advantages_row }}][{{ language.language_id }}][link]" value="{{ footer_link[language.language_id].link }}" id="footer_advantages_row-href-{{ footer_advantages_row }}{{ language.language_id }}" class="form-control" />
																				</div>
																				{% endfor %}
																			</div>
																		</td>
																		<td class="text-left" style="width:5%;">
																			<button type="button" onclick="$('#footer_advantage-row{{ footer_advantages_row }}').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
																		</td>
																	</tr>
																	{% set footer_advantages_row = footer_advantages_row + 1 %}
																	{% endfor %}
																</tbody>
																<tfoot>
																	<tr>
																		<td></td>
																		<td class="text-left" style="width:5%;"><button type="button" onclick="addFooterAdvantage();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
																	</tr>
																</tfoot>
															</table>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_contact">{{ entry_footer_link_contact }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_contact]" {% if theme_oct_promo_data.footer_link_contact %}checked="checked"{% endif %} id="input-footer_link_contact" tabindex="1">
																<label for="input-footer_link_contact"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_return">{{ entry_footer_link_return }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_return]" {% if theme_oct_promo_data.footer_link_return %}checked="checked"{% endif %} id="input-footer_link_return" tabindex="1">
																<label for="input-footer_link_return"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_sitemap">{{ entry_footer_link_sitemap }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_sitemap]" {% if theme_oct_promo_data.footer_link_sitemap %}checked="checked"{% endif %} id="input-footer_link_sitemap" tabindex="1">
																<label for="input-footer_link_sitemap"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_man">{{ entry_footer_link_man }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_man]" {% if theme_oct_promo_data.footer_link_man %}checked="checked"{% endif %} id="input-footer_link_man" tabindex="1">
																<label for="input-footer_link_man"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_cert">{{ entry_footer_link_cert }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_cert]" {% if theme_oct_promo_data.footer_link_cert %}checked="checked"{% endif %} id="input-footer_link_cert" tabindex="1">
																<label for="input-footer_link_cert"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group mx-0">
														<label class="col-sm-3 control-label" for="input-footer_link_specials">{{ entry_footer_link_specials }}</label>
														<div class="col-sm-9">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_data[footer_link_specials]" {% if theme_oct_promo_data.footer_link_specials %}checked="checked"{% endif %} id="input-footer_link_specials" tabindex="1">
																<label for="input-footer_link_specials"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-3 control-label" for="input-category"><span data-toggle="tooltip" title="{{ help_links }}">{{ entry_footer_category_links }}</span></label>
														<div class="col-sm-9">
															<input type="text" name="category" value="" placeholder="{{ entry_footer_category_links }}" id="input-category" class="form-control" />
															<div id="product-category" class="well well-sm" style="height: 150px; overflow: auto;">
																{% for category in links_categories %}
																<div id="product-category{{ product_category.category_id }}"><i class="fa fa-minus-circle"></i> {{ category.name }}
																	<input type="hidden" name="theme_oct_promo_data[footer_category_links][]" value="{{ category.category_id }}" />
																</div>
																{% endfor %}
															</div>
														</div>
													</div>
												</fieldset>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab-category">
										<fieldset>
											<legend>{{ text_general }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_subcategory_photo">{{ entry_category_subcategory_photo }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_subcategory_photo]" {% if theme_oct_promo_data.category_subcategory_photo %}checked="checked"{% endif %} id="input-category_subcategory_photo" tabindex="1">
														<label for="input-category_subcategory_photo"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-no_quantity_last">{{ entry_no_quantity_last }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_no_quantity_last" {% if theme_oct_promo_no_quantity_last %}checked="checked"{% endif %} id="input-no_quantity_last" tabindex="1">
														<label for="input-no_quantity_last"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_model">{{ entry_product_model }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data_model" {% if theme_oct_promo_data_model %}checked="checked"{% endif %} id="input-category_model" tabindex="1">
														<label for="input-category_model"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-atributes_category">{{ text_atributes }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data_atributes" {% if theme_oct_promo_data_atributes %}checked="checked"{% endif %} id="input-atributes_category" tabindex="1">
														<label for="input-atributes_category"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-atributes_category_limit">{{ text_atributes_limit }}</label>
												<div class="col-sm-9">
													<input type="text" id="input-atributes_category_limit" name="theme_oct_promo_data_cat_atr_limit" value="{{ theme_oct_promo_data_cat_atr_limit }}" class="form-control" placeholder="{{ text_atributes_limit }}" />
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_view_sort_oder">{{ entry_category_view_sort_oder }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_view_sort_oder]" {% if theme_oct_promo_data.category_view_sort_oder %}checked="checked"{% endif %} id="input-category_view_sort_oder" tabindex="1">
														<label for="input-category_view_sort_oder"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_view_quantity">{{ entry_category_view_quantity }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_view_quantity]" {% if theme_oct_promo_data.category_view_quantity %}checked="checked"{% endif %} id="input-category_view_quantity" tabindex="1">
														<label for="input-category_view_quantity"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_show_more">{{ entry_category_show_more }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_show_more]" {% if theme_oct_promo_data.category_show_more %}checked="checked"{% endif %} id="input-category_show_more" tabindex="1">
														<label for="input-category_show_more"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_infinite_scroll">{{ entry_category_infinite_scroll }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_infinite_scroll]" {% if theme_oct_promo_data.category_infinite_scroll %}checked="checked"{% endif %} id="input-category_infinite_scroll" tabindex="1">
														<label for="input-category_infinite_scroll"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="select-category_show_type">{{ entry_category_show_type }}</label>
												<div class="col-sm-9">
													<select id="select-category_show_type" name="theme_oct_promo_data[category_show_type]" class="form-control">
														<option value="" {% if theme_oct_promo_data.category_show_type == '' %}selected="selected"{% endif %}>{{ entry_category_show_type_deff}}</option>
														<option value="width-100" {% if theme_oct_promo_data.category_show_type == 'width-100' %}selected="selected"{% endif %}>{{ entry_category_show_type_100 }}</option>
														<option value="width-50" {% if theme_oct_promo_data.category_show_type == 'width-50' %}selected="selected"{% endif %}>{{ entry_category_show_type_50 }}</option>
													</select>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="control-label mb-3" for="input-category_view_sort_oder">{{ entry_category_sorts }}</label>
												<div class="table-responsive">
													<table class="table table-bordered">
														<thead>
															<tr>
																<td class="text-center">{{ col_status_sort_order }}</td>
																<td class="text-left">{{ col_status_name }}</td>
																<td class="text-center">{{ col_status_deff }}</td>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.sort_order-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.sort_order-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_sort_order-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_sort_order_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.sort_order-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.sort_order-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.sort_order-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.sort_order-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_sort_order-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_sort_order_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.sort_order-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.sort_order-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="pd.name-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('pd.name-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-pd_name-ASC" />
																</td>
																<td class="text-left">
																	{{ text_pd_name_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="pd.name-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'pd.name-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="pd.name-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('pd.name-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-pd_name-DESC" />
																</td>
																<td class="text-left">
																	{{ text_pd_name_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="pd.name-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'pd.name-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.price-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.price-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_price-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_price_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.price-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.price-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.price-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.price-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_price-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_price_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.price-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.price-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.model-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.model-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_model-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_model_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.model-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.model-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.model-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.model-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_model-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_model_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.model-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.model-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.quantity-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.quantity-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_quantity-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_quantity_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.quantity-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.quantity-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.quantity-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.quantity-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_quantity-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_quantity_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.quantity-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.quantity-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.viewed-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.viewed-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_viewed-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_viewed_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.viewed-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.viewed-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.viewed-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.viewed-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_viewed-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_viewed_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.viewed-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.viewed-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.date_added-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('p.date_added-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_date_added-ASC" />
																</td>
																<td class="text-left">
																	{{ text_p_date_added_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.date_added-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.date_added-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="p.date_added-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('p.date_added-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-p_date_added-DESC" />
																</td>
																<td class="text-left">
																	{{ text_p_date_added_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="p.date_added-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'p.date_added-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="rating-ASC" {% if theme_oct_promo_sort_data.sort is defined and ('rating-ASC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-rating-ASC" />
																</td>
																<td class="text-left">
																	{{ text_rating_ASC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="rating-ASC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'rating-ASC') %}checked="checked"{% endif %} />
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<input type="checkbox" name="theme_oct_promo_sort_data[sort][]" value="rating-DESC" {% if theme_oct_promo_sort_data.sort is defined and ('rating-DESC' in theme_oct_promo_sort_data.sort) %}checked="checked"{% endif %} id="input-rating-DESC" />
																</td>
																<td class="text-left">
																	{{ text_rating_DESC }}
																</td>
																<td class="text-center">
																	<input type="radio" name="theme_oct_promo_sort_data[deff_sort]" value="rating-DESC" {% if theme_oct_promo_sort_data.deff_sort is defined and (theme_oct_promo_sort_data.deff_sort == 'rating-DESC') %}checked="checked"{% endif %} />
																</td>
															</tr>
														</tbody>
													</table>
													<a href="javascript:;" onclick="$(this).prev().find(':checkbox').attr('checked', true);">{{ text_all_select }}</a> / <a href="javascript:;" onclick="$(this).prev().prev().find(':checkbox').attr('checked', false);">{{ text_remove_select }}</a>
												</div>
											</div>
										</fieldset>
										<fieldset>
										    <legend>{{ text_product_limits }}</legend>
											<div class="form-group mx-0 required">
												<label class="col-sm-3 control-label" for="input-catalog-limit"><span data-toggle="tooltip" title="{{ help_product_limit }}">{{ entry_product_limit }}</span></label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_product_limit" value="{{ theme_oct_promo_product_limit }}" placeholder="{{ entry_product_limit }}" id="input-catalog-limit" class="form-control" />
													{% if error_product_limit %}
													<div class="text-danger">
														<script>
															usNotify('warning', '{{ error_product_limit }}');
														</script>
													</div>
													{% endif %}
												</div>
											</div>
											<div class="form-group mx-0 required" style="display: none;">
												<label class="col-sm-3 control-label" for="input-description-limit"><span data-toggle="tooltip" title="{{ help_product_description_length }}">{{ entry_product_description_length }}</span></label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_product_description_length" value="{{ theme_oct_promo_product_description_length }}" placeholder="{{ entry_product_description_length }}" id="input-description-limit" class="form-control" />
													{% if error_product_description_length %}
													<div class="text-danger">
														<script>
															usNotify('warning', '{{ error_product_description_length }}');
														</script>
													</div>
													{% endif %}
												</div>
											</div>
										</fieldset>
										<fieldset>
											<legend>{{ text_categoty_page }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_desc_in_page">{{ entry_category_desc_in_page }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_desc_in_page]" {% if theme_oct_promo_data.category_desc_in_page %}checked="checked"{% endif %} id="input-category_desc_in_page" tabindex="1">
														<label for="input-category_desc_in_page"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="select-category_desc_position">{{ entry_category_desc_position }}</label>
												<div class="col-sm-9">
													<select id="select-category_desc_position" name="theme_oct_promo_data[category_desc_position]" class="form-control">
														<option value="top" {% if theme_oct_promo_data.category_desc_position == 'top' %}selected="selected"{% endif %}>{{ entry_category_desc_position_top }}</option>
														<option value="bottom" {% if theme_oct_promo_data.category_desc_position == 'bottom' %}selected="selected"{% endif %}>{{ entry_category_desc_position_bottom }}</option>
													</select>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_desc_up">{{ entry_category_desc_up }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_desc_up]" {% if theme_oct_promo_data.category_desc_up %}checked="checked"{% endif %} id="input-category_desc_up" tabindex="1">
														<label for="input-category_desc_up"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_page_number">{{ entry_category_page_number }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_page_number]" {% if theme_oct_promo_data.category_page_number %}checked="checked"{% endif %} id="input-category_page_number" tabindex="1">
														<label for="input-category_page_number"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_view_subcats">{{ entry_category_view_subcats }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_view_subcats]" {% if theme_oct_promo_data.category_view_subcats %}checked="checked"{% endif %} id="input-category_view_subcats" tabindex="1">
														<label for="input-category_view_subcats"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_subcat_products">{{ entry_category_subcat_products }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_subcat_products]" {% if theme_oct_promo_data.category_subcat_products %}checked="checked"{% endif %} id="input-category_subcat_products" tabindex="1">
														<label for="input-category_subcat_products"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_cat_image">{{ entry_category_cat_image }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_cat_image]" {% if theme_oct_promo_data.category_cat_image %}checked="checked"{% endif %} id="input-category_cat_image" tabindex="1">
														<label for="input-category_cat_image"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-category_cat_image">{{ entry_category_page }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[category_page]" {% if theme_oct_promo_data.category_page %}checked="checked"{% endif %} id="input-category_page" tabindex="1">
														<label for="input-category_page"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset>
											<legend>{{ text_manufacture_page }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-man_logo">{{ entry_man_logo }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[man_logo]" {% if theme_oct_promo_data.man_logo %}checked="checked"{% endif %} id="input-man_logo" tabindex="1">
														<label for="input-man_logo"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-product">
										<fieldset>
											<legend>{{ tab_product }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_youtube_to_gallery">{{ entry_product_youtube_to_gallery }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_youtube_to_gallery]" {% if theme_oct_promo_data.product_youtube_to_gallery %}checked="checked"{% endif %} id="input-product_youtube_to_gallery" tabindex="1">
														<label for="input-product_youtube_to_gallery"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_model">{{ entry_product_model }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_model]" {% if theme_oct_promo_data.product_model %}checked="checked"{% endif %} id="input-product_model" tabindex="1">
														<label for="input-product_model"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											{% if hasblog %}
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_blog_related">{{ entry_product_blog_related }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_blog_related]" {% if theme_oct_promo_data.product_blog_related %}checked="checked"{% endif %} id="input-product_blog_related" tabindex="1">
														<label for="input-product_blog_related"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											{% endif %}
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_atributes">{{ entry_product_atributes }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_atributes]" {% if theme_oct_promo_data.product_atributes %}checked="checked"{% endif %} id="input-product_atributes" tabindex="1">
														<label for="input-product_atributes"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-atributes_product_limit">{{ text_atributes_limit }}</label>
												<div class="col-sm-9">
													<input type="text" id="input-atributes_product_limit" name="theme_oct_promo_data_pr_atr_limit" value="{{ theme_oct_promo_data_pr_atr_limit }}" class="form-control" placeholder="{{ text_atributes_limit }}" />
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-theme_oct_promo_data_pr_reviews_limit">{{ text_reviews_limit }}</label>
												<div class="col-sm-9">
													<input type="text" id="input-theme_oct_promo_data_pr_reviews_limit" name="theme_oct_promo_data_pr_reviews_limit" value="{{ theme_oct_promo_data_pr_reviews_limit is defined and theme_oct_promo_data_pr_reviews_limit ? theme_oct_promo_data_pr_reviews_limit : 20 }}" class="form-control" placeholder="{{ text_reviews_limit }}" />
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_zoom">{{ entry_product_zoom }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_zoom]" {% if theme_oct_promo_data.product_zoom %}checked="checked"{% endif %} id="input-product_zoom" tabindex="1">
														<label for="input-product_zoom"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_faq">{{ entry_product_faq }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_faq]" {% if theme_oct_promo_data.product_faq %}checked="checked"{% endif %} id="input-product_faq" tabindex="1">
														<label for="input-product_faq"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_timer">{{ entry_product_timer }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_timer]" {% if theme_oct_promo_data.product_timer %}checked="checked"{% endif %} id="input-product_timer" tabindex="1">
														<label for="input-product_timer"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-theme_oct_promo_data_timer_enddate">{{ text_timer_enddate }}</label>
												<div class="col-sm-9">
													<input type="text" id="input-theme_oct_promo_data_timer_enddate" name="theme_oct_promo_data_timer_enddate" 
																   value="{{ theme_oct_promo_data_timer_enddate is defined and theme_oct_promo_data_timer_enddate ? theme_oct_promo_data_timer_enddate : '' }}" 
																   class="form-control" 
																   placeholder="{{ text_timer_enddate }}" 
																   title="yyyy-mm-dd" />
													<div class="help-block">{{ text_timer_enddate_help }}</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product-sets">{{ entry_product_sets }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_sets]" {% if theme_oct_promo_data.product_sets %}checked="checked"{% endif %} id="input-product-sets" tabindex="1">
														<label for="input-product-sets"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_quantity_show">{{ entry_product_quantity_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_quantity_show]" {% if theme_oct_promo_data.product_quantity_show %}checked="checked"{% endif %} id="input-product_quantity_show" tabindex="1">
														<label for="input-product_quantity_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_sku_show">{{ entry_product_sku_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_sku_show]" {% if theme_oct_promo_data.product_sku_show %}checked="checked"{% endif %} id="input-product_sku_show" tabindex="1">
														<label for="input-product_sku_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>											
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_upc_show">{{ entry_product_upc_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_upc_show]" {% if theme_oct_promo_data.product_upc_show %}checked="checked"{% endif %} id="input-product_upc_show" tabindex="1">
														<label for="input-product_upc_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>											
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_ean_show">{{ entry_product_ean_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_ean_show]" {% if theme_oct_promo_data.product_ean_show %}checked="checked"{% endif %} id="input-product_ean_show" tabindex="1">
														<label for="input-product_ean_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_jan_show">{{ entry_product_jan_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_jan_show]" {% if theme_oct_promo_data.product_jan_show %}checked="checked"{% endif %} id="input-product_jan_show" tabindex="1">
														<label for="input-product_jan_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_isbn_show">{{ entry_product_isbn_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_isbn_show]" {% if theme_oct_promo_data.product_isbn_show %}checked="checked"{% endif %} id="input-product_isbn_show" tabindex="1">
														<label for="input-product_isbn_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_mpn_show">{{ entry_product_mpn_show }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_mpn_show]" {% if theme_oct_promo_data.product_mpn_show %}checked="checked"{% endif %} id="input-product_mpn_show" tabindex="1">
														<label for="input-product_mpn_show"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_dop_tab">{{ entry_product_dop_tab }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_dop_tab]" {% if theme_oct_promo_data.product_dop_tab %}checked="checked"{% endif %} id="input-product_dop_tab" tabindex="1">
														<label for="input-product_dop_tab"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div id="product_dop_tabs_text" class="form-group mx-0"{% if (theme_oct_promo_data.product_dop_tab is not defined or (theme_oct_promo_data.product_dop_tab is defined and not theme_oct_promo_data.product_dop_tab)) %}style="display:none"{% endif %}>
												<label class="control-label mb-3" for="input-product_dop_tab_ttt">{{ entry_product_dop_tab_ttt }}</label>
												<div>
													<ul class="nav nav-tabs" id="product_dop_tab-language">
														{% for language in languages %}
															<li><a href="#product_dop_tab-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="product_dop_tab-language{{ language.language_id }}">
							                            	<div class="form-group mx-0">
							                            		<input type="text" name="theme_oct_promo_data[product_dop_tab_title][{{ language.language_id }}]" value="{{ theme_oct_promo_data.product_dop_tab_title[language.language_id] is defined ? theme_oct_promo_data.product_dop_tab_title[language.language_id] : '' }}" placeholder="{{ entry_product_dop_tab_title }}" class="form-control" />
							                            	</div>
							                            	<div class="form-group mx-0">
																<textarea id="product_dop_tab{{ language.language_id }}" data-toggle="summernote" data-lang="{{ summernote }}" name="theme_oct_promo_data[product_dop_tab_text][{{ language.language_id }}]" rows="5" placeholder="{{ entry_product_dop_tab_text }}" class="form-control">{{ theme_oct_promo_data.product_dop_tab_text[language.language_id] is defined ? theme_oct_promo_data.product_dop_tab_text[language.language_id] : '' }}</textarea>
							                            	</div>
							                            </div>
							                            {% endfor %}
								                    </div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_js_button"><span data-toggle="tooltip" title="" data-original-title="{{ help_product_js_button }}">{{ entry_product_js_button }}</span></label>
												<div class="col-sm-9">
													<textarea rows="5" name="theme_oct_promo_data[product_js_button]" placeholder="{{ entry_product_js_button }}" id="input-product_js_button" class="form-control">{{ theme_oct_promo_data.product_js_button }}</textarea>
												</div>
											</div>
											<!-- official_rep -->
											<div>
											<fieldset>
												<legend>{{ tab_official_rep }}</legend>

												<table id="official-rep-table"
													class="table table-bordered table-striped">
												<thead>
													<tr>
													<th style="width:85%;">{{ entry_rep_title }}</th>
													<th style="width:15%;" class="text-left">{{ column_action }}</th>
													</tr>
												</thead>

												<tbody>
													{% set rep_row = 0 %}
													{% for block in official_rep %}
													<tr id="rep-head-{{ rep_row }}">
														<td>
														<input type="text"
																name="theme_oct_promo_data[official_rep][{{ rep_row }}][title]"
																value="{{ block.title }}"
																class="form-control"/>
														</td>
														<td class="text-left" style="white-space:nowrap">
														<button type="button" class="btn btn-success"
																onclick="$('#rep-body-{{ rep_row }}').slideToggle();">
															<i class="fa fa-pencil"></i>
														</button>
														<button type="button" class="btn btn-danger"
																onclick="$('#rep-head-{{ rep_row }},#rep-body-{{ rep_row }}').remove();">
															<i class="fa fa-minus-circle"></i>
														</button>
														</td>
													</tr>

													<tr id="rep-body-{{ rep_row }}" style="display:none">
														<td colspan="2">
														<div class="form-horizontal pt-3">

															<div class="form-group mx-0">
																<label class="col-sm-3 control-label text-right">{{ entry_rep_all }}</label>
																<div class="col-sm-9">
																	<input type="checkbox"
																		name="theme_oct_promo_data[official_rep][{{ rep_row }}][all_manu]"
																		value="1" {{ block.all_manu ? 'checked' : '' }}/>
																</div>
																<div class="col-sm-3"></div>
																<div class="col-sm-9">
																	<div class="help-block style="margin-top: 5px;"> {{ help_rep_all }}</div>
																</div>	
															</div>

															<div class="form-group mx-0">
																<label class="col-sm-3 control-label text-right">{{ entry_rep_logo }}</label>
																<div class="col-sm-9">
																	<input type="checkbox"
																		name="theme_oct_promo_data[official_rep][{{ rep_row }}][logo]"
																		value="1" {{ block.logo ? 'checked' : '' }}/>
																</div>
																<div class="col-sm-3"></div>
																<div class="col-sm-9">
																	<div class="help-block style="margin-top: 5px;"> {{ help_rep_logo }}</div>
																</div>	
															</div>

															<div class="form-group mx-0">
																<label class="col-sm-3 control-label text-right">{{ entry_rep_manuf }}</label>
																<div class="col-sm-9">
																	<input type="text"
																		id="rep-manu-ac-{{ rep_row }}"
																		class="form-control" autocomplete="off"
																		placeholder="{{ entry_rep_manuf }}"/>

																	<div id="rep-manu-selected-{{ rep_row }}"
																		class="rep-manu-wrapper">
																	{% if block.manufacturers %}
																		{% for m_id in block.manufacturers %}
																		<div class="rep-manu-badge">
																			{{ official_rep_manuf[m_id] }}
																			<i class="fa fa-minus-circle text-danger"
																			onclick="$(this).parent().remove();"></i>
																			<input type="hidden"
																				name="theme_oct_promo_data[official_rep][{{ rep_row }}][manufacturers][]"
																				value="{{ m_id }}"/>
																		</div>
																		{% endfor %}
																	{% endif %}
																	</div>
																</div>
																<div class="col-sm-3"></div>
																<div class="col-sm-9">
																	<div class="help-block style="margin-top: 5px;"> {{ help_rep_manuf }}</div>
																</div>	
															</div>

															<div class="form-group mx-0">
															<label class="col-sm-3 control-label text-right">{{ entry_rep_descr }}</label>
															<div class="col-sm-9">
																<ul class="nav nav-tabs">
																{% for lang in languages %}
																	<li class="{{ loop.first ? 'active' }}">
																	<a href="#rep-desc{{ lang.language_id }}-{{ rep_row }}" data-toggle="tab">
																		<img src="language/{{ lang.code }}/{{ lang.code }}.png"/> {{ lang.name }}
																	</a>
																	</li>
																{% endfor %}
																</ul>

																<div class="tab-content">
																{% for lang in languages %}
																	<div id="rep-desc{{ lang.language_id }}-{{ rep_row }}"
																		class="tab-pane {{ loop.first ? 'active' }}">
																	<textarea name="theme_oct_promo_data[official_rep][{{ rep_row }}][description][{{ lang.language_id }}]" class="form-control summernote" rows="4">{{ block.description[lang.language_id] }}</textarea>
																	</div>
																{% endfor %}
																</div>
															</div>
															</div>

														</div>
														</td>
													</tr>

													{% set rep_row = rep_row + 1 %}
													{% endfor %}
												</tbody>

												<tfoot>
													<tr>
													<td colspan="2" class="text-left">
														<button type="button" onclick="addOfficialRep();" class="btn btn-primary">
														<i class="fa fa-plus-circle"></i> {{ button_add_rep }}
														</button>
													</td>
													</tr>
												</tfoot>
												</table>
											</fieldset>
											</div>

											<script>
											let official_rep_row = {{ rep_row }};

											const repTpl = r => `
											<tr id="rep-head-${r}">
											<td>
												<input type="text"
													name="theme_oct_promo_data[official_rep][${r}][title]"
													placeholder="{{ entry_rep_title }}"
													class="form-control"/>
											</td>
											<td class="text-left" style="white-space:nowrap">
												<button type="button" class="btn btn-success"
														onclick="$('#rep-body-${r}').slideToggle();">
												<i class="fa fa-pencil"></i>
												</button>
												<button type="button" class="btn btn-danger"
														onclick="$('#rep-head-${r},#rep-body-${r}').remove();">
												<i class="fa fa-minus-circle"></i>
												</button>
											</td>
											</tr>

											<tr id="rep-body-${r}" style="display:none">
											<td colspan="2">
												<div class="form-horizontal pt-3">

												<div class="form-group mx-0">
													<label class="col-sm-3 control-label text-right">{{ entry_rep_all }}</label>
													<div class="col-sm-9">
													<input type="checkbox"
															name="theme_oct_promo_data[official_rep][${r}][all_manu]" value="1"/>
													</div>
													<div class="col-sm-3"></div>
													<div class="col-sm-9">
														<div class="help-block style="margin-top: 5px;"> {{ help_rep_all }}</div>
													</div>	
												</div>

												<div class="form-group mx-0">
													<label class="col-sm-3 control-label text-right">{{ entry_rep_logo }}</label>
													<div class="col-sm-9">
														<input type="checkbox"
															name="theme_oct_promo_data[official_rep][${r}][logo]" value="1" checked/>
													</div>
													<div class="col-sm-3"></div>
													<div class="col-sm-9">
														<div class="help-block style="margin-top: 5px;"> {{ help_rep_logo }}</div>
													</div>	
												</div>

												<div class="form-group mx-0">
													<label class="col-sm-3 control-label text-right">{{ entry_rep_manuf }}</label>
													<div class="col-sm-9">
													<input type="text" id="rep-manu-ac-${r}"
															class="form-control" autocomplete="off"
															placeholder="{{ entry_rep_manuf }}"/>

													<div id="rep-manu-selected-${r}" class="rep-manu-wrapper"></div>
													</div>
													<div class="col-sm-3"></div>
													<div class="col-sm-9">
														<div class="help-block style="margin-top: 5px;"> {{ help_rep_manuf }}</div>
													</div>	
												</div>

												<div class="form-group mx-0">
													<label class="col-sm-3 control-label text-right">{{ entry_rep_descr }}</label>
													<div class="col-sm-9">
													<ul class="nav nav-tabs">
														{% for lang in languages %}
														<li class="{% if loop.first %}active{% endif %}">
															<a href="#rep-desc{{ lang.language_id }}-${r}" data-toggle="tab">
															<img src="language/{{ lang.code }}/{{ lang.code }}.png"/> {{ lang.name }}
															</a>
														</li>
														{% endfor %}
													</ul>

													<div class="tab-content" style="max-width: 100%;">
														{% set rep_desc = theme_oct_promo_data.official_rep[r].description %}
														{% if rep_desc is not defined %} {% set rep_desc = {} %} {% endif %}
														{% for lang in languages %}
														<div id="rep-desc{{ lang.language_id }}-${r}"
															class="tab-pane {% if loop.first %}active{% endif %}">
															<textarea name="theme_oct_promo_data[official_rep][${r}][description][{{ lang.language_id }}]" class="form-control summernote" data-toggle="summernote" rows="4"></textarea>
														</div>
														{% endfor %}
													</div>
													</div>
												</div>

												</div>
											</td>
											</tr>`;

											function addOfficialRep(){
												$('#official-rep-table tbody').append(repTpl(official_rep_row));
												bindManuAutocomplete(official_rep_row);
												official_rep_row++;
											}

											function bindManuAutocomplete(row){
											$('#rep-manu-ac-'+row).autocomplete({
												source(request,response){
												$.ajax({
													url:'index.php?route=catalog/manufacturer/autocomplete&user_token={{ user_token }}&filter_name='+encodeURIComponent(request),
													dataType:'json',
													success(json){
													response($.map(json,item=>({label:item.name,value:item.manufacturer_id})));
													}
												});
												},
												select(item){ 

												if ($('#rep-manu-selected-'+row+' input[value="'+item.value+'"]').length){
													return false; 
												}

												$('#rep-manu-selected-'+row).append(
													'<div class="rep-manu-badge">'+item.label+
													' <i class="fa fa-minus-circle text-danger" onclick="$(this).parent().remove();"></i>'+
													'<input type="hidden" name="theme_oct_promo_data[official_rep]['+row+'][manufacturers][]" value="'+item.value+'"/>'+
													'</div>'
												);
												this.value='';
												return false;
												}
											});
											}

											for(let i=0;i<official_rep_row;i++){ bindManuAutocomplete(i); }

											</script>

											<style>
											.rep-manu-wrapper{padding:6px 0;}
											.rep-manu-badge{
											display:inline-block;margin:2px 4px 2px 0;padding:4px 10px;
											background:#eef9ff;border:1px solid #b6dfff;border-radius:16px;
											font-size:13px;line-height:20px;
											}
											.rep-manu-badge i{margin-left:4px;cursor:pointer;}
											</style>	

											<!-- delivery_section -->
											<div class="mx-0">
												<fieldset>
													<legend>{{ text_delivery_section }}</legend>
													<div id="delivery-blocks">
														{% for product_delivery in theme_oct_promo_data.product_delivery %}
															{% set delivery_row = loop.index0 %}
															<div class="delivery-block" style="background: #f9f9f9; border-radius: 10px;" id="delivery-block-{{ delivery_row }}">
																<div class="col-sm-10">
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="input-product-delivery-image{{ delivery_row }}">{{ text_image }}</label>
																		<div class="col-sm-10">
																			<a href="" id="delivery-block-thumb-image{{ delivery_row }}" data-toggle="image" class="img-thumbnail">
																				<img src="{{ product_delivery.image_cached }}" alt="" title="" data-placeholder="{{ placeholder }}" width="50" height="50"/>
																			</a>
																			<input type="hidden" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][image]" id="input-product-delivery-image{{ delivery_row }}" value="{{ product_delivery.image }}" />
																		</div>
																	</div>
																	<ul class="nav nav-tabs" id="delivery-language-tabs-{{ delivery_row }}">
																		{% for language in languages %}
																			<li {% if loop.first %} class="active" {% endif %}>
																				<a href="#delivery-language-{{ delivery_row }}-{{ 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{% if loop.first %} active{% endif %}" id="delivery-language-{{ delivery_row }}-{{ language.language_id }}">
																				<div class="form-group">
																					<label class="col-sm-2 control-label" for="input-title{{ delivery_row }}">{{ text_title }}</label>
																					<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][{{ language.language_id }}][title]" value="{{ product_delivery[language.language_id].title }}" placeholder="{{ text_title }}" id="input-title{{ language.language_id }}{{ delivery_row }}" class="form-control"/></div>
																				</div>
																				<div class="form-group">
																					<label class="col-sm-2 control-label" for="input-price{{ delivery_row }}">{{ text_price }}</label>
																					<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][{{ language.language_id }}][price]" value="{{ product_delivery[language.language_id].price }}" placeholder="{{ text_price }}" id="input-price{{ language.language_id }}{{ delivery_row }}" class="form-control"/></div>
																				</div>
																				<div class="form-group">
																					<label class="col-sm-2 control-label" for="input-delivery-time{{ delivery_row }}">{{ text_delivery_time }}</label>
																					<div class="col-sm-10">
																						<input type="text" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][{{ language.language_id }}][delivery_time]" value="{{ product_delivery[language.language_id].delivery_time }}" placeholder="{{ text_delivery_time }}" id="input-delivery-time{{ language.language_id }}{{ delivery_row }}" class="form-control"/>
																					</div>
																				</div>
																				<div class="form-group">
																					<label class="col-sm-2 control-label" for="input-link{{ delivery_row }}">{{ text_link }}</label>
																					<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][{{ language.language_id }}][link]" value="{{ product_delivery[language.language_id].link }}" placeholder="{{ text_link }}" id="input-link{{ language.language_id }}{{ delivery_row }}" class="form-control"/></div>
																				</div>
																			</div>
																		{% endfor %}
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="input-sort-order{{ delivery_row }}">{{ text_sort_order }}</label>
																		<div class="col-sm-10"><input type="number" name="theme_oct_promo_data[product_delivery][{{ delivery_row }}][sort_order]" value="{{ product_delivery.sort_order }}" placeholder="{{ text_sort_order }}" id="input-sort-order{{ delivery_row }}" class="form-control"/></div>
																	</div>
																</div>
																<div class="col-sm-2">
																	<div class="text-right pt-3">
																		<button type="button" onclick="$('#delivery-block-{{ delivery_row }}').remove();" class="btn btn-danger">
																			<i class="fa fa-trash"></i>
																		</button>
																	</div>
																</div>
																<div class="clearfix"></div>
																<hr style="border: 0;">
															</div>
														{% endfor %}
													</div>
												</fieldset>
												<button type="button" id="add-delivery" class="btn btn-primary"><i class="fa fa-plus-circle"></i> {{ button_add_delivery }}</button>
											</div>
											<!-- payment_section -->
											<div class="form-group mx-0">
												<fieldset>
													<legend>{{ text_payment_section }}</legend>
													<div id="payment-blocks">
														{% for product_payment in theme_oct_promo_data.product_payment %}
															{% set payment_row = loop.index0 %}
															<div class="payment-block" style="background: #f9f9f9; border-radius: 10px;" id="payment-block-{{ payment_row }}">
																<div class="col-sm-10">
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="input-product-payment-image{{ payment_row }}">{{ text_image }}</label>
																		<div class="col-sm-10">
																			<a href="" id="payment-block-thumb-image{{ payment_row }}" data-toggle="image" class="img-thumbnail">
																				<img src="{{ product_payment.image_cached }}" alt="" title="" data-placeholder="{{ placeholder }}" width="50" height="50"/>
																			</a>
																			<input type="hidden" name="theme_oct_promo_data[product_payment][{{ payment_row }}][image]" id="input-product-payment-image{{ payment_row }}" value="{{ product_payment.image }}"/>
																		</div>
																	</div>
																	<ul class="nav nav-tabs" id="payment-language-tabs-{{ payment_row }}">
																		{% for language in languages %}
																			<li {% if loop.first %} class="active" {% endif %}>
																				<a href="#payment-language-{{ payment_row }}-{{ 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{% if loop.first %} active{% endif %}" id="payment-language-{{ payment_row }}-{{ language.language_id }}">
																				<div class="form-group">
																					<label class="col-sm-2 control-label" for="input-title{{ payment_row }}">{{ text_title }}</label>
																					<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_payment][{{ payment_row }}][{{ language.language_id }}][title]" value="{{ product_payment[language.language_id].title }}" placeholder="{{ text_title }}" id="input-title{{ language.language_id }}{{ payment_row }}" class="form-control"/></div>
																				</div>
																			</div>
																		{% endfor %}
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label" for="input-sort-order{{ payment_row }}">{{ text_sort_order }}</label>
																		<div class="col-sm-10"><input type="number" name="theme_oct_promo_data[product_payment][{{ payment_row }}][sort_order]" value="{{ product_payment.sort_order }}" placeholder="{{ text_sort_order }}" id="input-sort-order{{ payment_row }}" class="form-control"/></div>
																	</div>
																</div>
																<div class="col-sm-2">
																	<div class="text-right pt-3">
																		<button type="button" onclick="$('#payment-block-{{ payment_row }}').remove();" class="btn btn-danger">
																			<i class="fa fa-trash"></i>
																		</button>
																	</div>
																</div>
																<div class="clearfix"></div>
																<hr style="border: 0;">
															</div>
														{% endfor %}
													</div>
												</fieldset>
												<button type="button" id="add-payment" class="btn btn-primary">
													<i class="fa fa-plus-circle"></i>
													{{ button_add_payment }}</button>
											</div>
											<legend>{{ entry_product_garantii }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-product_advantage">{{ entry_product_advantages }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data[product_advantage]" {% if theme_oct_promo_data.product_advantage %}checked="checked"{% endif %} id="input-product_advantage" tabindex="1">
														<label for="input-product_advantage"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div id="product_advantages" class="form-group mx-0"{% if (theme_oct_promo_data.product_advantage is not defined or (theme_oct_promo_data.product_advantage is defined and not theme_oct_promo_data.product_advantage)) %}style="display:none"{% endif %}>
												<div class="text-danger" style="padding-bottom: 16px;"><b>{{ advantage_help_text }}</b></div>
												<div class="table-responsive">
													<table class="table table-striped table-bordered table-hover">
														<thead>
															<tr>
																<th></th>
																<th>{{ column_name_link }}</th>
																<th>{{ column_action }}</th>
																<th></th>
																<th></th>
															</tr>
														</thead>
														<tbody>
															{% set advantages_row = 0 %}
															{% for advantage in theme_oct_promo_data.product_advantages %}
															<tr id="advantage-row{{ advantages_row }}">
																<td class="text-left" style="width:5%;">
																	<div class="input-group">
												                        <span class="input-group-btn">
																			<a href="" id="advantages_icone-{{ advantages_row }}" data-toggle="image" class="img-thumbnail"><img src="/image/{{ advantage.icone }}" alt="" title="" data-placeholder="Select Icon" /></a>
												                        	<input type="hidden" name="theme_oct_promo_data[product_advantages][{{ advantages_row }}][icone]" id="advantages_input_icone-{{ advantages_row }}" value="{{ advantage.icone }}" />
												                        	<input type="hidden" name="theme_oct_promo_data[product_advantages][{{ advantages_row }}][information_id]" id="advantages_id-{{ advantages_row }}" value="{{ advantage.information_id }}" />
												                        </span>
											                        </div>
																</td>
																<td class="text-left">
																	<div class="col-sm-12">
																		<input type="text" name="advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="advantage_link-{{ advantages_row }}" class="form-control" autocomplete="off" /><hr />
																	</div>
																	<div class="col-sm-6">
																		{% 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="theme_oct_promo_data[product_advantages][{{ advantages_row }}][{{ language.language_id }}][title]" value="{{ advantage[language.language_id].title }}" id="advantage-title-{{ advantages_row }}{{ language.language_id }}" class="form-control" />
																		</div>
																		{% endfor %}
																	</div>
																	<div class="col-sm-6">
																		{% 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="theme_oct_promo_data[product_advantages][{{ advantages_row }}][{{ language.language_id }}][link]" value="{{ advantage[language.language_id].link }}" id="advantage-href-{{ advantages_row }}{{ language.language_id }}" class="form-control" />
																		</div>
																		{% endfor %}
																	</div>
																</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="theme_oct_promo_data[product_advantages][{{ advantages_row }}][{{ language.language_id }}][text]" class="form-control">{{ advantage[language.language_id].text }}</textarea>
																	</div>
																	{% endfor %}
																</td>
																<td class="text-left" style="width:10%;">
																	<label class="col-sm-12" for="input-product_advantage_popup-{{ advantages_row }}">{{ entry_product_advantage_popup }}</label>
																	<div class="col-sm-12">
																		<div class="toggle-group">
																			<input type="checkbox" name="theme_oct_promo_data[product_advantages][{{ advantages_row }}][popup]" {% if theme_oct_promo_data.product_advantages[advantages_row].popup %}checked="checked"{% endif %} id="input-product_advantage_popup-{{ advantages_row }}" tabindex="1">
																			<label for="input-product_advantage_popup-{{ advantages_row }}"></label>
																			<div class="onoffswitch pull-left" aria-hidden="true">
																				<div class="onoffswitch-label">
																					<div class="onoffswitch-inner"></div>
																					<div class="onoffswitch-switch"></div>
																				</div>
																			</div>
																		</div>
																	</div>
																</td>
																<td class="text-left" style="width:5%;">
																	<button type="button" onclick="$('#advantage-row{{ advantages_row }}').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
																</td>
															</tr>
															{% set advantages_row = advantages_row + 1 %}
															{% endfor %}
														</tbody>
														<tfoot>
															<tr>
																<td colspan="4"></td>
																<td class="text-left" style="width:5%;"><button type="button" onclick="addAdvantage();" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>
															</tr>
														</tfoot>
													</table>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-orders">
										<fieldset>
											<legend>{{ tab_order }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="theme_oct_promo_data_osucsess_status">{{ entry_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_data_osucsess[status]" {% if theme_oct_promo_data_osucsess.status %}checked="checked"{% endif %} id="theme_oct_promo_data_osucsess_status" tabindex="1">
														<label for="theme_oct_promo_data_osucsess_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset>
											<legend>{{ text_order_register_account }}</legend>
											<label class="col-sm-3 control-label" style="padding-top:80px;text-align:left;">
												{{ entry_order_register_dop }}
											</label>
											<div class="col-sm-9">
												<div class="form-group" style="padding-top:0;padding-bottom:0;">
													<ul class="nav nav-tabs" id="order_register_account-language">
														{% for language in languages %}
															<li><a href="#order_register_account-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>
												<div class="tab-content">
													{% for language in languages %}
													<div class="tab-pane" id="order_register_account-language{{ language.language_id }}">
														<div class="form-group">
															<div class="input-group">
																<span class="input-group-addon">{{ entry_order_register_account_title }}</span>
																<input type="text" name="theme_oct_promo_data_osucsess[reg][title][{{ language.language_id }}]" value="{{ theme_oct_promo_data_osucsess.reg.title[language.language_id] is defined ? theme_oct_promo_data_osucsess.reg.title[language.language_id] : '' }}" placeholder="{{ entry_order_register_account_title }}" class="form-control" />
															</div>
														</div>
														<div class="form-group">
															<textarea id="order_register_account{{ language.language_id }}" data-toggle="summernote" data-lang="{{ summernote }}" name="theme_oct_promo_data_osucsess[reg][text][{{ language.language_id }}]" rows="5" placeholder="{{ entry_product_dop_tab_text }}" class="form-control">{{ theme_oct_promo_data_osucsess.reg.text[language.language_id] is defined ? theme_oct_promo_data_osucsess.reg.text[language.language_id] : '' }}</textarea>
														</div>
													</div>
													{% endfor %}
												</div>
											</div>
										</fieldset>
										<fieldset>
											<legend>{{ text_order_no_register_account }}</legend>
											<label class="col-sm-3 control-label" style="padding-top:80px;text-align:left;">
												{{ entry_order_no_register_dop }}
											</label>
											<div class="col-sm-9">
												<div class="form-group" style="padding-top:0;padding-bottom:0;">
													<ul class="nav nav-tabs" id="order_no_register_account-language">
														{% for language in languages %}
															<li><a href="#order_no_register_account-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>
												<div class="tab-content">
													{% for language in languages %}
													<div class="tab-pane" id="order_no_register_account-language{{ language.language_id }}">
														<div class="form-group">
															<div class="input-group">
																<span class="input-group-addon">{{ entry_order_register_account_title }}</span>
																<input type="text" name="theme_oct_promo_data_osucsess[noreg][title][{{ language.language_id }}]" value="{{ theme_oct_promo_data_osucsess.noreg.title[language.language_id] is defined ? theme_oct_promo_data_osucsess.noreg.title[language.language_id] : '' }}" placeholder="{{ entry_order_register_account_title }}" class="form-control" />
															</div>
														</div>
														<div class="form-group">
															<textarea id="order_no_register_account{{ language.language_id }}" data-toggle="summernote" data-lang="{{ summernote }}" name="theme_oct_promo_data_osucsess[noreg][text][{{ language.language_id }}]" rows="5" placeholder="{{ entry_product_dop_tab_text }}" class="form-control">{{ theme_oct_promo_data_osucsess.noreg.text[language.language_id] is defined ? theme_oct_promo_data_osucsess.noreg.text[language.language_id] : '' }}</textarea>
														</div>
													</div>
													{% endfor %}
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-microdata">
										<div class="form-group mx-0">
											<label class="col-sm-3 control-label" for="input-micro">{{ entry_micro }}</label>
											<div class="col-sm-9">
												<div class="toggle-group">
													<input type="checkbox" name="theme_oct_promo_data[micro]" {% if theme_oct_promo_data.micro %}checked="checked"{% endif %} id="input-micro" tabindex="1">
													<label for="input-micro"></label>
													<div class="onoffswitch pull-left" aria-hidden="true">
														<div class="onoffswitch-label">
															<div class="onoffswitch-inner"></div>
															<div class="onoffswitch-switch"></div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div id="org-fields" class="org-wrapper" style="{{ theme_oct_promo_data.micro ? '' : 'display: none;' }}border: 2px dashed #a8d8ea; border-radius: 8px; padding: 20px; margin: 15px 0; background-color: #f7fcff;">
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-country"></label>
												<div class="microdata-header col-sm-9">
												<h4><i class="fa fa-code"></i> {{ text_microdata_settings }}</h4>
												<p class="text-muted">{{ help_microdata }}</p>
												</div>
											</div>
											{% set o = theme_oct_promo_org_data|default({}) %}

											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-type">{{ entry_org_type }}</label>
												<div class="col-sm-9">
													<select name="theme_oct_promo_org_data[type]" id="input-type" class="form-control">
														{% for type in org_data_types %}
															<option value="{{ type.value }}" {% if o.type == type.value %}selected="selected"{% endif %}>{{ type.text }}</option>
														{% endfor %}
													</select>
													<span class="help-block">{{ help_org_type }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-country">{{ entry_country }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[country]"
														id="input-country"
														value="{{ o.country|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_country }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-city">{{ entry_city }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[city]"
														id="input-city"
														value="{{ o.city|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_city }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-address">{{ entry_address }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[address]"
														id="input-address"
														value="{{ o.address|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_address }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-latitude">{{ entry_latitude }}</label>
												<div class="col-sm-4">
													<input type="text"
															name="theme_oct_promo_org_data[latitude]"
															id="input-latitude"
															value="{{ o.latitude|default('') }}"
															class="form-control"/>
													<span class="help-block">{{ help_latitude }}</span>
												</div>
												<label class="col-sm-1 control-label" for="input-longitude">{{ entry_longitude }}</label>
												<div class="col-sm-4">
													<input type="text"
															name="theme_oct_promo_org_data[longitude]"
															id="input-longitude"
															value="{{ o.longitude|default('') }}"
															class="form-control"/>
													<span class="help-block">{{ help_longitude }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-postal">{{ entry_postal_code }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[postal_code]"
														id="input-postal"
														value="{{ o.postal_code|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_postal_code }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-legal">{{ entry_legal_name }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[legal_name]"
														id="input-legal"
														value="{{ o.legal_name|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_legal_name }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-founded">{{ entry_founding_date }}</label>
												<div class="col-sm-9">
												<input type="date"
														name="theme_oct_promo_org_data[founding_date]"
														id="input-founded"
														value="{{ o.founding_date|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_founding_date }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-area">{{ entry_area_served }}</label>
												<div class="col-sm-9">
												<input type="text"
														name="theme_oct_promo_org_data[area_served]"
														id="input-area"
														value="{{ o.area_served|default('') }}"
														class="form-control"/>
												<span class="help-block">{{ help_service_area }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-shipping_cost">{{ entry_shipping_cost }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[shipping_cost]"
															id="input-shipping_cost"
															value="{{ o.shipping_cost|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_delivery_cost }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-price_range">{{ entry_price_range }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[price_range]"
															id="input-price_range"
															value="{{ o.price_range|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_price_range }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-currenciesAccepted">{{ entry_currencies_accepted }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[currencies_accepted]"
															id="input-currenciesAccepted"
															value="{{ o.currencies_accepted|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_currencies_accepted }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-paymentAccepted">{{ entry_payment_accepted }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[payment_accepted]"
															id="input-paymentAccepted"
															value="{{ o.payment_accepted|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_payment_accepted }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-processing_time">{{ entry_processing_time }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[processing_time]"
															id="input-processing_time"
															value="{{ o.processing_time|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_processing_time }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-delivery_time">{{ entry_delivery_time }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[delivery_time]"
															id="input-delivery_time"
															value="{{ o.delivery_time|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_delivery_time }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-return_time">{{ entry_return_time }}</label>
												<div class="col-sm-9">
													<input type="text"
															name="theme_oct_promo_org_data[return_time]"
															id="input-return_time"
															value="{{ o.return_time|default('') }}"
															class="form-control"/>
												<span class="help-block">{{ help_return_period }}</span>
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab-css_js">
										<fieldset>
											<legend>{{ tab_css_js }}</legend>
											<div class="form-group">
												<label class="col-sm-3 control-label" for="input-css_code">{{ entry_css_code }}</label>
												<div class="col-sm-9">
													<textarea id="css_code" name="theme_oct_promo_css_code" rows="15" class="form-control">{{ theme_oct_promo_css_code }}</textarea>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label" for="input-js_code">{{ entry_js_code }}</label>
												<div class="col-sm-9">
													<textarea id="js_code" name="theme_oct_promo_js_code" rows="15" class="form-control">{{ theme_oct_promo_js_code }}</textarea>
												</div>
											</div>
										</fieldset>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-image">
							<fieldset>
								<legend>{{ text_image }}</legend>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-image-logo-width">{{ entry_image_logo}}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_logo_width" value="{{ theme_oct_promo_image_logo_width }}" placeholder="{{ entry_width }}" id="input-image-logo-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_logo_height" value="{{ theme_oct_promo_image_logo_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_category %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_category }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-category-width">{{ entry_image_sub_category }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_sub_category_width" value="{{ theme_oct_promo_image_sub_category_width }}" placeholder="{{ entry_width }}" id="input-image-category-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_sub_category_height" value="{{ theme_oct_promo_image_sub_category_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_category %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_sub_category }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-category-width">{{ entry_image_category }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_category_width" value="{{ theme_oct_promo_image_category_width }}" placeholder="{{ entry_width }}" id="input-image-category-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_category_height" value="{{ theme_oct_promo_image_category_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_category %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_category }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-category-width">{{ entry_image_manufacturer }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_manufacturer_width" value="{{ theme_oct_promo_image_manufacturer_width }}" placeholder="{{ entry_width }}" id="input-image-category-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_manufacturer_height" value="{{ theme_oct_promo_image_manufacturer_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_category %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_manufacturer }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-thumb-width">{{ entry_image_thumb }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_thumb_width" value="{{ theme_oct_promo_image_thumb_width }}" placeholder="{{ entry_width }}" id="input-image-thumb-width" class="form-control" />
													<input type="hidden" name="theme_oct_promo_image_popup_width" value="{{ theme_oct_promo_image_popup_width }}" placeholder="{{ entry_width }}" id="input-image-popup-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_thumb_height" value="{{ theme_oct_promo_image_thumb_height }}" placeholder="{{ entry_height }}" class="form-control" />
												<input type="hidden" name="theme_oct_promo_image_popup_height" value="{{ theme_oct_promo_image_popup_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_thumb %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_thumb }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-thumb-width">{{ entry_image_popup }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_popup_width" value="{{ theme_oct_promo_image_popup_width }}" placeholder="{{ entry_width }}" id="input-image-popup-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
												<input type="text" name="theme_oct_promo_image_popup_height" value="{{ theme_oct_promo_image_popup_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_popup %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_thumb }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-product-width">{{ entry_image_product }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_product_width" value="{{ theme_oct_promo_image_product_width }}" placeholder="{{ entry_width }}" id="input-image-product-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_product_height" value="{{ theme_oct_promo_image_product_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_product %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_product }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-additional-width">{{ entry_image_additional }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_additional_width" value="{{ theme_oct_promo_image_additional_width }}" placeholder="{{ entry_width }}" id="input-image-additional-width" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_additional_height" value="{{ theme_oct_promo_image_additional_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_additional %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_additional }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-related">{{ entry_image_related }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_related_width" value="{{ theme_oct_promo_image_related_width }}" placeholder="{{ entry_width }}" id="input-image-related" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_related_height" value="{{ theme_oct_promo_image_related_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_related %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_related }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-compare">{{ entry_image_compare }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_compare_width" value="{{ theme_oct_promo_image_compare_width }}" placeholder="{{ entry_width }}" id="input-image-compare" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_compare_height" value="{{ theme_oct_promo_image_compare_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_compare %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_compare }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-wishlist">{{ entry_image_wishlist }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_wishlist_width" value="{{ theme_oct_promo_image_wishlist_width }}" placeholder="{{ entry_width }}" id="input-image-wishlist" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_wishlist_height" value="{{ theme_oct_promo_image_wishlist_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_wishlist %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_wishlist }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-cart">{{ entry_image_cart }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_cart_width" value="{{ theme_oct_promo_image_cart_width }}" placeholder="{{ entry_width }}" id="input-image-cart" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_cart_height" value="{{ theme_oct_promo_image_cart_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_cart %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_cart }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
								<div class="form-group required">
									<label class="col-sm-2 control-label" for="input-image-location">{{ entry_image_location }}</label>
									<div class="col-sm-10">
										<div class="row">
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_location_width" value="{{ theme_oct_promo_image_location_width }}" placeholder="{{ entry_width }}" id="input-image-location" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="input-group">
													<input type="text" name="theme_oct_promo_image_location_height" value="{{ theme_oct_promo_image_location_height }}" placeholder="{{ entry_height }}" class="form-control" />
													<span class="input-group-addon">px</span>
												</div>
											</div>
										</div>
										{% if error_image_location %}
										<div class="text-danger">
											<script>
												usNotify('warning', '{{ error_image_location }}');
											</script>
										</div>
										{% endif %}
									</div>
								</div>
							</fieldset>
						</div>
						<div class="tab-pane" id="tab-widgets">
							<div class="col-sm-2">
								<ul class="nav nav-pills nav-stacked" id="widgets">
									<li class="active"><a href="#tab-popup_cart" data-toggle="tab" aria-expanded="true"><i class="fa fa-arrow-up fw"></i> {{ text_popup_cart }}</a></li>
									<li><a href="#tab-live_search" data-toggle="tab" aria-expanded="true"><i class="fa fa-search fw"></i> {{ text_live_search }}</a></li>
									<li><a href="#tab-feedback" data-toggle="tab" aria-expanded="true"><i class="fa fa-phone-square fw"></i> {{ text_feedback }}</a></li>
									<li><a href="#tab-alert" data-toggle="tab" aria-expanded="true"><i class="fa fa-bell fw"></i> {{ text_alert }}</a></li>
								</ul>
							</div>
							<div class="col-sm-10">
								<div class="tab-content">
									<div class="tab-pane active" id="tab-popup_cart">
										<fieldset>
											<legend>{{ text_popup_cart }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-popupcart-status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_popup_cart_status" {% if theme_oct_promo_popup_cart_status %}checked="checked"{% endif %} id="input-popupcart-status" tabindex="1">
														<label for="input-popupcart-status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-popupcart-is">{{ entry_popup_is }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_isPopup" {% if theme_oct_promo_isPopup %}checked="checked"{% endif %} id="input-popupcart-is" tabindex="1">
														<label for="input-popupcart-is"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_status">{{ entry_free_shipping_from }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_popup_free_shipping_from" value="{{ theme_oct_promo_popup_free_shipping_from }}" placeholder="{{ entry_free_shipping_from }}" class="form-control" />
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_status">{{ entry_minimum_order_amount }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_popup_minimum_order_amount" value="{{ theme_oct_promo_popup_minimum_order_amount }}" placeholder="{{ entry_minimum_order_amount }}" class="form-control" />
												</div>
											</div>
											<legend>{{ entry_recommend_cart }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-popupcart-recommend">{{ entry_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_popup_cart_recommend_status" {% if theme_oct_promo_popup_cart_recommend_status %}checked="checked"{% endif %} id="input-popupcart-recommend" tabindex="1">
														<label for="input-popupcart-recommend"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="recomended_hidden" {% if not theme_oct_promo_popup_cart_recommend_status %} style="display:none;" {% endif %}>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-popupcart-autorelated-status">{{ entry_autorelated_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_popup_cart_autorelated_status" {% if theme_oct_promo_popup_cart_autorelated_status %}checked="checked"{% endif %} id="input-popupcart-autorelated-status" tabindex="1">
														<label for="input-popupcart-autorelated-status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-popupcart-relatedbysales-status">{{ entry_relatedbysales_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_popup_cart_relatedbysales_status" {% if theme_oct_promo_popup_cart_relatedbysales_status %}checked="checked"{% endif %} id="input-popupcart-relatedbysales-status" tabindex="1">
														<label for="input-popupcart-relatedbysales-status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
												<div class="form-group mx-0">
													<label class="col-sm-3 control-label" for="input-related">
														<span data-toggle="tooltip" title="{{ help_related }}">{{ entry_recommended_products }}</span>
													</label>
													<div class="col-sm-9">
														<input type="text" name="theme_oct_promo_popup_cart_recommend_products" value="" placeholder="{{ entry_recommended_products }}" 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 onclick="deleteProduct({{ product_related.product_id }});" class="fa fa-minus-circle"></i>
																	{{ product_related.name }}
																	<input type="hidden" name="theme_oct_promo_popup_cart_recommend_products[]" value="{{ product_related.product_id }}"/>
																</div>
															{% endfor %}
														</div>
													</div>
												</div>
												<div class="form-group mx-0">
													<label class="col-sm-3 control-label" for="recommended_image_size">{{ entry_recommended_image_size }}</label>
													<div class="col-sm-9">
														<div class="row">
															<div class="col-sm-6">
																<input type="text" name="theme_oct_promo_popup_cart_recommend_width" value="{{ theme_oct_promo_popup_cart_recommend_width }}" placeholder="{{ entry_width }}" id="recommended_image_width" class="form-control"/>
															</div>
															<div class="col-sm-6">
																<input type="text" name="theme_oct_promo_popup_cart_recommend_height" value="{{ theme_oct_promo_popup_cart_recommend_height }}" placeholder="{{ entry_height }}" id="recommended_image_height" class="form-control"/>
															</div>
														</div>
													</div>
												</div>

												<ul class="nav nav-tabs" id="recommended_poducts_texts">
													{% for language in languages %}
														<li>
															<a href="#recommended-block-tab-{{ 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 {% if loop.first %}active{% endif %}" id="recommended-block-tab-{{ language.language_id }}">
															<div class="form-group mx-0">
																<label class="col-sm-3 control-label" for="recommended_title{{ language.language_id }}">{{ entry_recommended_title }}</label>
																<div class="col-sm-9">
																	<input type="text" name="theme_oct_promo_popup_cart_data[recommended_poducts][title][{{ language.language_id }}]" value="{{ theme_oct_promo_popup_cart_data.recommended_poducts.title[language.language_id] }}" placeholder="{{ entry_recommended_title }}" id="recommended_title{{ language.language_id }}" class="form-control"/>
																</div>
															</div>
														</div>
													{% endfor %}
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-alert">
										<fieldset>
											<legend>{{ text_alert }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_alert_status" {% if theme_oct_promo_alert_status %}checked="checked"{% endif %} id="input-alert_status" tabindex="1">
														<label for="input-alert_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_products">{{ entry_show_alert_products }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_alert_data[products]" {% if theme_oct_promo_alert_data.products %}checked="checked"{% endif %} id="input-alert_products" tabindex="1">
														<label for="input-alert_products"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_orders">{{ entry_show_alert_orders }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_alert_data[orders]" {% if theme_oct_promo_alert_data.orders %}checked="checked"{% endif %} id="input-alert_orders" tabindex="1">
														<label for="input-alert_orders"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-alert_oct_modules">{{ entry_show_alert_octemplates }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_alert_data[oct_modules]" {% if theme_oct_promo_alert_data.oct_modules %}checked="checked"{% endif %} id="input-alert_oct_modules" tabindex="1">
														<label for="input-alert_oct_modules"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-feedback">
										<fieldset>
											<legend>{{ text_feedback }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback-status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_status" {% if theme_oct_promo_feedback_status %}checked="checked"{% endif %} id="input-feedback-status" tabindex="1">
														<label for="input-feedback-status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_messenger">{{ entry_show_feedback_messenger }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_messenger]" {% if theme_oct_promo_feedback_data.feedback_messenger %}checked="checked"{% endif %} id="input-feedback_messenger" tabindex="1">
														<label for="input-feedback_messenger"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_viber">{{ entry_show_feedback_viber }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_viber]" {% if theme_oct_promo_feedback_data.feedback_viber %}checked="checked"{% endif %} id="input-feedback_viber" tabindex="1">
														<label for="input-feedback_viber"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_telegram">{{ entry_show_feedback_telegram }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_telegram]" {% if theme_oct_promo_feedback_data.feedback_telegram %}checked="checked"{% endif %} id="input-feedback_telegram" tabindex="1">
														<label for="input-feedback_telegram"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_teams">{{ entry_show_feedback_teams }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_teams]" {% if theme_oct_promo_feedback_data.feedback_teams %}checked="checked"{% endif %} id="input-feedback_teams" tabindex="1">
														<label for="input-feedback_teams"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_whatsapp">{{ entry_show_feedback_whatsapp }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_whatsapp]" {% if theme_oct_promo_feedback_data.feedback_whatsapp %}checked="checked"{% endif %} id="input-feedback_whatsapp" tabindex="1">
														<label for="input-feedback_whatsapp"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_email">{{ entry_show_feedback_email }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_email]" {% if theme_oct_promo_feedback_data.feedback_email %}checked="checked"{% endif %} id="input-feedback_email" tabindex="1">
														<label for="input-feedback_email"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-feedback_callback">{{ entry_show_feedback_callback }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_callback]" {% if theme_oct_promo_feedback_data.feedback_callback %}checked="checked"{% endif %} id="input-feedback_callback" tabindex="1">
														<label for="input-feedback_callback"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label" for="input-feedback_contact_link">{{ entry_show_feedback_contact_link }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_feedback_data[feedback_contact_link]" {% if theme_oct_promo_feedback_data.feedback_contact_link %}checked="checked"{% endif %} id="input-feedback_contact_link" tabindex="1">
														<label for="input-feedback_contact_link"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-live_search">
										<fieldset>
											<legend>{{ text_live_search }}</legend>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_status" {% if theme_oct_promo_live_search_status %}checked="checked"{% endif %} id="input-live_search_status" tabindex="1">
														<label for="input-live_search_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_status }}</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label" for="input-live_search_fallback">{{ entry_show_live_search_fallback }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[search_fallback]" {% if theme_oct_promo_live_search_data.search_fallback %}checked="checked"{% endif %} id="input-live_search_fallback" tabindex="1">
														<label for="input-live_search_fallback"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_fallback_help }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_category">{{ entry_live_search_category }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[category]" {% if theme_oct_promo_live_search_data.category %}checked="checked"{% endif %} id="input-live_search_category" tabindex="1">
														<label for="input-live_search_category"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_category }}</span>
												</div>
											</div>	
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_found_in_categories">{{ entry_live_search_found_in_categories }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[found_in_categories]" {% if theme_oct_promo_live_search_data.found_in_categories %}checked="checked"{% endif %} id="input-live_search_found_in_categories" tabindex="1">
														<label for="input-live_search_found_in_categories"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_found_in_categories }}</span>
												</div>
											</div>										
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_category_image">{{ entry_live_search_category_image }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[category_images]" {% if theme_oct_promo_live_search_data.category_images %}checked="checked"{% endif %} id="input-live_search_category_image" tabindex="1">
														<label for="input-live_search_category_image"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_category_images }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_manufacturer">{{ entry_live_search_manufacturer }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[manufacturer]" {% if theme_oct_promo_live_search_data.manufacturer %}checked="checked"{% endif %} id="input-live_search_manufacturer" tabindex="1">
														<label for="input-live_search_manufacturer"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_manufacturer }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_manufacturer_image">{{ entry_live_search_manufacturer_image }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[manufacturer_images]" {% if theme_oct_promo_live_search_data.manufacturer_images %}checked="checked"{% endif %} id="input-live_search_manufacturer_image" tabindex="1">
														<label for="input-live_search_manufacturer_image"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_manufacturer_images }}</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3 control-label" for="input-live_search_price">{{ entry_show_live_price }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[price]" {% if theme_oct_promo_live_search_data.price %}checked="checked"{% endif %} id="input-live_search_price" tabindex="1">
														<label for="input-live_search_price"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_price }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_model">{{ entry_show_live_model }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[model]" {% if theme_oct_promo_live_search_data.model %}checked="checked"{% endif %} id="input-live_search_model" tabindex="1">
														<label for="input-live_search_model"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_model }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_sku">{{ entry_show_live_sku }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[sku]" {% if theme_oct_promo_live_search_data.sku %}checked="checked"{% endif %} id="input-live_search_sku" tabindex="1">
														<label for="input-live_search_sku"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_sku }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-show_live_descr">{{ entry_show_live_descr }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[description]" {% if theme_oct_promo_live_search_data.description %}checked="checked"{% endif %} id="input-show_live_descr" tabindex="1">
														<label for="input-show_live_descr"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_description }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_tags">{{ entry_show_live_tags }}</label>
												<div class="col-sm-9">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_live_search_data[tags]" {% if theme_oct_promo_live_search_data.tags %}checked="checked"{% endif %} id="input-live_search_tags" tabindex="1">
														<label for="input-live_search_tags"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
													<span class="help-block">{{ entry_show_live_search_tags }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_delay">{{ entry_live_search_delay }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[delay]" value="{{ theme_oct_promo_live_search_data.delay }}" placeholder="{{ entry_live_search_delay }}" id="input-live_search_delay" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_delay }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_count_symbol">{{ entry_live_search_symbols }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[count_symbol]" value="{{ theme_oct_promo_live_search_data.count_symbol }}" placeholder="{{ entry_live_search_symbols }}" id="input-live_search_count_symbol" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_count_symbol }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_count_subresults">{{ entry_live_search_results }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[count_subresults]" value="{{ theme_oct_promo_live_search_data.count_subresults is defined and theme_oct_promo_live_search_data.count_subresults ? theme_oct_promo_live_search_data.count_subresults : 4 }}" placeholder="{{ entry_live_search_results }}" id="input-live_search_count_subresults" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_count_subresults }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_search_fallback_start">{{ entry_live_search_fallback_start }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[search_fallback_start]" value="{{ theme_oct_promo_live_search_data.search_fallback_start is defined and theme_oct_promo_live_search_data.search_fallback_start ? theme_oct_promo_live_search_data.search_fallback_start : 4 }}" placeholder="{{ entry_live_search_fallback_start }}" id="input-live_search_search_fallback_start" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_search_fallback_start }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_limit_products">{{ entry_live_search_limit_products }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[limit_products]" value="{{ theme_oct_promo_live_search_data.limit_products is defined and theme_oct_promo_live_search_data.limit_products ? theme_oct_promo_live_search_data.limit_products : 8 }}" placeholder="{{ entry_live_search_limit_products }}" id="input-live_search_limit_products" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_limit_products }}</span>
												</div>
											</div>
											<div class="form-group mx-0">
												<label class="col-sm-3 control-label" for="input-live_search_limit_entities">{{ entry_live_search_limit_entities }}</label>
												<div class="col-sm-9">
													<input type="text" name="theme_oct_promo_live_search_data[limit_entities]" value="{{ theme_oct_promo_live_search_data.limit_entities is defined and theme_oct_promo_live_search_data.limit_entities ? theme_oct_promo_live_search_data.limit_entities : 12 }}" placeholder="{{ entry_live_search_limit_entities }}" id="input-live_search_limit_entities" class="form-control" />
													<span class="help-block">{{ entry_show_live_search_limit_entities }}</span>
												</div>
											</div>
										</fieldset>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-seo_title">
							<div class="col-sm-3">
								<ul class="nav nav-pills nav-stacked" id="settings">
									<li class="active"><a href="#tab-seo_titles" data-toggle="tab"  aria-expanded="true">SEO Titles</a></li>
									<li><a href="#tab-seo_urls" data-toggle="tab"  aria-expanded="true">{{ text_seo_url }}</a></li>
									<li><a href="#tab-seo_home" data-toggle="tab"  aria-expanded="true">Home page (title/description/OG-image)</a></li>
								</ul>
							</div>
							<div class="col-sm-9">
								<div class="tab-content">
									<div class="tab-pane active" id="tab-seo_titles">
										<fieldset>
											<legend>SEO Titles</legend>
											<div class="form-group mx-0">
												<label class="col-sm-2 control-label" for="input-seo_title_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_seo_title_status" {% if theme_oct_promo_seo_title_status %}checked="checked"{% endif %} id="input-seo_title_status" tabindex="1">
														<label for="input-seo_title_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group" style="margin-left:0;margin-right:0;">
												<ul class="nav nav-tabs" id="seo_title-block">
													<li class="active"><a href="#tab-seo_title-product" data-toggle="tab">{{ text_seo_title_product }}</a></li>
													<li><a href="#tab-seo_title-category" data-toggle="tab">{{ text_seo_title_category }}</a></li>
													<li><a href="#tab-seo_title-manufacturer" data-toggle="tab">{{ text_seo_title_manufacturer }}</a></li>
												</ul>
											</div>
											<div class="tab-content">
												<div class="tab-pane active" id="tab-seo_title-product">
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_product_title_status">{{ entry_seo_title_status }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[product][title_status]" {% if theme_oct_promo_seo_title_data.product.title_status %}checked="checked"{% endif %} id="input-seo_product_title_status" tabindex="1">
																	<label for="input-seo_product_title_status"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_product_title_empty"><span data-toggle="tooltip" title="" data-original-title="{{ help_seo_title_empty }}">{{ entry_seo_title_empty }}</span></label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[product][title_empty]" {% if theme_oct_promo_seo_title_data.product.title_empty %}checked="checked"{% endif %} id="input-seo_product_title_empty" tabindex="1">
																	<label for="input-seo_product_title_empty"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_title }}</label>
														<div class="col-sm-10">
										                    {% 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 name="theme_oct_promo_seo_title_data[product][title][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.product.title[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[price]<br />[model]<br />[sku]<br />[store]<br />[category]<br />[manufacturer]<br />[address]<br />[phone]<br />[time]
								                            </div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_product_description_status">{{ entry_seo_description_status }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[product][description_status]" {% if theme_oct_promo_seo_title_data.product.description_status %}checked="checked"{% endif %} id="input-seo_product_description_status" tabindex="1">
																	<label for="input-seo_product_description_status"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_product_description_empty">{{ entry_seo_title_empty }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[product][description_empty]" {% if theme_oct_promo_seo_title_data.product.description_empty %}checked="checked"{% endif %} id="input-seo_product_description_empty" tabindex="1">
																	<label for="input-seo_product_description_empty"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_description }}</label>
														<div class="col-sm-10">
								                        	{% 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 name="theme_oct_promo_seo_title_data[product][description][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.product.description[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[price]<br />[model]<br />[sku]<br />[store]<br />[category]<br />[manufacturer]<br />[address]<br />[phone]<br />[time]
								                            </div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tab-seo_title-category">
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_category_title_status">{{ entry_seo_title_status }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[category][title_status]" {% if theme_oct_promo_seo_title_data.category.title_status %}checked="checked"{% endif %} id="input-seo_category_title_status" tabindex="1">
																	<label for="input-seo_category_title_status"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_category_title_empty"><span data-toggle="tooltip" title="" data-original-title="{{ help_seo_title_empty }}">{{ entry_seo_title_empty }}</span></label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[category][title_empty]" {% if theme_oct_promo_seo_title_data.category.title_empty %}checked="checked"{% endif %} id="input-seo_category_title_empty" tabindex="1">
																	<label for="input-seo_category_title_empty"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_title }}</label>
														<div class="col-sm-10">
										                    {% 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 name="theme_oct_promo_seo_title_data[category][title][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.category.title[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[store]<br />[address]<br />[phone]<br />[time]
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_category_description_status">{{ entry_seo_description_status }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[category][description_status]" {% if theme_oct_promo_seo_title_data.category.description_status %}checked="checked"{% endif %} id="input-seo_category_description_status" tabindex="1">
																	<label for="input-seo_category_description_status"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-sm-6">
														<div class="form-group">
															<label class="col-sm-4 control-label" for="input-seo_category_description_empty">{{ entry_seo_title_empty }}</label>
															<div class="col-sm-8">
																<div class="toggle-group">
																	<input type="checkbox" name="theme_oct_promo_seo_title_data[category][description_empty]" {% if theme_oct_promo_seo_title_data.category.description_empty %}checked="checked"{% endif %} id="input-seo_category_description_empty" tabindex="1">
																	<label for="input-seo_category_description_empty"></label>
																	<div class="onoffswitch pull-left" aria-hidden="true">
																		<div class="onoffswitch-label">
																			<div class="onoffswitch-inner"></div>
																			<div class="onoffswitch-switch"></div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_description }}</label>
														<div class="col-sm-10">
								                        	{% 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 name="theme_oct_promo_seo_title_data[category][description][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.category.description[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[store]<br />[address]<br />[phone]<br />[time]
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="tab-seo_title-manufacturer">
													<div class="form-group">
														<label class="col-sm-2 control-label" for="input-seo_manufacturer_title_status">{{ entry_seo_title_status }}</label>
														<div class="col-sm-10">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_seo_title_data[manufacturer][title_status]" {% if theme_oct_promo_seo_title_data.manufacturer.title_status %}checked="checked"{% endif %} id="input-seo_manufacturer_title_status" tabindex="1">
																<label for="input-seo_manufacturer_title_status"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_title }}</label>
														<div class="col-sm-10">
										                    {% 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 name="theme_oct_promo_seo_title_data[manufacturer][title][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.manufacturer.title[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[store]<br />[address]<br />[phone]<br />[time]
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" for="input-seo_manufacturer_description_status">{{ entry_seo_description_status }}</label>
														<div class="col-sm-10">
															<div class="toggle-group">
																<input type="checkbox" name="theme_oct_promo_seo_title_data[manufacturer][description_status]" {% if theme_oct_promo_seo_title_data.manufacturer.description_status %}checked="checked"{% endif %} id="input-seo_manufacturer_description_status" tabindex="1">
																<label for="input-seo_manufacturer_description_status"></label>
																<div class="onoffswitch pull-left" aria-hidden="true">
																	<div class="onoffswitch-label">
																		<div class="onoffswitch-inner"></div>
																		<div class="onoffswitch-switch"></div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_description }}</label>
														<div class="col-sm-10">
								                        	{% 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 name="theme_oct_promo_seo_title_data[manufacturer][description][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_title_data.manufacturer.description[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
								                            <div class="seo-variant">
																{{ entry_seo_variants }}:<br />[name]<br />[store]<br />[address]<br />[phone]<br />[time]
															</div>
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									<div class="tab-pane" id="tab-seo_urls">
										<fildset>
											<legend>SEO URL</legend>
											<div class="form-group">
												<div class="col-sm-12">
													<div class="toggle-group text_seo_url_danger">
														{{ text_seo_url_danger }}
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_seo_url_status" {% if theme_oct_promo_seo_url_status %}checked="checked"{% endif %} id="input-seo_url_status" tabindex="1">
														<label for="input-seo_url_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_status">{{ entry_seo_url_lang_prefix }}</label>
												<div class="col-sm-10">
													{% 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 name="theme_oct_promo_seo_url_data[lang_prefix][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_url_data.lang_prefix[language.language_id] }}" class="form-control" />
							                        </div>
							                        {% endfor %}
												</div>
											</div>
										</fildset>
										<fildset>
											<legend>{{ entry_seo_url_product }}</legend>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_product">{{ entry_seo_url_product }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[product]" value="{{ theme_oct_promo_seo_url_data.product }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[model]<br />[sku]<br />[brand]<br />[lang_prefix]
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_category">{{ entry_seo_url_category }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[category]" value="{{ theme_oct_promo_seo_url_data.category }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[lang_prefix]
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_manufacturer">{{ entry_seo_url_manufacturer }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[manufacturer]" value="{{ theme_oct_promo_seo_url_data.manufacturer }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[lang_prefix]
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_information">{{ entry_seo_url_information }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[information]" value="{{ theme_oct_promo_seo_url_data.information }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[lang_prefix]
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_blog_category">{{ entry_seo_url_blog_category }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[blog_category]" value="{{ theme_oct_promo_seo_url_data.blog_category }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[lang_prefix]
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_url_blog_article">{{ entry_seo_url_blog_article }}</label>
												<div class="col-sm-10">
													<input name="theme_oct_promo_seo_url_data[blog_article]" value="{{ theme_oct_promo_seo_url_data.blog_article }}" class="form-control" />
													<div class="seo-variant">
													{{ entry_seo_variants }}:<br />[name]<br />[lang_prefix]
													</div>
												</div>
											</div>
										</fildset>
									</div>
									<div class="tab-pane" id="tab-seo_home">
										<fieldset>
											<legend>SEO Home page (title/description)</legend>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_home_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_seo_home_status" {% if theme_oct_promo_seo_home_status %}checked="checked"{% endif %} id="input-seo_home_status" tabindex="1">
														<label for="input-seo_home_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="tab-content">
												<div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_title }}</label>
														<div class="col-sm-10">
										                    {% 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 name="theme_oct_promo_seo_home_data[title][{{ language.language_id }}]" value="{{ theme_oct_promo_seo_home_data.title[language.language_id] }}" class="form-control" />
								                            </div>
								                            {% endfor %}
														</div>
													</div>
													
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_seo_description }}</label>
														<div class="col-sm-10">
								                        	{% for language in languages %}
								                        	<div class="input-group" style="margin-bottom: 12px;" >
										                        <span class="input-group-addon">
										                        	<img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />
										                        </span>
																<textarea name="theme_oct_promo_seo_home_data[description][{{ language.language_id }}]" class="form-control" />{{ theme_oct_promo_seo_home_data.description[language.language_id] }}</textarea>
								                            </div>
								                            {% endfor %}
								                            
														</div>
													</div>
												</div>
											</div>

											<legend>Home page Open Graph main image</legend>
											<div id="oct_abandoned_cart"></div>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-seo_home_image_status">{{ entry_show_widget_status }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="theme_oct_promo_seo_home_image_status" {% if theme_oct_promo_seo_home_image_status %}checked="checked"{% endif %} id="input-seo_home_image_status" tabindex="1">
														<label for="input-seo_home_image_status"></label>
														<div class="onoffswitch pull-left" aria-hidden="true">
															<div class="onoffswitch-label">
																<div class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="tab-content">
												<div>
													<div class="form-group">
														<label class="col-sm-2 control-label">{{ entry_og_image }}</label>
														<div class="col-sm-10">
										                    {% for language in languages %}
															{{ language.name }}
								                            <div class="input-group" style="margin-bottom: 12px;">
										                        <span class="input-group-addon">
										                        	<img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" />
										                        </span>
																<a href="" id="home-images-data-{{ language.language_id }}" data-toggle="image" class="img-thumbnail">
																<img data-placeholder="{{ thumb }}" src="{% if theme_oct_promo_seo_home_image_data.image[language.language_id] %}/image/{{ theme_oct_promo_seo_home_image_data.image[language.language_id] }}{% else %}{{ thumb }}{% endif %}" alt="" title="" width="100" height="100" />
																</a>													
																<input id="home-image-data-{{ language.language_id }}" type="hidden" name="theme_oct_promo_seo_home_image_data[image][{{ language.language_id }}]" value="{% if theme_oct_promo_seo_home_image_data.image[language.language_id] %}{{ theme_oct_promo_seo_home_image_data.image[language.language_id] }}{% endif %}" />
								                            </div>
								                            {% endfor %}
														</div>
													</div>
												</div>
											</div>
										</fieldset>
									</div>
									
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-help">
							<fieldset>
								<legend>{{ tab_help }}</legend>
							</fieldset>
							{{ entry_help_text }}
							{{ license_info }}
						</div>
					</div>
					<input type="hidden" name="theme_oct_promo_version" value="{{ theme_oct_promo_version }}" />
				</form>
			</div>
		</div>
	</div>
</div>
<script>
(function($){
	$('body').on('change', '#input-micro', function() {
		$('#org-fields').css('display', this.checked ? 'block' : 'none');
	});
})(jQuery);

$('input[name=\'advantage_link\']').autocomplete({
	'source': function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
			dataType: 'json',
			cache: false,
			success: function(json) {
				response($.map(json, function(item) {
					return {
						label: item['name'],
						value: item['information_id'],
						descr: item['description'],
						href: item['href'],
					}
				}));
			}
		});
	},
	'select': function(item) {
		let in_id = $(this).attr('id').split('-');

		$('input[name=\'advantage_link\']').val('');
		$('#advantages_id-' + in_id[1]).val(item.value);

		$.each(item.descr, function(i, val) {
			$('#advantage-title-' + in_id[1] + i).val(val['title']);
		});

		$.each(item.href[{{ store_id }}], function(i, val) {
			$('#advantage-href-' + in_id[1] + i).val('/'+ val);
		});
	}
});

$('input[name=\'header_advantage_link\']').autocomplete({
	'source': function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
			dataType: 'json',
			cache: false,
			success: function(json) {
				response($.map(json, function(item) {
					return {
						label: item['name'],
						href: item['href'],
					}
				}));
			}
		});
	},
	'select': function(item) {
		let in_id = $(this).attr('id').split('-');

		$('input[name=\'header_advantage_link\']').val('');

		$.each(item.descr, function(i, val) {
			$('#header_advantage-title-' + in_id[1] + i).val(val['title']);
		});

		$.each(item.href[{{ store_id }}], function(i, val) {
			$('#header_advantage-href-' + in_id[1] + i).val('/'+ val);
		});
	}
});

$('input[name=\'footer_advantage_link\']').autocomplete({
	'source': function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
			dataType: 'json',
			cache: false,
			success: function(json) {
				response($.map(json, function(item) {
					return {
						label: item['name'],
						href: item['href'],
					}
				}));
			}
		});
	},
	'select': function(item) {
		let in_id = $(this).attr('id').split('-');

		$('input[name=\'footer_advantage_link\']').val('');

		$.each(item.descr, function(i, val) {
			$('#footer_advantage-title-' + in_id[1] + i).val(val['title']);
		});

		$.each(item.href[{{ store_id }}], function(i, val) {
			$('#footer_advantage-href-' + in_id[1] + i).val('/'+ val);
		});
	}
});

$('input[name=\'mobile_advantage_link\']').autocomplete({
	'source': function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
			dataType: 'json',
			cache: false,
			success: function(json) {
				response($.map(json, function(item) {
					return {
						label: item['name'],
						href: item['href'],
					}
				}));
			}
		});
	},
	'select': function(item) {
		let in_id = $(this).attr('id').split('-');

		$('input[name=\'mobile_advantage_link\']').val('');

		$.each(item.descr, function(i, val) {
			$('#mobile_advantage-title-' + in_id[1] + i).val(val['title']);
		});

		$.each(item.href[{{ store_id }}], function(i, val) {
			$('#mobile_advantage-href-' + in_id[1] + i).val('/'+ val);
		});
	}
});

// 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',
			cache: false,
			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="theme_oct_promo_data[footer_category_links][]" value="${ item['value'] }" /></div>`);
	}
});

$('#product-category').delegate('.fa-minus-circle', 'click', function() {
	$(this).parent().remove();
});

$(".spectrum").spectrum({
	preferredFormat: "rgb",
	showInitial: true,
	showInput: true,
	showAlpha: true,
	showPalette: true,
	palette: [["red", "rgba(0, 255, 0, .5)", "rgb(0, 0, 255)"]]
});
</script>
<script>
const codemirror = CodeMirror.fromTextArea(document.getElementById('css_code'), {
	mode : 'css',
	height: '100%',
	lineNumbers: true,
	autofocus: true,
	lineWrapping: true
});

const codemirror2 = CodeMirror.fromTextArea(document.getElementById('js_code'), {
	mode : 'javascript',
	height: '100%',
	lineNumbers: true,
	autofocus: true,
	lineWrapping: true
});

$('a#code_mir').on('shown.bs.tab', function () {
	$('.CodeMirror').each(function(i, el){
		el.CodeMirror.refresh();
	});
});

$('#input-product_dop_tab').change(function() {
    let $input = $(this);

    if ($input.is(":checked")) {
        $("#product_dop_tabs_text").slideDown('slow');
    } else {
        $("#product_dop_tabs_text").slideUp('slow');
    }
});

$('#input-product_advantage').change(function() {
    let $input = $(this);

    if ($input.is(":checked")) {
        $("#product_advantages").slideDown('slow');
    } else {
        $("#product_advantages").slideUp('slow');
    }
});

$('#address-language a:first,#language-megamenu a:first,#language_mobile a:first,#open-language a:first,#contact_view_html-language a:first,#product_dop_tab-language a:first,#order_register_account-language a:first,#order_no_register_account-language a:first').tab('show');
</script>
<script>
let social_row = {{ social_row }};

function addSocial() {
	const html = `
	<tr id="social-row${ social_row }">
		<td class="left">
			<div class="input-group">
				<span class="input-group-btn">
				<button onClick="fontIcons('social_icone-${ social_row }', 'social_input_icone-${ social_row }');" class="btn btn-default" type="button"><i id="social_icone-${ social_row }" class="fas fa-asterisk"></i></button>
				<input type="hidden" name="theme_oct_promo_data[socials][${ social_row }][icone]" id="social_input_icone-${ social_row }" value="" />
				</span>
				<input type="text" name="theme_oct_promo_data[socials][${ social_row }][title]" value="" placeholder="{{ entry_social_title }}" class="form-control" />
			</div>
		</td>
		<td class="left">
			<input type="text" name="theme_oct_promo_data[socials][${ social_row }][link]" value="" placeholder="{{ entry_social_link }}" class="form-control" />
		</td>
		<td class="left">
			<a onclick="$('#social-row${ social_row }').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></a>
		</td>
	</tr>
	`;

	$('#tab-socials-settings table tbody').append(html);

	social_row++;
}
</script>
<script>
let header_advantages_row = {{ header_advantages_row }};

function addHeaderAdvantage() {
	const html = `
	<tr id="header_advantage-row${ header_advantages_row }">
		<td class="text-left">
			<div class="col-sm-12">
				<input type="text" name="header_advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="advantage_link-${ header_advantages_row }" class="form-control" autocomplete="off" /><hr />
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Title" name="theme_oct_promo_data[header_links][${ header_advantages_row }][{{ language.language_id }}][title]" value="" id="header_advantage-title-${ header_advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Link" name="theme_oct_promo_data[header_links][${ header_advantages_row }][{{ language.language_id }}][link]" value="" id="header_advantage-href-${ header_advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
		</td>
		<td class="text-left" style="width:5%;">
			<button type="button" onclick="$('#header_advantage-row${ header_advantages_row }').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
		</td>
	</tr>
	`;

	$('#header_advantages table tbody').append(html);

	header_advantages_row++;

	$('input[name=\'header_advantage_link\']').autocomplete({
		'source': function(request, response) {
			$.ajax({
				url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
				dataType: 'json',
				cache: false,
				success: function(json) {
					response($.map(json, function(item) {
						return {
							label: item['name'],
							value: item['information_id'],
							descr: item['description'],
							href: item['href'],
						}
					}));
				}
			});
		},
		'select': function(item) {
			let in_id = $(this).attr('id').split('-');

			$('input[name=\'header_advantage_link\']').val('');

			$.each(item.descr, function(i, val) {
				$('#header_advantage-title-' + in_id[1] + i).val(val['title']);
			});

			$.each(item.href[{{ store_id }}], function(i, val) {
				$('#header_advantage-href-' + in_id[1] + i).val('/'+ val);
			});
		}
	});
}
</script>
<script>
let footer_advantages_row = {{ footer_advantages_row }};

function addFooterAdvantage() {
	const html = `
	<tr id="footer_advantage-row${ footer_advantages_row }">
		<td class="text-left">
			<div class="col-sm-12">
				<input type="text" name="footer_advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="advantage_link-${ footer_advantages_row }" class="form-control" autocomplete="off" /><hr />
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Title" name="theme_oct_promo_data[footer_links][${ footer_advantages_row }][{{ language.language_id }}][title]" value="" id="footer_advantage-title-${ footer_advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Link" name="theme_oct_promo_data[footer_links][${ footer_advantages_row }][{{ language.language_id }}][link]" value="" id="footer_advantage-href-${ footer_advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
		</td>
		<td class="text-left" style="width:5%;">
			<button type="button" onclick="$('#footer_advantage-row${ footer_advantages_row }').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
		</td>
	</tr>
	`;

	$('#footer_advantages table tbody').append(html);

	footer_advantages_row++;

	$('input[name=\'footer_advantage_link\']').autocomplete({
		'source': function(request, response) {
			$.ajax({
				url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
				dataType: 'json',
				cache: false,
				success: function(json) {
					response($.map(json, function(item) {
						return {
							label: item['name'],
							value: item['information_id'],
							descr: item['description'],
							href: item['href'],
						}
					}));
				}
			});
		},
		'select': function(item) {
			let in_id = $(this).attr('id').split('-');

			$('input[name=\'footer_advantage_link\']').val('');

			$.each(item.descr, function(i, val) {
				$('#footer_advantage-title-' + in_id[1] + i).val(val['title']);
			});

			$.each(item.href[{{ store_id }}], function(i, val) {
				$('#footer_advantage-href-' + in_id[1] + i).val('/'+ val);
			});
		}
	});
}
</script>
<script>
let advantages_row = {{ advantages_row }};

function addAdvantage() {
	const html = `
	<tr id="advantage-row${ advantages_row }">
		<td class="text-left" style="width:5%;">
			<div class="input-group">
	            <span class="input-group-btn">
					<a href="" id="advantages_icone-${ advantages_row }" data-toggle="image" class="img-thumbnail"><img src="{{ thumb }}" alt="" title="" data-placeholder="Select Icon" /></a>
	            	<input type="hidden" name="theme_oct_promo_data[product_advantages][${ advantages_row }][icone]" id="advantages_input_icone-${ advantages_row }" value="" />
	            	<input type="hidden" name="theme_oct_promo_data[product_advantages][${ advantages_row }][information_id]" id="advantages_id-${ advantages_row }" value="" />
	            </span>
	       </div>
		</td>
		<td class="text-left">
			<div class="col-sm-12">
				<input type="text" name="advantage_link" value="" placeholder="{{ entry_footer_information_links }}" id="advantage_link-${ advantages_row }" class="form-control" autocomplete="off" /><hr />
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Title" name="theme_oct_promo_data[product_advantages][${ advantages_row }][{{ language.language_id }}][title]" value="" id="advantage-title-${ advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
			<div class="col-sm-6">
				{% 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" placeholder="Link" name="theme_oct_promo_data[product_advantages][${ advantages_row }][{{ language.language_id }}][link]" value="" id="advantage-href-${ advantages_row }{{ language.language_id }}" class="form-control" />
				</div>
				{% endfor %}
			</div>
		</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="theme_oct_promo_data[product_advantages][${ advantages_row }][{{ language.language_id }}][text]" class="form-control"></textarea>
			</div>
			{% endfor %}
		</td>
		<td class="text-left" style="width:10%;">
			<label class="col-sm-12" for="input-product_advantage_popup-${ advantages_row }">{{ entry_product_advantage_popup }}</label>
			<div class="col-sm-12">
				<div class="toggle-group">
					<input type="checkbox" name="theme_oct_promo_data[product_advantages][${ advantages_row }][popup]" id="input-product_advantage_popup-${ advantages_row }" tabindex="1">
					<label for="input-product_advantage_popup-${ advantages_row }"></label>
					<div class="onoffswitch pull-left" aria-hidden="true">
						<div class="onoffswitch-label">
							<div class="onoffswitch-inner"></div>
							<div class="onoffswitch-switch"></div>
						</div>
					</div>
				</div>
			</div>
		</td>
		<td class="text-left" style="width:5%;">
			<button type="button" onclick="$('#advantage-row${ advantages_row }').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
		</td>
	</tr>
	`;

	$('#product_advantages table tbody').append(html);

	advantages_row++;

	$('input[name=\'advantage_link\']').autocomplete({
		'source': function(request, response) {
			$.ajax({
				url: 'index.php?route=catalog/information/octAutocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
				dataType: 'json',
				cache: false,
				success: function(json) {
					response($.map(json, function(item) {
						return {
							label: item['name'],
							value: item['information_id'],
							descr: item['description'],
							href: item['href'],
						}
					}));
				}
			});
		},
		'select': function(item) {
			let in_id = $(this).attr('id').split('-');

			$('input[name=\'advantage_link\']').val('');

			$('#advantages_id-' + in_id[1]).val(item.value);

			$.each(item.descr, function(i, val) {
				$('#advantage-title-' + in_id[1] + i).val(val['title']);
			});

			$.each(item.href[{{ store_id }}], function(i, val) {
				$('#advantage-href-' + in_id[1] + i).val('/'+ val);
			});
		}
	});
}
</script>
<script>
let payment_row = {{ payment_customers_count }};

function addPayment(){
	const html = `
	<div id="payments-row-${ payment_row }" class="col-sm-2 payments">
		<a href="javascript:;" onclick="$('#payments-row-${ payment_row }').remove()" data-toggle="tooltip" title="{{ button_remove }}" class="btnr"><i class="fa fa-minus-circle"></i></a>
		<label class="col-sm-12 control-label" for="input-payments_customers_${ payment_row }">
			<a href="" id="thumb-image${ payment_row }" data-toggle="image">
				<img class="img-thumbnail" src="{{ placeholder }}" data-placeholder="{{ placeholder }}" />
			</a>
			<input type="hidden" value="" name="theme_oct_promo_data[payments][customers][${ payment_row }][image]" id="input-image${ payment_row }" />
		</label>
		<div class="col-sm-6">
			<div class="toggle-group">
				<input type="checkbox" name="theme_oct_promo_data[payments][customers][${ payment_row }][status]" id="input-payments_customers_${ payment_row }" tabindex="1">
				<label for="input-payments_customers_${ payment_row }"></label>
				<div class="onoffswitch pull-left" aria-hidden="true">
					<div class="onoffswitch-label">
						<div class="onoffswitch-inner"></div>
						<div class="onoffswitch-switch"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	`;

	$("#add_new_block").before(html);

	payment_row++;
}
</script>

<script>
$(document).delegate('[id^=megamenu-] .panel-heading', 'click', function() {
	let id_menu = $(this).parent().attr('id');
	let m_id = id_menu.split('-');

	$.ajax({
		url: 'index.php?route=octemplates/menu/oct_menu/getMenu&user_token={{ user_token }}&menu_id=' + m_id[1],
		type: 'get',
		cache: false,
		dataType: 'html',
		success: function(data) {
			if (data.length > 1) {
				$('#menu_settings-'+ m_id[1]).html(data);
			}
		}
	});

	$(this).siblings('.panel-body').find('.main_menu_block a:first').tab('show');
	$(this).siblings('.panel-body').find('.menu_lang_block a:first').tab('show');
	$(this).siblings('.panel-body').toggle();
});

$(document).delegate('.menu_type', 'change', function() {
	let m_id = $(this).attr("id").split('-');
	let val = $(this).val();

	$.ajax({
		url: 'index.php?route=octemplates/menu/oct_menu/getMenu&user_token={{ user_token }}&type='+ val +'&menu_id=' + m_id[1],
		type: 'get',
		cache: false,
		dataType: 'html',
		success: function(data) {
			if (data.length > 1) {
				$('#menu_settings-'+ m_id[1]).html(data);
			}
		}
	});
});

let menu_id = {{ menu_id }};

function updateSubLinkTitle(subLinkId, title) {
  var headerSpan = $('#sub-link-' + subLinkId + ' .panel-heading span');
  if (title.trim()) {
    headerSpan.html('<i class="fa fa-link" aria-hidden="true"></i> ' + title);
  } else {
    headerSpan.html('<i class="fa fa-link" aria-hidden="true"></i> {{ text_sub_link }}');
  }
}

function addSubLink(menu_id) {
	const sub_link_id = Date.now();
	const config_language_id = '{{ config_language_id }}';
	
	$.ajax({
		url: 'index.php?route=octemplates/menu/oct_menu/getSubLinks&user_token=' + getURLVar('user_token'),
		type: 'get',
		data: {
			menu_id: menu_id,
			sub_link_id: sub_link_id,
			config_language_id: config_language_id
		},
		dataType: 'html',
		success: function(html) {
			$('#sub-links-container-' + menu_id).prepend(html);
			$('#sub-link-' + sub_link_id + ' .nav-tabs li:first-child a').tab('show');
		},
		error: function(xhr, ajaxOptions, thrownError) {
			alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
		}
	});
}

function removeSubLink(sub_link_id) {
	if (confirm('{{ text_confirm_delete }}')) {
		$('#sub-link-' + sub_link_id).remove();
	}
}

function addNewMenuItem() {
	const html = `
		<div class="panel panel-default" id="megamenu-${ menu_id }">
			<div class="panel-heading">
				<span><i class="fa fa-bars" aria-hidden="true"></i> New Menu Item</span>
				<a href="javascript:;" class="btn btn-danger pull-right" onclick="$('#megamenu-${ menu_id }').remove();return false;">
					<i class="fa fa-trash-o" aria-hidden="true"></i>
				</a>
			</div>
			<div class="panel-body">
				<ul class="nav nav-tabs main_menu_block">
					<li><a href="#tab-menu_general${ menu_id }" data-toggle="tab">{{ tab_menu_general }}</a></li>
					<li><a href="#tab-menu_language${ menu_id }" data-toggle="tab">{{ tab_menu_language }}</a></li>
					<li><a href="#tab-menu_links${ menu_id }" data-toggle="tab">{{ tab_menu_links }}</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane" id="tab-menu_general${ menu_id }">
						<div class="form-group">
							<label class="col-sm-2 control-label">{{ text_menu_type }}</label>
							<div class="col-sm-10">
								<select name="oct_megamenu[${ menu_id }][type]" class="form-control menu_type" id="menu_type-${ menu_id }">
									<option value="" selected="selected">{{ text_menu_select }}</option>
									<option value="category">{{ text_menu_type_1 }}</option>
									<option value="manufacturer">{{ text_menu_type_2 }}</option>
									<option value="oct_blogcategory">{{ text_menu_type_3 }}</option>
									<option value="link">{{ text_menu_type_4 }}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">{{ text_menu_display_option }}</label>
							<div class="col-sm-10">
								<select name="oct_megamenu[${ menu_id }][display_option]" class="form-control menu_display_option" id="menu_display_option-${ menu_id }">
									<option value="" {{ oct_menu.display_option == '' ? 'selected="selected"' : '' }}>{{ text_menu_display_option_select }}</option>
									<option value="vertical" {{ oct_menu.display_option == "vertical" ? 'selected="selected"' : '' }}>{{ text_menu_display_option_1 }}</option>
									<option value="horizontal" {{ oct_menu.display_option == "horizontal" ? 'selected="selected"' : '' }}>{{ text_menu_display_option_2 }}</option>
								</select>
							</div>
						</div>
						<div id="menu_settings-${ menu_id }"></div>
					</div>
					<div class="tab-pane" id="tab-menu_language${ menu_id }">
						<legend>{{ tab_menu_language }}</legend>
						<ul class="nav nav-tabs menu_lang_block" id="menu_item_language${ menu_id }">
							{% for language in languages %}
							<li><a href="#menu_item_language${ menu_id }_{{ 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="menu_item_language${ menu_id }_{{ language.language_id }}">
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-title{{ language.language_id }}">{{ entry_menu_title }}</label>
									<div class="col-sm-10">
										<input type="text" name="oct_megamenu[${ menu_id }][description][{{ language.language_id }}][title]" value="" placeholder="{{ entry_menu_title }}" id="input-title{{ language.language_id }}" class="form-control" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-link{{ language.language_id }}">{{ entry_menu_link }}</label>
									<div class="col-sm-10">
										<input type="text" name="oct_megamenu[${ menu_id }][description][{{ language.language_id }}][link]" value="" placeholder="{{ entry_menu_link }}" id="input-link{{ language.language_id }}" class="form-control" />
									</div>
								</div>
							</div>
							{% endfor %}
						</div>
					</div>
					<div class="tab-pane" id="tab-menu_links${ menu_id }">
						<div class="form-group">
							<label class="col-sm-2 control-label">{{ entry_menu_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>
										<input type="checkbox" checked="checked" name="oct_megamenu[${ menu_id }][stories][]" value="{{ store.store_id }}" />
										{{ store['name'] }}
										</label>
									</div>
									{% endfor %}
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-priority">{{ entry_menu_customers }}</label>
							<div class="col-sm-10">
								<div class="well well-sm" style="height: 150px; overflow: auto;">
									{% for customer_group in customer_groups %}
									<div class="checkbox">
										<label>
										<input type="checkbox" name="oct_megamenu[${ menu_id }][customers][]" value="{{ customer_group.customer_group_id }}" checked="checked" />
										{{ customer_group['name'] }}
										</label>
									</div>
									{% endfor %}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		`;

	$('#megamenu_block .empty_locations').hide();
	$("#megamenu_block").append(html);

	menu_id++;
}	

	$('#add-payment').on('click', function () {
		let paymentIndex = $('#payment-blocks .payment-block').length;
		let html = '';

		if (!paymentIndex) paymentIndex = 0;

		let paymentBlockHtml = `
		<div class="payment-block" style="background: #f9f9f9; border-radius: 10px;" id="payment-block-${paymentIndex}">
			<div class="col-sm-10">
				<div class="form-group">
					<label class="col-sm-2 control-label" for="input-product-payment-image${paymentIndex}">{{ text_image }}</label>
					<div class="col-sm-10">
						<a href="" id="payment-block-thumb-image${ paymentIndex }" data-toggle="image" class="img-thumbnail">
							<img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" width="50"height="50" />
						</a>
						<input type="hidden" name="theme_oct_promo_data[product_payment][${paymentIndex}][image]" id="input-product-payment-image${paymentIndex}" />
					</div>
				</div>

				<ul class="nav nav-tabs" id="payment-language-tabs-${paymentIndex}">
				{% for language in languages %}
					<li{% if loop.first %} class="active"{% endif %}>
						<a href="#payment-language-${paymentIndex}-{{ 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{% if loop.first %} active{% endif %}" id="payment-language-${paymentIndex}-{{ language.language_id }}">
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-title${paymentIndex}">{{ text_title }}</label>
							<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_payment][${paymentIndex}][{{ language.language_id }}][title]" value="" placeholder="{{ text_title }}" id="input-title{{ language.language_id }}${paymentIndex}" class="form-control" /></div>
						</div>
					</div>
					{% endfor %}
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="input-sort-order${paymentIndex}">{{ text_sort_order }}</label>
					<div class="col-sm-10"><input type="number" name="theme_oct_promo_data[product_payment][${paymentIndex}][sort_order]" value="0" placeholder="{{ text_sort_order }}" id="input-sort-order${paymentIndex}" class="form-control" /></div>
				</div>
			</div>

			<div class="col-sm-2">
				<div class="form-group">
				<button type="button" onclick="$('#payment-block-${paymentIndex}').remove();" class="btn btn-danger"><i class="fa fa-trash"></i></button>
				</div>
			</div>
			<div class="clearfix"></div>
			<hr style="border: 0;">
		</div>
		`;

		$('#payment-blocks').append(paymentBlockHtml);	
	});

	$('#add-delivery').on('click', function () {
		let deliveryIndex = $('#delivery-blocks .delivery-block').length;
		let html = '';

		if (!deliveryIndex) deliveryIndex = 0;

		let deliveryBlockHtml = `
		<div class="delivery-block" style="background: #f9f9f9; border-radius: 10px;" id="delivery-block-${deliveryIndex}">
			<div class="col-sm-10">
				<div class="form-group">
					<label class="col-sm-2 control-label" for="input-product-delivery-image${deliveryIndex}">{{ text_image }}</label>
					<div class="col-sm-10">
						<a href="" id="delivery-block-thumb-image${ deliveryIndex }" data-toggle="image" class="img-thumbnail">
							<img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" width="50"height="50" />
						</a>
						<input type="hidden" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][image]" id="input-product-delivery-image${deliveryIndex}" />
					</div>
				</div>

				<ul class="nav nav-tabs" id="delivery-language-tabs-${deliveryIndex}">
				{% for language in languages %}
					<li{% if loop.first %} class="active"{% endif %}>
						<a href="#delivery-language-${deliveryIndex}-{{ 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{% if loop.first %} active{% endif %}" id="delivery-language-${deliveryIndex}-{{ language.language_id }}">
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-title${deliveryIndex}">{{ text_title }}</label>
							<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][{{ language.language_id }}][title]" value="" placeholder="{{ text_title }}" id="input-title{{ language.language_id }}${deliveryIndex}" class="form-control" /></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-price${deliveryIndex}">{{ text_price }}</label>
							<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][{{ language.language_id }}][price]" value="" placeholder="{{ text_price }}" id="input-price{{ language.language_id }}${deliveryIndex}" class="form-control" /></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-delivery_time${deliveryIndex}">{{ text_delivery_time }}</label>
							<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][{{ language.language_id }}][delivery_time]" value="" placeholder="{{ text_delivery_time }}" id="input-delivery_time{{ language.language_id }}${deliveryIndex}" class="form-control" /></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="input-link${deliveryIndex}">{{ text_link }}</label>
							<div class="col-sm-10"><input type="text" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][{{ language.language_id }}][link]" value="" placeholder="{{ text_link }}" id="input-link{{ language.language_id }}${deliveryIndex}" class="form-control" /></div>
						</div>
					</div>
					{% endfor %}
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="input-sort-order${deliveryIndex}">{{ text_sort_order }}</label>
					<div class="col-sm-10"><input type="number" name="theme_oct_promo_data[product_delivery][${deliveryIndex}][sort_order]" value="0" placeholder="{{ text_sort_order }}" id="input-sort-order${deliveryIndex}" class="form-control" /></div>
				</div>
			</div>

			<div class="col-sm-2">
				<div class="form-group">
				<button type="button" onclick="$('#delivery-block-${deliveryIndex}').remove();" class="btn btn-danger"><i class="fa fa-trash"></i></button>
				</div>
			</div>
			<div class="clearfix"></div>
			<hr style="border: 0;">
		</div>
		`;

		$('#delivery-blocks').append(deliveryBlockHtml);	
	});

$(document).delegate('[id^=locations-] .panel-heading', 'click', function() {
	$(this).siblings('.panel-body').find('.location-block a:first').tab('show');
	$(this).siblings('.panel-body').toggle();
});

function deleteProduct(product_id) {
	$('#product-related' + product_id).remove();
}

let location_id = {{ location_id }};

function addNewLocation() {
	const html = `
	<div class="panel panel-default" id="locations-${ location_id }">
		<div class="panel-heading">
			<span><i class="fa fa-address-card" aria-hidden="true"></i> Title</span>
			<a href="javascript:;" class="btn btn-danger pull-right" onclick="$('#locations-${ location_id }').remove();return false;">
				<i class="fa fa-trash-o" aria-hidden="true"></i>
			</a>
		</div>
		<div class="panel-body">
			<fieldset>
				<legend>{{ text_locations_descr }}</legend>
				<ul class="nav nav-tabs location-block" id="locations-language-${ location_id }">
					{% for language in languages %}
						<li><a href="#locations-language${ location_id }-{{ 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="locations-language${ location_id }-{{ language.language_id }}">
						<div class="form-group">
							<label class="col-sm-2 control-label" for="descr_title${ location_id }-{{ language.language_id }}">{{ entry_location_title }}</label>
							<div class="col-sm-10">
								<input type="text" id="descr_title${ location_id }-{{ language.language_id }}" name="oct_locations[${ location_id }][description][{{ language.language_id }}][title]" value="" class="form-control" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="descr_address${ location_id }-{{ language.language_id }}">{{ entry_location_address }}</label>
							<div class="col-sm-10">
								<textarea id="descr_address${ location_id }-{{ language.language_id }}" name="oct_locations[${ location_id }][description][{{ language.language_id }}][address]" rows="5" class="form-control"></textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="descr_open${ location_id }-{{ language.language_id }}">{{ entry_contact_open }}</label>
							<div class="col-sm-10">
								<textarea id="descr_open${ location_id }-{{ language.language_id }}" name="oct_locations[${ location_id }][description][{{ language.language_id }}][open]" rows="5" class="form-control"></textarea>
							</div>
						</div>
					</div>
					{% endfor %}
				</div>
			</fieldset>
			<fieldset>
				<legend>{{ text_locations_info }}</legend>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="location_phone">{{ entry_contact_telephone }}</label>
					<div class="col-sm-10">
						<textarea id="location_phone" name="oct_locations[${ location_id }][phone]" rows="5" class="form-control"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="location_map${ location_id }">{{ entry_contact_map }}</label>
					<div class="col-sm-10">
						<textarea id="location_map${ location_id }" name="oct_locations[${ location_id }][map]" rows="5" class="form-control"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="location_link${ location_id }">{{ entry_location_link }}</label>
					<div class="col-sm-10">
						<input type="text" id="location_link${ location_id }" name="oct_locations[${ location_id }][link]" value="" class="form-control" />
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="location_image${ location_id }">{{ entry_location_image}}</label>
					<div class="col-sm-10">
						<a href="" id="thumb-contact_location_image${ location_id }" data-toggle="image" class="img-thumbnail">
							<img src="{{ contact_placeholder }}" alt="" title="" data-placeholder="{{ contact_placeholder }}" />
						</a>
						<input type="hidden" name="oct_locations[${ location_id }][image]" value="" id="input-contact_location_image${ location_id }" />
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" for="location_sort${ location_id }">{{ entry_location_sort }}</label>
					<div class="col-sm-10">
						<input type="number" id="location_sort${ location_id }" name="oct_locations[${ location_id }][sort]" value="0" class="form-control" />
					</div>
				</div>
			</fieldset>
		</div>
	</div>
	`;

	$("#site_locations").append(html);

	location_id++;
}
</script>

<script>
$(document).ready(function() {
    $('#recommended_poducts_texts a:first').tab('show');

	$('#input-popupcart-recommend').on('change', function() {
		$('.recomended_hidden').toggle();
	});

	$('input[name=\'theme_oct_promo_popup_cart_recommend_products\']').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 onclick="deleteProduct(' + item['value'] + ');" class="fa fa-minus-circle"></i> ' + item['label'] + '<input type="hidden" name="theme_oct_promo_popup_cart_recommend_products[]" value="' + item['value'] + '" /></div>');
		}
	});

	$('#input-bought_together').change(function() {
		var $input = $(this);

		if ($input.is(":checked")) {
			$("#all_bought_together_settings").slideDown('slow');
		} else {
			$("#all_bought_together_settings").slideUp('slow');
		}
	});
});

document.addEventListener('DOMContentLoaded', function() {
    var dateInput = document.getElementById('input-theme_oct_promo_data_timer_enddate');
    if(dateInput) {
        dateInput.addEventListener('change', function() {
            validateDate(this);
        });
    }
});

function validateDate(input) {
	var pattern = /^\d{4}\-\d{2}\-\d{2}$/;
	if (!pattern.test(input.value)) {
		usNotify('warning', '{{ error_date_format }}');
		input.focus();
	}
}

function copyToClipboard(inputId) {
	var copyText = document.getElementById(inputId);
	copyText.select();
	copyText.setSelectionRange(0, 99999); 

	try {
		var successful = document.execCommand('copy');
		if (successful) {
			usNotify('success', '{{ text_copy_success }}');
		} else {
			usNotify('danger', '{{ text_copy_failed }}');
		}
	} catch (err) {
		usNotify('danger', '{{ text_copy_failed }}');
	}
}

function fontIcons(icone_id, input_id) {
	$.ajax({
		url: 'index.php?route=extension/theme/oct_promo/getIcons&user_token={{ user_token }}&icone_id=' + icone_id + '&input_id=' + input_id,
		type: 'get',
		cache: false,
		dataType: 'html',
		success: function(data) {
			const html = `
			<div id="modal-icons" class="modal">
			  <div class="modal-dialog" style="width:55%;">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h4 class="modal-title">Font Awesome Icons</h4>
			      </div>
			      <div class="modal-body">${ data }</div>
			    </div>
			  </div>
			</div>
			`;

			$('body').append(html);

			$('#modal-icons').modal('show');
		}
	});
}

var phone_country_row = {{ phone_country_row }};

function addPhoneCountryUkraine() {
	var existingUARow = null;
	$('#phone-country-masks tbody tr').each(function() {
		var countryCodeInput = $(this).find('input[name*="[country_code]"]');
		if (countryCodeInput.length && countryCodeInput.val().toLowerCase() === 'ua') {
			existingUARow = $(this);
		}
	});

	if (existingUARow) {
		existingUARow.remove();
	}

	html  = '<tr id="phone-country-row' + phone_country_row + '">';
	html += '  <td class="text-center">';
	html += '    <input type="radio" name="theme_oct_promo_data[default_phone_country]" value="ua" checked="checked" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][country_code]" value="ua" placeholder="ua" class="form-control country-code-input" style="text-transform: lowercase;" maxlength="2" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][mask]" value="99 999-99-99" placeholder="99 999 99 99" class="form-control" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][regex]" value="/^\\+38\\s?\\(?(?:050|063|066|067|068|073|077|091|092|093|094|095|096|097|098|099)\\)?[\\s-]?\\d{3}[\\s-]?\\d{2}[\\s-]?\\d{2}$/" placeholder="^[0-9]{9}$" class="form-control" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <button type="button" onclick="$(\'#phone-country-row' + phone_country_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>';
	html += '  </td>';
	html += '</tr>';

	$('#phone-country-masks tbody').append(html);

	phone_country_row++;
}

function addPhoneCountry() {
	html  = '<tr id="phone-country-row' + phone_country_row + '">';
	html += '  <td class="text-center">';
	html += '    <input type="radio" name="theme_oct_promo_data[default_phone_country]" value="" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][country_code]" value="" placeholder="ua" class="form-control country-code-input" style="text-transform: lowercase;" maxlength="2" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][mask]" value="" placeholder="99 999 99 99" class="form-control" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <input type="text" name="theme_oct_promo_data[phone_countries][' + phone_country_row + '][regex]" value="" placeholder="^[0-9]{9}$" class="form-control" />';
	html += '  </td>';
	html += '  <td class="text-left">';
	html += '    <button type="button" onclick="$(\'#phone-country-row' + phone_country_row + '\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>';
	html += '  </td>';
	html += '</tr>';

	$('#phone-country-masks tbody').append(html);

	phone_country_row++;
}

$(document).on('input', '.country-code-input', function() {
	var $row = $(this).closest('tr');
	var countryCode = $(this).val().toLowerCase();
	$row.find('input[type="radio"]').val(countryCode);
});
</script>
{{ footer }}
