{% extends [
		'@doclayout/news_lightbox_content.twig',
		'@docpages/news_lightbox_content.twig',
		
		'@layout/news_lightbox_content.twig',
		'@root/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 %}