{% extends 'frontend.html.twig' %}

{% block title %}Galerie | {{ parent() }}{% endblock %}

{% block body %}
	{% if sectionGalerie %}
		<div id="banner" class="container-fluid"
			style="background: url({{ vich_uploader_asset(sectionGalerie, 'imageFile') }})no-repeat center center; background-size:cover; ">
		</div>
		{% else %}
		<div id="banner" class="container-fluid"
			style="background: url({{ asset('frontend/dist/assets/img/banner.jpeg') }})no-repeat center center; background-size:cover; ">
		</div>
	{% endif %}
	<div class="container">
		<div class="row">
			<div class="col-12">
				<h1 class="banner__title">Galerie</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center"></div>
			</div>
		</div>
	</div>
	<div class="container-fluid limit">
		<div class="container">
			<section>
				<div class="row">
					{% for galerie in galeries %}
						<div class="col-sm-6 col-md-4 col-lg-4">
							<a data-fancybox="galerie_128" href="{{ vich_uploader_asset(galerie, 'imageFile') }}" class="card galerie">
								<div class="img__wrapper">
									<img src="{{ vich_uploader_asset(galerie, 'imageFile') }}" class="card-img-top" alt="">
								</div>
								<div class="card-body">
									<h2><i class="far fa-image mr-2 fa-lg"></i> {{ galerie.title }}</h2>
								</div>
							</a>
						</div>
					{% endfor %}
				</div>
			</section>
		</div>
	</div>
{% endblock %}