<div class="ajax-quickview">
	<div class="ajax-quickview-images">
		<ul class="list-unstyled">
			<li class="ajax-quickview-image">
				<img width="{{ product['thumb_width'] }}" height="{{ product['thumb_height'] }}" alt="{{ product['name'] }}" title="{{ product['name'] }}" class="img-responsive" src="{{ product['thumb'] }}"/>
			</li>
			{% for thumb in product['additional_thumbs'] %}
				<li class="ajax-quickview-image">
					<img width="{{ product['thumb_width'] }}" height="{{ product['thumb_height'] }}" alt="{{ product['name'] }}" title="{{ product['name'] }}" class="img-responsive" src="{{ thumb }}"/>
				</li>
			{% endfor %}
		</ul>
		{% if (product['additional_thumbs']) %}
			<a href="#" class="next-img"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
			<a href="#" class="prev-img"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
		{% endif %}
	</div>
	<div class="ajax-quickview-cont-wrap">
		<div class="ajax-quickview-cont">
			{% if (product['special']) %}
				{% if (label_sale) %}
					<div class="sale">
						<span>{{ text_sale }}</span>
					</div>
				{% endif %}
				{% if (label_discount) %}
					<div class="discount">
						<span>{{ product['label_discount'] }}</span>
					</div>
				{% endif %}
			{% endif %}
			{% if (product['label_new']) %}
				<div class="new-pr"><span>{{ text_new }}</span></div>
			{% endif %}
			<div class="name">
				<h3>{{ product['name'] }}</h3>
			</div>
			{% if (product['price']) %}
				<div class="price">
					{% if (not product['special']) %}
						{{ product['price'] }}
					{% else %}
						<span class="price-new">{{ product['special'] }}</span>
						<span class="price-old">{{ product['price'] }}</span>
					{% endif %}
					{% if (product['tax']) %}
						<span class="price-tax">{{ text_tax }}{{ product['tax'] }}</span>
					{% endif %}
				</div>
			{% endif %}
			<div class="model">
				{{ text_model }}
				{{ product['model'] }}
			</div>
			<div class="manufacturer">
				{{ text_manufacturer }}
				{{ product['manufacturer'] }}
			</div>
			{% if (product['rating']) %}
				<div class="rating">
					{% set i = 1 %}{% for i in i..5 %}
						{% if (product['rating'] < i) %}
							<span class="fa-stack">
								<i class="material-icons-star fa-stack-1x"></i>
							</span>
						{% else %}
							<span class="fa-stack">
								<i class="material-icons-star fa-stack-1x"></i>
								<i class="material-icons-star star fa-stack-1x"></i>
							</span>
						{% endif %}
					{% endfor %}
				</div>
			{% endif %}
			<!-- Product options -->
			<div class="product-option-wrap">
				{% if product.options %}
					<div class="product-options form-horizontal">
						<div class="options">
							<a class="ajax-overlay_close" href='#'></a>
							<input type="text" name="product_id" value="{{ product.product_id }}" class="form-control hidden"/>
							<h3>{{ text_option }}</h3>
							{% for option in product.options %}
								{% if option.type == 'select' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">
											{{ option.name }}
										</label>
										<select name="option[{{ option.product_option_id }}]" id="input-option{{ option.product_option_id }}-quickview" class="form-control">
											<option value="">{{ text_select }}</option>
											{% for option_value in option.product_option_value %}
												<option value="{{ option_value.product_option_value_id }}">{{ option_value.name }}
													{% if option_value.price %}
														({{ option_value.price_prefix }}{{ option_value.price }})
													{% endif %}
												</option>
											{% endfor %}
										</select>
									</div>
								{% endif %}
								{% if option.type == 'radio' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label">{{ option.name }}</label>
										<div id="input-option{{ option.product_option_id }}-quickview">
											{% for option_value in option.product_option_value %}
												<div class="radio">
													<label>
														<input type="radio" name="option[{{ option.product_option_id }}]" value="{{ option_value.product_option_value_id }}" />
														{% if option_value.image %}
															<img src="{{ option_value.image }}" alt="{{ option_value.name }}{% if option_value.price %}{{ option_value.price_prefix }}{{ option_value.price }}{% endif %}" class="img-thumbnail" />
														{% endif %}
														{{ option_value.name }}
														{% if option_value.price %}
															({{ option_value.price_prefix }}{{ option_value.price }})
														{% endif %}
													</label>
												</div>
											{% endfor %}
										</div>
									</div>
								{% endif %}
								{% if option.type == 'checkbox' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label">{{ option.name }}</label>
										<div id="input-option{{ option.product_option_id }}-quickview">
											{% for option_value in option.product_option_value %}
												<div class="checkbox">
													<label>
														<input type="checkbox" name="option[{{ option.product_option_id }}][]" value="{{ option_value.product_option_value_id }}" />
														{% if option_value.image %}
															<img src="{{ option_value.image }}" alt="{{ option_value.name }}{% if option_value.price %}{{ option_value.price_prefix }}{{ option_value.price }}{% endif %}" class="img-thumbnail" />
														{% endif %}
														{{ option_value.name }}
														{% if option_value.price %}
															({{ option_value.price_prefix }}{{ option_value.price }})
														{% endif %}
													</label>
												</div>
											{% endfor %}
										</div>
									</div>
								{% endif %}
								{% if option.type == 'text' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">
											{{ option.name }}
										</label>
										<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" placeholder="{{ option.name }}" id="input-option{{ option.product_option_id }}-quickview" class="form-control" />
									</div>
								{% endif %}
								{% if option.type == 'textarea' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">{{ option.name }}</label>
										<textarea name="option[{{ option.product_option_id }}]" rows="5" placeholder="{{ option.name }}" id="input-option{{ option.product_option_id }}-quickview" class="form-control">{{ option.value }}</textarea>
									</div>
								{% endif %}
								{% if option.type == 'file' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label">{{ option.name }}</label>
										<button type="button" id="button-upload{{ option.product_option_id }}" data-loading-text="{{ text_loading }}" class="btn btn-default btn-block"><i class="fa fa-upload"></i> {{ button_upload }}</button>
										<input type="hidden" name="option[{{ option.product_option_id }}]" value="" id="input-option{{ option.product_option_id }}-quickview" />
									</div>
								{% endif %}
								{% if option.type == 'date' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">{{ option.name }}</label>
										<div class="input-group date">
											<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="YYYY-MM-DD" id="input-option{{ option.product_option_id }}-quickview" class="form-control" />
											<span class="input-group-btn">
												<button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
									</div>
								{% endif %}
								{% if option.type == 'datetime' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">{{ option.name }}</label>
										<div class="input-group datetime">
											<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="YYYY-MM-DD HH:mm" id="input-option{{ option.product_option_id }}-quickview" class="form-control" />
											<span class="input-group-btn">
												<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
									</div>
								{% endif %}
								{% if option.type == 'time' %}
									<div class="form-group{% if option.required %} required {% endif %}">
										<label class="control-label" for="input-option{{ option.product_option_id }}-quickview">{{ option.name }}</label>
										<div class="input-group time">
											<input type="text" name="option[{{ option.product_option_id }}]" value="{{ option.value }}" data-date-format="HH:mm" id="input-option{{ option.product_option_id }}-quickview" class="form-control" />
											<span class="input-group-btn">
												<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
									</div>
								{% endif %}
							{% endfor %}
						</div>
					</div>
				{% endif %}
				<label class="control-label">{{ entry_qty }}</label>
				<a class="counter counter-minus material-design-horizontal39" href='#'></a>
				<input type="text" name="quantity" value="{{ minimum }}" size="2" class="form-control"/>
				<input type="hidden" name="product_id" value="{{ product['product_id'] }}"/>
				<a class="counter counter-plus material-design-add186" href='#'></a>
				<button type="button" class="product-btn-add" {% if product['options'] %} onclick="cart.addPopup($(this), {{ product.product_id }});" {% else %} onclick="cart.add('{{ product.product_id }}', $(this).parents('.product-option-wrap').find('input[name=\'quantity\']').val());" {% endif %}>
					<i class="fa fa-shopping-cart"></i>
					<span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span>
				</button>
			</div>
			<div class="cart-button">
				<button class="product-btn" type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product['product_id'] }}');">
					{{ button_wishlist }}
				</button>
				<button class="product-btn" type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product['product_id'] }}');">
					{{ button_compare }}
				</button>
			</div>
		</div>
	</div>
</div>