{{ header }}{{ column_left }}
<div id="content">
	<div class="page-header">
		<div class="container-fluid">
			<div class="pull-right">
				<button type="submit" form="form" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
				<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a>
			</div>
			<h1>{{ heading_title }}</h1>
			<ul class="breadcrumb">
				{% for breadcrumb in breadcrumbs %}
				<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
				{% endfor %}
			</ul>
		</div>
	</div>
	<div class="container-fluid">
		{% if error_warning %}
		<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>
			<div class="panel-body">
				<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form" class="form-horizontal">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab-settings" data-toggle="tab">{{ tab_settings }}</a></li>
						<li><a href="#tab-stickers" data-toggle="tab">{{ tab_stickers }}</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="tab-settings">
							<div class="form-group">
								<label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
								<div class="col-sm-10">
									<div class="toggle-group">
										<input type="checkbox" name="oct_stickers_status" {% if oct_stickers_status %}checked="checked"{% endif %} id="input-status" tabindex="1">
										<label for="input-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 id="all_settings" {% if (oct_stickers_status is not defined or (oct_stickers_status is defined and not oct_stickers_status)) %}style="display:none"{% endif %}>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="input-cron_password">{{ entry_cron_password }}</label>
									<div class="col-sm-10">
										<input type="text" name="oct_stickers_cron_password" value="{{ oct_stickers_cron_password }}" placeholder="{{ entry_cron_password }}" id="input-cron_password" class="form-control" />
										{% if not cron_url %}<span class="help-block">{{ entry_cron_desc }}</span>{% endif %}
									</div>
								</div>
								{% if cron_url %}
									<div class="form-group">
										<label class="col-sm-2 control-label" for="input-cron">{{ entry_cron_link_text }}</label>
										<div class="col-sm-10">
											<div class="input-group">
												<input type="text" value="/usr/bin/wget -O - -q -t 1 '{{ 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>
											</div>
											<span class="help-block">{{ entry_cron_link_desc }}</span>
										</div>
									</div>
									
									<div class="form-group">
										<div class="col-sm-10 col-sm-offset-2">
											<button id="btn_mass_generate_stickers" type="button" class="btn btn-success">
												{{ text_button_generate }}
											</button>
										</div>
									</div>
									<script>
									$('#btn_mass_generate_stickers').click(function(){
										if (!confirm('{{ text_confirm_generate }}')) {
											return;
										}

										var $btn = $(this);
										$btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> {{ text_generating }}');
									
										$.ajax({
											url: '{{ cron_url }}',
											type: 'GET',
											success: function(response){
												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>
						<div class="tab-pane" id="tab-stickers">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#tab-new" data-toggle="tab">{{ entry_sticker_new }}</a></li>
								<li><a href="#tab-free_shipping" data-toggle="tab">{{ entry_sticker_free_shipping }}</a></li>
								<li><a href="#tab-bestseller" data-toggle="tab">{{ entry_sticker_bestseller }}</a></li>
								<li><a href="#tab-popular" data-toggle="tab">{{ entry_sticker_popular }}</a></li>
								<li><a href="#tab-sold" data-toggle="tab">{{ entry_sticker_sold }}</a></li>
								<li><a href="#tab-ends" data-toggle="tab">{{ entry_sticker_ends }}</a></li>
								<li><a href="#tab-special" data-toggle="tab">{{ entry_sticker_special }}</a></li>
								<li><a href="#tab-video" data-toggle="tab">{{ entry_sticker_video }}</a></li>
								<li><a href="#tab-featured" data-toggle="tab">{{ entry_sticker_featured }}</a></li>
								<li><a href="#tab-customer" data-toggle="tab">{{ entry_customer }}</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab-new">
									<fieldset>
										<legend>{{ entry_sticker_new }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-new_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][new][status]" {% if oct_stickers_data.stickers.new.status %}checked="checked"{% endif %} id="input-new_status" tabindex="1">
														<label for="input-new_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-new_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][new][auto]" {% if oct_stickers_data.stickers.new.auto %}checked="checked"{% endif %} id="input-new_auto" tabindex="1">
														<label for="input-new_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-count_days">{{ entry_count_days }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-new_sort" name="oct_stickers_data[stickers][new][count]" value="{{ oct_stickers_data.stickers.new.count }}" class="form-control" placeholder="{{ entry_count_days }}" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-new_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-new_sort" name="oct_stickers_data[stickers][new][sort]" value="{{ oct_stickers_data.stickers.new.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][new][text_color]" value="{{ oct_stickers_data.stickers.new.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][new][fon_color]" value="{{ oct_stickers_data.stickers.new.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-new_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-new" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.new.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][new][image]" value="{{ oct_stickers_data.stickers.new.image }}" id="input-image-new" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-new_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][new][image_width]" value="{{ oct_stickers_data.stickers.new.image_width }}" placeholder="20" id="input-new_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-new_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][new][image_height]" value="{{ oct_stickers_data.stickers.new.image_height }}" placeholder="20" id="input-new_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-new_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][new][image_only]" value="1" {% if oct_stickers_data.stickers.new.image_only %}checked="checked"{% endif %} id="input-new_image_only" tabindex="1">
														<label for="input-new_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="new-language">
													{% for language in languages %}
														<li><a href="#new-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="new-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][new][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.new.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][new][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.new.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-free_shipping">
									<fieldset>
										<legend>{{ entry_sticker_free_shipping }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][free_shipping][status]" {% if oct_stickers_data.stickers.free_shipping.status %}checked="checked"{% endif %} id="input-free_shipping_status" tabindex="1">
														<label for="input-free_shipping_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][free_shipping][auto]" {% if oct_stickers_data.stickers.free_shipping.auto %}checked="checked"{% endif %} id="input-free_shipping_auto" tabindex="1">
														<label for="input-free_shipping_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-count_free_shipping">{{ entry_sum_from }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-count_free_shipping" name="oct_stickers_data[stickers][free_shipping][count]" value="{{ oct_stickers_data.stickers.free_shipping.count }}" class="form-control" placeholder="Наприклад: 1000" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-free_shipping_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-free_shipping_sort" name="oct_stickers_data[stickers][free_shipping][sort]" value="{{ oct_stickers_data.stickers.free_shipping.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][free_shipping][text_color]" value="{{ oct_stickers_data.stickers.free_shipping.text_color }}" placeholder="{{ entry_text_color }}" id="input-free_shipping_text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][free_shipping][fon_color]" value="{{ oct_stickers_data.stickers.free_shipping.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-free_shipping_fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-free_shipping_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-free_shipping" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.free_shipping.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][free_shipping][image]" value="{{ oct_stickers_data.stickers.free_shipping.image }}" id="input-image-free_shipping" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][free_shipping][image_width]" value="{{ oct_stickers_data.stickers.free_shipping.image_width }}" placeholder="20" id="input-free_shipping_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-free_shipping_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][free_shipping][image_height]" value="{{ oct_stickers_data.stickers.free_shipping.image_height }}" placeholder="20" id="input-free_shipping_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-free_shipping_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][free_shipping][image_only]" value="1" {% if oct_stickers_data.stickers.free_shipping.image_only %}checked="checked"{% endif %} id="input-free_shipping_image_only" tabindex="1">
														<label for="input-free_shipping_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="free_shipping-language">
													{% for language in languages %}
														<li><a href="#free_shipping-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>
											<label class="col-sm-2 control-label">{{ entry_title_description }}</label>
											<div class="col-sm-10">
												<div class="tab-content">
													{% for language in languages %}
													<div class="tab-pane" id="free_shipping-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][free_shipping][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.free_shipping.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][free_shipping][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.free_shipping.description[language.language_id] }}</textarea>
													</div>
													{% endfor %}
												</div>
											</div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-bestseller">
									<fieldset>
										<legend>{{ entry_sticker_bestseller }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-bestseller_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][bestseller][status]" {% if oct_stickers_data.stickers.bestseller.status %}checked="checked"{% endif %} id="input-bestseller_status" tabindex="1">
														<label for="input-bestseller_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-bestseller_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][bestseller][auto]" {% if oct_stickers_data.stickers.bestseller.auto %}checked="checked"{% endif %} id="input-bestseller_auto" tabindex="1">
														<label for="input-bestseller_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-count_order">{{ entry_count_order }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-bestseller_sort" name="oct_stickers_data[stickers][bestseller][count]" value="{{ oct_stickers_data.stickers.bestseller.count }}" class="form-control" placeholder="{{ entry_count_order }}" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-bestseller_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-bestseller_sort" name="oct_stickers_data[stickers][bestseller][sort]" value="{{ oct_stickers_data.stickers.bestseller.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][bestseller][text_color]" value="{{ oct_stickers_data.stickers.bestseller.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][bestseller][fon_color]" value="{{ oct_stickers_data.stickers.bestseller.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-bestseller_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-bestseller" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.bestseller.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][bestseller][image]" value="{{ oct_stickers_data.stickers.bestseller.image }}" id="input-image-bestseller" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-bestseller_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][bestseller][image_width]" value="{{ oct_stickers_data.stickers.bestseller.image_width }}" placeholder="20" id="input-bestseller_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-bestseller_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][bestseller][image_height]" value="{{ oct_stickers_data.stickers.bestseller.image_height }}" placeholder="20" id="input-bestseller_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-bestseller_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][bestseller][image_only]" value="1" {% if oct_stickers_data.stickers.bestseller.image_only %}checked="checked"{% endif %} id="input-bestseller_image_only" tabindex="1">
														<label for="input-bestseller_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="bestseller-language">
													{% for language in languages %}
														<li><a href="#bestseller-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="bestseller-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][bestseller][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.bestseller.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][bestseller][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.bestseller.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-popular">
									<fieldset>
										<legend>{{ entry_sticker_popular }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-popular_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][popular][status]" {% if oct_stickers_data.stickers.popular.status %}checked="checked"{% endif %} id="input-popular_status" tabindex="1">
														<label for="input-popular_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-popular_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][popular][auto]" {% if oct_stickers_data.stickers.popular.auto %}checked="checked"{% endif %} id="input-popular_auto" tabindex="1">
														<label for="input-popular_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-popular_count_views">{{ entry_count_views }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-popular_count_views" name="oct_stickers_data[stickers][popular][count]" value="{{ oct_stickers_data.stickers.popular.count }}" class="form-control" placeholder="{{ entry_count_views }}" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-popular_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-popular_sort" name="oct_stickers_data[stickers][popular][sort]" value="{{ oct_stickers_data.stickers.popular.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][popular][text_color]" value="{{ oct_stickers_data.stickers.popular.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][popular][fon_color]" value="{{ oct_stickers_data.stickers.popular.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-popular_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-popular" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.popular.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][popular][image]" value="{{ oct_stickers_data.stickers.popular.image }}" id="input-image-popular" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-popular_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][popular][image_width]" value="{{ oct_stickers_data.stickers.popular.image_width }}" placeholder="20" id="input-popular_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-popular_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][popular][image_height]" value="{{ oct_stickers_data.stickers.popular.image_height }}" placeholder="20" id="input-popular_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-popular_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][popular][image_only]" value="1" {% if oct_stickers_data.stickers.popular.image_only %}checked="checked"{% endif %} id="input-popular_image_only" tabindex="1">
														<label for="input-popular_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="popular-language">
													{% for language in languages %}
														<li><a href="#popular-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="popular-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][popular][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.popular.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][popular][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.popular.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-sold">
									<fieldset>
										<legend>{{ entry_sticker_sold }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-sold_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][sold][status]" {% if oct_stickers_data.stickers.sold.status %}checked="checked"{% endif %} id="input-sold_status" tabindex="1">
														<label for="input-sold_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-sold_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][sold][auto]" {% if oct_stickers_data.stickers.sold.auto %}checked="checked"{% endif %} id="input-sold_auto" tabindex="1">
														<label for="input-sold_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-count_sold">{{ entry_count_sold }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-count_sold" name="oct_stickers_data[stickers][sold][count]" value="{{ oct_stickers_data.stickers.sold.count }}" class="form-control" placeholder="{{ entry_count_sold }}" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-sold_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-sold_sort" name="oct_stickers_data[stickers][sold][sort]" value="{{ oct_stickers_data.stickers.sold.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][sold][text_color]" value="{{ oct_stickers_data.stickers.sold.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][sold][fon_color]" value="{{ oct_stickers_data.stickers.sold.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-sold_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-sold" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.sold.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][sold][image]" value="{{ oct_stickers_data.stickers.sold.image }}" id="input-image-sold" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-sold_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][sold][image_width]" value="{{ oct_stickers_data.stickers.sold.image_width }}" placeholder="20" id="input-sold_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-sold_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][sold][image_height]" value="{{ oct_stickers_data.stickers.sold.image_height }}" placeholder="20" id="input-sold_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-sold_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][sold][image_only]" value="1" {% if oct_stickers_data.stickers.sold.image_only %}checked="checked"{% endif %} id="input-sold_image_only" tabindex="1">
														<label for="input-sold_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="sold-language">
													{% for language in languages %}
														<li><a href="#sold-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="sold-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][sold][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.sold.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][sold][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.sold.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-ends">
									<fieldset>
										<legend>{{ entry_sticker_ends }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-ends_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][ends][status]" {% if oct_stickers_data.stickers.ends.status %}checked="checked"{% endif %} id="input-ends_status" tabindex="1">
														<label for="input-ends_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-ends_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][ends][auto]" {% if oct_stickers_data.stickers.ends.auto %}checked="checked"{% endif %} id="input-ends_auto" tabindex="1">
														<label for="input-ends_auto"></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">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-count_ends">{{ entry_count_ends }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-sold_sort" name="oct_stickers_data[stickers][ends][count]" value="{{ oct_stickers_data.stickers.ends.count }}" class="form-control" placeholder="{{ entry_count_ends }}" />
												</div>
											</div>
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-ends_sort">{{ entry_sort }}</label>
												<div class="col-sm-8">
													<input type="text" id="input-ends_sort" name="oct_stickers_data[stickers][ends][sort]" value="{{ oct_stickers_data.stickers.ends.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][ends][text_color]" value="{{ oct_stickers_data.stickers.ends.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][ends][fon_color]" value="{{ oct_stickers_data.stickers.ends.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-ends_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-ends" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.ends.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][ends][image]" value="{{ oct_stickers_data.stickers.ends.image }}" id="input-image-ends" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-ends_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][ends][image_width]" value="{{ oct_stickers_data.stickers.ends.image_width }}" placeholder="20" id="input-ends_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-ends_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][ends][image_height]" value="{{ oct_stickers_data.stickers.ends.image_height }}" placeholder="20" id="input-ends_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-ends_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][ends][image_only]" value="1" {% if oct_stickers_data.stickers.ends.image_only %}checked="checked"{% endif %} id="input-ends_image_only" tabindex="1">
														<label for="input-ends_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="ends-language">
													{% for language in languages %}
														<li><a href="#ends-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="ends-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][ends][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.ends.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][ends][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.ends.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-special">
									<fieldset>
										<legend>{{ entry_sticker_special }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-special_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][special][status]" {% if oct_stickers_data.stickers.special.status %}checked="checked"{% endif %} id="input-special_status" tabindex="1">
														<label for="input-special_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-special_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][special][auto]" {% if oct_stickers_data.stickers.special.auto %}checked="checked"{% endif %} id="input-special_auto" tabindex="1">
														<label for="input-special_auto"></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" style="display:none;">
											<label class="col-sm-2 control-label" for="input-special_sort">{{ entry_sort }}</label>
											<div class="col-sm-10">
												<input type="text" id="input-special_sort" name="oct_stickers_data[stickers][special][sort]" value="{{ oct_stickers_data.stickers.special.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][special][text_color]" value="{{ oct_stickers_data.stickers.special.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][special][fon_color]" value="{{ oct_stickers_data.stickers.special.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6" style="display:none;">
												<label class="col-sm-4 control-label" for="input-special_persent">{{ entry_view_percent }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][special][persent]" {% if oct_stickers_data.stickers.special.persent %}checked="checked"{% endif %} id="input-special_persent" tabindex="1">
														<label for="input-special_persent"></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-6">
												<label class="col-sm-4 control-label" for="input-special_title">{{ entry_view_title }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][special][view_title]" {% if oct_stickers_data.stickers.special.view_title %}checked="checked"{% endif %} id="input-special_title" tabindex="1">
														<label for="input-special_title"></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 id="special-langs"{% if oct_stickers_data.stickers.special.view_title is not defined %} style="display:none;"{% endif %}>
											<div class="form-group">
												<label class="col-sm-2 control-label" for="input-special_image">{{ entry_image }}</label>
												<div class="col-sm-10">
													<a href="" id="thumb-image-special" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.special.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
													<input type="hidden" name="oct_stickers_data[stickers][special][image]" value="{{ oct_stickers_data.stickers.special.image }}" id="input-image-special" />
												</div>
											</div>
											<div class="form-group">
												<div class="col-sm-6">
													<label class="col-sm-4 control-label" for="input-special_image_width">{{ entry_image_width }}</label>
													<div class="col-sm-8">
														<input type="text" name="oct_stickers_data[stickers][special][image_width]" value="{{ oct_stickers_data.stickers.special.image_width }}" placeholder="20" id="input-special_image_width" class="form-control" />
													</div>
												</div>
												<div class="col-sm-6">
													<label class="col-sm-4 control-label" for="input-special_image_height">{{ entry_image_height }}</label>
													<div class="col-sm-8">
														<input type="text" name="oct_stickers_data[stickers][special][image_height]" value="{{ oct_stickers_data.stickers.special.image_height }}" placeholder="20" id="input-special_image_height" class="form-control" />
													</div>
												</div>
											</div>
											<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-special_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][special][image_only]" value="1" {% if oct_stickers_data.stickers.special.image_only %}checked="checked"{% endif %} id="input-special_image_only" tabindex="1">
														<label for="input-special_image_only"></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">
												<div class="col-sm-12">
													<ul class="nav nav-tabs" id="special-language">
														{% for language in languages %}
															<li><a href="#special-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>
							                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
							                    <div class="col-sm-10">
								                    <div class="tab-content">
							                        	{% for language in languages %}
							                            <div class="tab-pane" id="special-language{{ language.language_id }}">
															<input name="oct_stickers_data[stickers][special][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.special.title[language.language_id] }}" /><br />
															<textarea name="oct_stickers_data[stickers][special][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.special.description[language.language_id] }}</textarea>
							                            </div>
														{% endfor %}
								                    </div>
							                    </div>
											</div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-video">
									<fieldset>
										<legend>{{ entry_sticker_video }}</legend>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_status">{{ entry_status }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][video][status]" {% if oct_stickers_data.stickers.video.status %}checked="checked"{% endif %} id="input-video_status" tabindex="1">
														<label for="input-video_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="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_auto">{{ entry_auto }}</label>
												<div class="col-sm-8">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][video][auto]" {% if oct_stickers_data.stickers.video.auto %}checked="checked"{% endif %} id="input-video_auto" tabindex="1">
														<label for="input-video_auto"></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" style="display:none;">
											<label class="col-sm-2 control-label" for="input-video_sort">{{ entry_sort }}</label>
											<div class="col-sm-10">
												<input type="text" id="input-video_sort" name="oct_stickers_data[stickers][video][sort]" value="{{ oct_stickers_data.stickers.video.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][video][text_color]" value="{{ oct_stickers_data.stickers.video.text_color }}" placeholder="{{ entry_text_color }}" id="input-video_text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][video][fon_color]" value="{{ oct_stickers_data.stickers.video.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-video_fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-video_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-video" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.video.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][video][image]" value="{{ oct_stickers_data.stickers.video.image }}" id="input-image-video" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][video][image_width]" value="{{ oct_stickers_data.stickers.video.image_width }}" placeholder="20" id="input-video_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-video_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][video][image_height]" value="{{ oct_stickers_data.stickers.video.image_height }}" placeholder="20" id="input-video_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-video_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][video][image_only]" value="1" {% if oct_stickers_data.stickers.video.image_only %}checked="checked"{% endif %} id="input-video_image_only" tabindex="1">
														<label for="input-video_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="video-language">
													{% for language in languages %}
														<li{% if loop.first %} class="active"{% endif %}><a href="#video-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane{% if loop.first %} active{% endif %}" id="video-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][video][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.video.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][video][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.video.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-featured">
									<fieldset>
										<legend>{{ entry_sticker_featured }}</legend>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-featured_status">{{ entry_status }}</label>
											<div class="col-sm-10">
												<div class="toggle-group">
													<input type="checkbox" name="oct_stickers_data[stickers][featured][status]" {% if oct_stickers_data.stickers.featured.status %}checked="checked"{% endif %} id="input-featured_status" tabindex="1">
													<label for="input-featured_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="display:none;">
											<label class="col-sm-2 control-label" for="input-featured_sort">{{ entry_sort }}</label>
											<div class="col-sm-10">
												<input type="text" id="input-featured_sort" name="oct_stickers_data[stickers][featured][sort]" value="{{ oct_stickers_data.stickers.featured.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][featured][text_color]" value="{{ oct_stickers_data.stickers.featured.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][featured][fon_color]" value="{{ oct_stickers_data.stickers.featured.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="input-featured_image">{{ entry_image }}</label>
											<div class="col-sm-10">
												<a href="" id="thumb-image-featured" data-toggle="image" class="img-thumbnail"><img src="{{ oct_stickers_data.stickers.featured.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
												<input type="hidden" name="oct_stickers_data[stickers][featured][image]" value="{{ oct_stickers_data.stickers.featured.image }}" id="input-image-featured" />
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-featured_image_width">{{ entry_image_width }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][featured][image_width]" value="{{ oct_stickers_data.stickers.featured.image_width }}" placeholder="20" id="input-featured_image_width" class="form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<label class="col-sm-4 control-label" for="input-featured_image_height">{{ entry_image_height }}</label>
												<div class="col-sm-8">
													<input type="text" name="oct_stickers_data[stickers][featured][image_height]" value="{{ oct_stickers_data.stickers.featured.image_height }}" placeholder="20" id="input-featured_image_height" class="form-control" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-12">
												<label class="col-sm-2 control-label" for="input-featured_image_only">{{ entry_image_only }}</label>
												<div class="col-sm-10">
													<div class="toggle-group">
														<input type="checkbox" name="oct_stickers_data[stickers][featured][image_only]" value="1" {% if oct_stickers_data.stickers.featured.image_only %}checked="checked"{% endif %} id="input-featured_image_only" tabindex="1">
														<label for="input-featured_image_only"></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">
											<div class="col-sm-12">
												<ul class="nav nav-tabs" id="featured-language">
													{% for language in languages %}
														<li><a href="#featured-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>
						                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
						                    <div class="col-sm-10">
							                    <div class="tab-content">
						                        	{% for language in languages %}
						                            <div class="tab-pane" id="featured-language{{ language.language_id }}">
														<input name="oct_stickers_data[stickers][featured][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ oct_stickers_data.stickers.featured.title[language.language_id] }}" /><br />
														<textarea name="oct_stickers_data[stickers][featured][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ oct_stickers_data.stickers.featured.description[language.language_id] }}</textarea>
						                            </div>
													{% endfor %}
							                    </div>
						                    </div>
										</div>
									</fieldset>
								</div>
								<div class="tab-pane" id="tab-customer">
									<fieldset>
										<legend>{{ entry_customer }}</legend>
										<div class="col-sm-2">
											<ul class="nav nav-pills nav-stacked" id="settings">
												{% set sticker_li_row = 0 %}
												{% for customer_sticker in oct_stickers_data.customer %}
												<li class="customer-li{{ sticker_li_row }}"><a href="#customer-row{{ sticker_li_row }}" data-toggle="tab"><span class="delete-block-in" onclick="removeSticker({{ sticker_li_row }});"><i class="fa fa-minus-circle"></i></span> {{ customer_sticker.title[language_id] }}</a></li>
												{% set sticker_li_row = sticker_li_row + 1 %}
												{% endfor %}
											</ul>
											<ul class="nav nav-pills nav-stacked" style="margin-top: 10px;">
												<li><a href="javascript:;" onclick="addSticker();updateActive(); return false;" id="add_sticker"><i class="fa fa-plus-circle"></i> {{ entry_add_new_sticker }}</a></li>
											</ul>
										</div>
										<div class="col-sm-10">
											<div class="tab-content" id="customer-stickers-block">
											{% set sticker_row = 0 %}
											{% if oct_stickers_data.customer is not empty %}
												{% for customer_sticker in oct_stickers_data.customer %}
													<div class="tab-pane" id="customer-row{{ sticker_row }}">
														<div class="form-group">
															<label class="col-sm-2 control-label" for="input-customer_{{ sticker_row }}_status">{{ entry_status }}</label>
															<div class="col-sm-10">
																<div class="toggle-group">
																	<input type="checkbox" name="oct_stickers_data[customer][{{ sticker_row }}][status]" {% if customer_sticker.status %}checked="checked"{% endif %} id="input-customer_{{ sticker_row }}_status" tabindex="1">
																	<label for="input-customer_{{ sticker_row }}_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" stule="display:none;">
															<label class="col-sm-2 control-label" for="input-customer_{{ sticker_row }}_sort">{{ entry_sort }}</label>
															<div class="col-sm-10">
																<input type="text" id="input-customer_{{ sticker_row }}_sort" name="oct_stickers_data[customer][{{ sticker_row }}][sort]" value="{{ customer_sticker.sort }}" class="form-control" placeholder="{{ entry_sort }}" />
															</div>
														</div>
														<div class="form-group">
															<div class="col-sm-6">
																<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
																<div class="col-sm-8">
																	<input type="text" name="oct_stickers_data[customer][{{ sticker_row }}][text_color]" value="{{ customer_sticker.text_color }}" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
																</div>
															</div>
															<div class="col-sm-6">
																<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
																<div class="col-sm-8">
																	<input type="text" name="oct_stickers_data[customer][{{ sticker_row }}][fon_color]" value="{{ customer_sticker.fon_color }}" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
																</div>
															</div>
														</div>
														<div class="form-group">
															<div class="col-sm-12">
																<ul class="nav nav-tabs" id="customer-language_{{ sticker_row }}">
																	{% for language in languages %}
																		<li><a href="#customer-language_{{ sticker_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>
										                    <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
										                    <div class="col-sm-10">
											                    <div class="tab-content">
										                        	{% for language in languages %}
										                            <div class="tab-pane" id="customer-language_{{ sticker_row }}{{ language.language_id }}">
																		<input name="oct_stickers_data[customer][{{ sticker_row }}][title][{{ language.language_id }}]" rows="5" class="form-control" value="{{ customer_sticker.title[language.language_id] }}" /><br />
																		<textarea name="oct_stickers_data[customer][{{ sticker_row }}][description][{{ language.language_id }}]" rows="5" class="form-control" />{{ customer_sticker.description[language.language_id] }}</textarea>
										                            </div>
																	{% endfor %}
											                    </div>
										                    </div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label" for="input-sticker_image">{{ entry_image }}</label>
															<div class="col-sm-10">
																<a href="" id="thumb-image{{ sticker_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ customer_sticker.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
																<input type="hidden" name="oct_stickers_data[customer][{{ sticker_row }}][image]" value="{{ customer_sticker.image }}" id="input-image{{ sticker_row }}" />
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label" for="input-customer_{{ sticker_row }}_image_width">{{ entry_image_width }}</label>
															<div class="col-sm-10">
																<input type="text" name="oct_stickers_data[customer][{{ sticker_row }}][image_width]" value="{{ customer_sticker.image_width }}" placeholder="20" id="input-customer_{{ sticker_row }}_image_width" class="form-control" />
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label" for="input-customer_{{ sticker_row }}_image_height">{{ entry_image_height }}</label>
															<div class="col-sm-10">
																<input type="text" name="oct_stickers_data[customer][{{ sticker_row }}][image_height]" value="{{ customer_sticker.image_height }}" placeholder="20" id="input-customer_{{ sticker_row }}_image_height" class="form-control" />
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label" for="input-customer_{{ sticker_row }}_image_only">{{ entry_image_only }}</label>
															<div class="col-sm-10">
																<div class="toggle-group">
																	<input type="checkbox" name="oct_stickers_data[customer][{{ sticker_row }}][image_only]" value="1" {% if customer_sticker.image_only %}checked="checked"{% endif %} id="input-customer_{{ sticker_row }}_image_only" tabindex="1">
																	<label for="input-customer_{{ sticker_row }}_image_only"></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>
													{% set sticker_row = sticker_row + 1 %}
												{% endfor %}
											{% else %}
												<span class="no_sc">{{ entry_no_stickers }}</span>
											{% endif %}
											</div>
										</div>
									</fieldset>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script>        
function copyToClipboard(inputId) {
	var copyText = document.getElementById(inputId);
	copyText.select();
	copyText.setSelectionRange(0, 99999); // For mobile devices

	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 }}');
	}
}

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

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

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

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

function initSpectrum() {
	$(".spectrum").spectrum({
		preferredFormat: "rgb",
		showInitial: true,
		showInput: true,
		showAlpha: true,
		showPalette: true,
		palette: [["red", "rgba(0, 255, 0, .5)", "rgb(0, 0, 255)"]]
	});
}

initSpectrum();

$('#new-language a:first').tab('show');
$('#bestseller-language a:first').tab('show');
$('#free_shipping-language a:first').tab('show');
$('#popular-language a:first').tab('show');
$('#sold-language a:first').tab('show');
$('#ends-language a:first').tab('show');
$('#special-language a:first').tab('show');
$('#featured-language a:first').tab('show');
$('#settings a:first').tab('show');

$('#customer-stickers-block .tab-pane').each(function(){
	$(this).find('a:first').tab('show');
});

let sticker_row = {{ sticker_row }};

function addSticker() {
	const html = `
	<div class="tab-pane" id="customer-row${ sticker_row }">
		<div class="form-group">
			<label class="col-sm-2 control-label" for="input-customer_${ sticker_row }_status">{{ entry_status }}</label>
			<div class="col-sm-10">
				<div class="toggle-group">
					<input type="checkbox" name="oct_stickers_data[customer][${ sticker_row }][status]" id="input-customer_${ sticker_row }_status" tabindex="1">
					<label for="input-customer_${ sticker_row }_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="display:none;">
			<label class="col-sm-2 control-label" for="input-customer_${ sticker_row }_sort">{{ entry_sort }}</label>
			<div class="col-sm-10">
				<input type="text" id="input-customer_${ sticker_row }_sort" name="oct_stickers_data[customer][${ sticker_row }][sort]" value="" class="form-control" placeholder="{{ entry_sort }}" />
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-6">
				<label class="col-sm-4 control-label" for="input-text_color">{{ entry_text_color }}</label>
				<div class="col-sm-8">
					<input type="text" name="oct_stickers_data[customer][${ sticker_row }][text_color]" value="" placeholder="{{ entry_text_color }}" id="input-text_color" class="form-control spectrum" />
				</div>
			</div>
			<div class="col-sm-6">
				<label class="col-sm-4 control-label" for="input-fon_color">{{ entry_fon_color }}</label>
				<div class="col-sm-8">
					<input type="text" name="oct_stickers_data[customer][${ sticker_row }][fon_color]" value="" placeholder="{{ entry_fon_color }}" id="input-fon_color" class="form-control spectrum" />
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-12">
				<ul class="nav nav-tabs" id="customer-language_${ sticker_row }">
					{% for language in languages %}
						<li><a href="#customer-language_${ sticker_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>
            <label class="col-sm-2 control-label">{{ entry_title_description }}</label>
            <div class="col-sm-10">
                <div class="tab-content">
                		{% for language in languages %}
						<div class="tab-pane" id="customer-language_${ sticker_row }{{ language.language_id }}">
							<input name="oct_stickers_data[customer][${ sticker_row }][title][{{ language.language_id }}]" rows="5" class="form-control" value="" /><br />
							<textarea name="oct_stickers_data[customer][${ sticker_row }][description][{{ language.language_id }}]" rows="5" class="form-control" /></textarea>
						</div>
					{% endfor %}
                </div>
            </div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="input-sticker_image">{{ entry_image }}</label>
			<div class="col-sm-10">
				<a href="" id="thumb-image{{ sticker_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
				<input type="hidden" name="oct_stickers_data[customer][${ sticker_row }][image]" value="" id="input-image${ sticker_row }" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="input-customer_${ sticker_row }_image_width">{{ entry_image_width }}</label>
			<div class="col-sm-10">
				<input type="text" name="oct_stickers_data[customer][${ sticker_row }][image_width]" value="" placeholder="20" id="input-customer_${ sticker_row }_image_width" class="form-control" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="input-customer_${ sticker_row }_image_height">{{ entry_image_height }}</label>
			<div class="col-sm-10">
				<input type="text" name="oct_stickers_data[customer][${ sticker_row }][image_height]" value="" placeholder="20" id="input-customer_${ sticker_row }_image_height" class="form-control" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="input-customer_${ sticker_row }_image_only">{{ entry_image_only }}</label>
			<div class="col-sm-10">
				<div class="toggle-group">
					<input type="checkbox" name="oct_stickers_data[customer][${ sticker_row }][image_only]" value="1" id="input-customer_${ sticker_row }_image_only" tabindex="1">
					<label for="input-customer_${ sticker_row }_image_only"></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>
	`;

	const html2 = `<li class='customer-li${ sticker_row }'><a href='#customer-row${ sticker_row }' data-toggle='tab'><span class='delete-block-in' onclick='removeSticker(${ sticker_row });'><i class='fa fa-minus-circle'></i></span> {{ entry_new_sticker }}</a></li>`;

	$('#customer-stickers-block').append(html);
	$('#settings').append(html2);

	$('#settings li').removeClass('active');

	$("#settings .customer-li" + sticker_row + " a").tab('show');

	sticker_row++;

	initSpectrum();

	$('.no_sc').hide();
}

function removeSticker(sticker_row) {
	$("#customer-row" + sticker_row).remove();
	$(".customer-li" + sticker_row).remove();

	$('#settings a:first').tab('show');
}

function updateActive() {
	$('#tab-customer .nav.nav-tabs').each(function () {
		$(this).children().children().first().tab('show');
	});
}
</script>
{{ footer }}
