{% if categoryName == 'przedszkola' %}
	{% set bgClass="bg-dark-green" %}
{% else %}
	{% set bgClass="bg-green" %}
{% endif %}

<section id="zdjecia">	
	<div class="container py-5">
		{% if existH1 %}
			<h3>Zdjęcia</h3>
		{% else %}
			<h1>Zdjęcia</h1>
		{% endif %}

		<div class="swiper swiper-multimedia">
			<div class="swiper-wrapper">
				{% for media in multimedia %}
					<div class="swiper-slide text-center">
						{% if media.image is not empty %}
							{% if media.image.getProviderName()=='sonata.media.provider.youtube'  %}
								<a href="https://www.youtube.com/embed/{{ media.image.getProviderReference() }}" data-toggle="lightbox" data-gallery="mixedgallery" data-size="fullscreen" data-caption="{{ media.title }}">
									<div class="multimedia-img-small mx-auto"><div class="mask"></div>{{ sonata_thumbnail(media.image, 'multimedia') }}</div>
								</a>
							{% else %}
								<a href="{{ sonata_path(media.image, 'reference') }}" data-toggle="lightbox" data-gallery="mixedgallery" data-size="fullscreen" data-caption="{{ media.title }}">
									{{ sonata_thumbnail(media.image, 'multimedia') }}
								</a>
							{% endif %}
						{% else %}
							<div class="placeholder ph-multimedia"><img alt="{{ media.title }}" src="{{ asset('dist/img/logo.png') }}" class="w-100" /></div>
						{% endif %}
					</div>
				{% endfor %}
			</div>
		</div>
		{# <div class="row justify-content-center">
			{% for media in multimedia %}
				<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 mb-4 text-center">
					
				</div>
			{% endfor %}
		</div> #}
		{% if multimediaAll == false %}
			<div class="d-flex justify-content-center mt-5">
				<a href="/multimedia" class="btn" aria-label="Więcej multimediów"><span>Więcej multimediów</span></a>
			</div>
		{% endif %}
	</div>
</section>