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

{% block title %}Loisirs
{% endblock %}

{% block body %}
	<div class="container">
		<section id="" class="fullscreen .d-xl-none mt-3">
			<div class="row">
				<div class="col-12">
					<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="2000">
						<ol class="carousel-indicators">
							<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
						</ol>
						<div class="carousel-inner">
							{% for promotion in promotions %}
							<div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
								<img class="d-block w-100" src="{{ vich_uploader_asset(promotion, 'imageFile') }}" alt="{{promotion.name}}" style="height: 450px!important;">
							</div>
							{% endfor %}
						</div>
						<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
							<span class="" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
							<span class="" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
				</div>
			</div>
		</section>
	</div>
	<section class="content-section" id="portfolio">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6">
					<img class="w-100" src="{{ asset('img/loisir/Candy park@2x.png')}}" alt="" id="loisir_img">
						{% if loisirs[0].logo %}
							<a href="{{path('loisir_show', {'id': loisirs[0].id}) }}" class="fullscreen">
								<img style="left: {{loisirs[0].marginLeft}}px" src="{{ vich_uploader_asset(loisirs[1], 'logoFile') }}" alt="{{loisirs[0].name}}" id="pin1">
							</a>
						{% endif %}
					<div class="col-md-6 mobile">
							{% if loisirs[0].logo %}
								<a href="{{path('loisir_show', {'id': loisirs[0].id}) }}">
									<img class="w-100 p-5" src="{{ vich_uploader_asset(loisirs[1], 'logoFile') }}" alt="{{loisirs[0].name}}">
								</a>
							{% endif %}
					</div>
				</div>
				<div class="col-lg-6 col-md-6" style="margin-top: 15px;">
					<img class="w-100" src="{{ asset('img/loisir/Hippoland@2x.png')}}" alt="" id="loisir_img">
						{% if loisirs[1].logo %}
							<a href="{{path('loisir_show', {'id': loisirs[1].id}) }}" class="fullscreen">
								<img style="left: 60px" src="{{ vich_uploader_asset(loisirs[0], 'logoFile') }}" alt="{{loisirs[1].name}}" id="pin1">
							</a>
						{% endif %}
					<div class="col-md-6 mobile">
							{% if loisirs[1].logo %}
								<a href="{{path('loisir_show', {'id': loisirs[1].id}) }}">
									<img class="w-100 p-5" src="{{ vich_uploader_asset(loisirs[0], 'logoFile') }}" alt="{{loisirs[1].name}}">
								</a>
							{% endif %}
					</div>
				</div>
			</div>
		</div>
	</section>
{% endblock %}