{{  header  }}
<div class="container">
	<div class="breadcrumb-h1 {{ menu_expanded ? ' col-md-offset-3 col-lg-offset-3 col-xxl-offset-4' }}">
		<ul class="breadcrumb mobile">
			{% for key, breadcrumb in breadcrumbs %}
				{% if key + 1 < breadcrumbs|length %}
					<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
				{% else %}
					{% if not hide_last_breadcrumb or (hide_last_breadcrumb and key == 1) %}<li>{{ breadcrumb.text }}</li>{% endif %}
				{% endif %}
			{% endfor %}
		</ul>
		<!-- <h1 class="heading">{{ heading_title }}</h1> -->
	</div>
	<div class="row">
		{{ column_left }}
		{% if column_left and column_right %}
			{% set class = ' col-sm-4 col-md-6 col-lg-6 col-xxl-12' %}
		{% elseif column_left or column_right %}
			{% set class = ' col-sm-8 col-md-9 col-lg-9 col-xxl-16' %}
		{% else %}
			{% set class = ' col-sm-12' %}
		{% endif %}
		<div id="content" class="{{ class }}">
			{{ content_top }}
			<div id="gallery">
				{% if gallerys %}
					{% if description %}
						<div class="gallery-description">{{ description }}</div>
					{% endif %}
					{% for key, gallery in gallerys %}
						<div class="heading">{{ gallery.name  }}</div>
						<div class="uni-module gallery-module gallery-{{ gallery.gallery_id }}">
							<div class="uni-module__wrapper row-flex">
								{% for key, image in gallery.images %}
									<div class="gallery-module__item uni-item">
										<div class="gallery-module__image {{ image.title is empty  ? ' not-title' }}">
											<a href="{{ image.popup }}" title="{{ image.title }}" class="img_popup">
												<img src="{{ image.image }}" alt="{{ image.title }}" title="{{ image.title }}" loading="lazy" class="img-responsive" />
											</a>
										</div>
										{% if image.title %}
											{% if image.link %}
												<a href="{{ image.link }}" class="gallery-module__name">{{ image.title }}</a>
											{% else %}
												<span class="gallery-module__name">{{ image.title }}</span>
											{% endif %}
										{% endif %}
									</div>
								{% endfor %}
							</div>
						</div>
						{% if gallery.show_more %}
							<div class="gallery__show-more">
								<a href="{{ gallery.href }}" class="btn btn-lg btn-primary"><span>{{ text_show_more }}</span></a>
							</div>
						{% endif %}
						<script>
							$('.gallery-{{ gallery.gallery_id }}').uniModules({
								type:'{{ type_view is defined ? type_view : 'carousel' }}'
							});
							
							$('.gallery-{{ gallery.gallery_id }}').magnificPopup({
									type:'image',
								delegate: 'a.img_popup',
								gallery: {
									enabled:true
								}
							});
						</script>
					{% endfor %}
				{% elseif images %}
					<h1 class="heading">{{ heading_title }}</h1>
					{% if description %}
						<div class="gallery-description">{{ description }}</div>
					{% endif %}
					<div class="gallery row row-flex">
						
						{% if column_left and column_right %}
							{% set class = ' col-sm-12 col-md-12 col-lg-6 col-xxl-6-1' %}
						{% elseif column_left or column_right %}
							{% set class = ' col-sm-6 col-md-4 col-lg-4 col-xxl-5' %}
						{% else %}
							{% set class = ' col-sm-6 col-md-3 col-lg-3 col-xxl-4' %}
						{% endif %}
					
						{% for key, image in images %}
							<div class="gallery__layout col-xs-6 {{ class }}">
								<div class="gallery__item uni-item">
									<div class="gallery__image {{ image.title is empty  ? ' not-title' }}">
										<a href="{{ image.popup }}" title="{{ image.title }}" class="img_popup">
											<img src="{{ image.image }}" alt="{{ image.title }}" title="{{ image.title }}" class="img-responsive" />
										</a>
									</div>
									{% if image.title %}
										{% if image.link %}
											<a href="{{ image.link }}" class="gallery__name">{{ image.title }}</a>
										{% else %}
											<span class="gallery__name">{{ image.title }}</span>
										{% endif %}
									{% endif %}
								</div>
							</div>
						{% endfor %}
					</div>
					<script>
						$('.gallery').magnificPopup({
							type:'image',
							delegate: 'a.img_popup',
							gallery: {
								enabled:true
							}
						});
					</script>
				{% endif %}
			</div>
			{{ content_bottom }}
		</div>
		{{ column_right }}
	</div>
</div>
</script>
<script type="application/ld+json">
	{
		"@context": "http://schema.org",
		"@type": "BreadcrumbList",
		"itemListElement": [
		{% for i, breadcrumb in breadcrumbs %}
			{
			"@type": "ListItem",
			"position": {{  i+1  }},
			"name": "{{  i == 0 ? shop_name : breadcrumb.text|replace({'"':'', '&quot;':''})  }}",
			"item": "{{  breadcrumb.href  }}"
			{{  i + 1 < breadcrumbs|length ? '},' : '}'  }}
		{% endfor %}
		]
	}
</script>
{{  footer  }}