{% extends [
		'@layout/extensions/store/layouts/all/news_lightbox_content.twig',

		'@doclayout/news_lightbox_content.twig',
		'@docpages/news_lightbox_content.twig',
		
		'@layout/news_lightbox_content.twig',
		'@layout/general/news_lightbox_content.twig'
	]
%}

{% block _ext_store_models %}
<div>
	
	{% if context == 'full_page' %}
		<input type="checkbox" id="ext_store_models_show" checked="checked">
	{% else %}
		<input type="checkbox" id="ext_store_models_show">
		<label for="ext_store_models_show" id="lightbox_store" class="lightbox_button"><i class="fa fa-plus fa-lg"></i> <i class="fa fa-shopping-cart fa-2x"></i></label>
	{% endif %}
	<div id="ext_store_models">
		<span>
			<span>{{ text_ext.lightbox.models.title }}</span>
			{% if context == 'index' %}
				<label for="ext_store_models_show">
					<i class="fa fa-times fa-lg"></i>
				</label>
			{% endif %}
		</span>
		<ul id="ext_store_models_list_{{ data.news.id }}">
			{% for model in data.models %}
				{% if site.version_number_n >= 161121 %}
					<li>
						<a href="javascript:;" {{ model.has_colors ? ' class="ext_store_has-colors"' }} id="ext_store_model_{{ model.id }}">
							<i class="fa fa-{{ model.added and not(model.has_colors) ? 'check' : 'plus' }}">&nbsp;</i>
							<span>
								{{ settings.ref_show ? 'Ref: ' ~ model.ref ~ ' - ' }}
								{{ data.prefix ? data.prefix ~ ' '}}
								{{ model.desc }}:
							</span>
							<span>
								{{ model.price | number_format(2,'.','') }}&euro;
								{{ settings.alt_currency_show and settings.alt_currency_id and data.currencies
									? (' (&asymp;' ~
										(settings.alt_currency_id|e('html')) ~
										' ' ~
										((data.currencies[settings.alt_currency_id] * model.price)|number_format(2,'.','')) ~
									')')|raw
								}}
							</span>
						</a>
						<div class="ext_store_color_list">
							<a href="javascript:;">
								<i class="fa fa-chevron-circle-left"></i>
							</a>
							<div>
								<span>{{ text_ext.lightbox.models.colors }}:</span>
								{% for color in data.colors %}
									<a href="javascript:;" data-id_color="{{ color.id }}" data-id_news="{{ data.news.id }}" data-id_model="{{ model.id }}">												
										<b class="ext-store-color" style="
											display: inline-block;
											width: 16px;
											height: 16px;
											border: 1px solid #666666;
											background:{{ color.src ? 'url(\'/' ~ color.src ~ '\');background-size:16px 16px' : color.color }};
										" title="{{ color.name }}">&nbsp;</b>
									</a>
								{% endfor %}
							</div>
						</div>
					</li>
				{% else %}
					<li>
						<a href="javascript:;" id="ext_store_model_{{ model.id }}">
							<i class="fa fa-{{ model.added ? 'check' : 'plus' }}">&nbsp;</i>
							<span>
								{{ data.prefix ? data.prefix ~ ' '}}
								{{ model.desc }}:
							</span>
							<span>{{ model.price | number_format(2,'.','') }}&euro;</span>
						</a>
					</li>
				{% endif %}
			{% endfor %}
		</ul>
	</div>
</div>
{% endblock %}



{% block content %}
	{% set output = block('content_custom') %}
	{% if output %}
		{{ output|raw }}
	{% elseif context == 'index' or not data.models|length or data.news.ext_store_sold_out %}
		{{ parent('content') }}
	{% else %}
		{% block _ext_store_slideshow %}
			{% set output = parent('_ext_store_slideshow') %}
			{% if output %}
				{{ output|raw }}
			{% else %}
				<div class="row">
					<div class="col-md-push-4 col-md-8">
						{% block buttons %}
							<div id="lightbox_buttons">
								{% if site.form_subscribe %}
									{{ block('buttons_form_subscribe') }}
								{% endif %}
								
								{{ block('buttons_facebook') }}
							</div>
							<div class="clearfix"></div>
						{% endblock %}
					</div>
				</div>
				<div class="row">
					{# <div class="col-md-4 col-md-push-0 col-sm-push-12">
						{{ block('_ext_store_models') }}
						<div class="clearfix"></div>
					</div>
					
					<div class="col-md-8 col-md-pull-0 col-sm-pull-12">
						{% block slideshow %}
							{{ parent('slideshow') }}
						{% endblock %}
						
						{% if data.slides|length > 1 and site.lightbox_news_thumbs %}
							{% block slideshow_thumbs %}
								{{ parent('slideshow_thumbs') }}
							{% endblock %}
						{% endif %}
					</div> #}
					
					<div class="col-xs-12 col-sm-8 col-sm-push-4">
						{% block slideshow %}
							{{ parent('slideshow') }}
						{% endblock %}
						
						{% if data.slides|length > 1 and site.lightbox_news_thumbs %}
							{% block slideshow_thumbs %}
								{{ parent('slideshow_thumbs') }}
							{% endblock %}
						{% endif %}
					</div>
					
					<div class="col-xs-12 col-sm-4 col-sm-pull-8">
						{{ block('_ext_store_models') }}
						<div class="clearfix"></div>
					</div>
				</div>
			{% endif %}
		{% endblock %}
		
		
		{% block contents %}
			{{ parent('contents') }}
		{% endblock %}
	{% endif %}
{% endblock %}