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

{% block title %}Shopping index
{% 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>
		<section class="content-section" id="portfolio">
			<div class="container">
				<div class="row">
					<!-- single Tem -->
					<div class="col-xl-6 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
							<div class="team-img">
								<img class="img-fluid fullscreen" src="{{asset('img/shopping/Homme@2x.png')}}" alt="">
							</div>
							<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_HOMME' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 70px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
					<div class="mt-3 col-xl-6 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
						<div class="team-img">
							<img class="img-fluid" src="{{asset('img/shopping/Femmes@2x.png')}}" alt="">
						</div>
						<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_FEMME' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 55px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
				</div>
				<div class="row mt-4">
					<div class="col-md-12">
						<div class="single-team">
							<div class="team-img"  >
								<img width="100%" src="{{asset('img/shopping/enfants@2x.png')}}" alt="">
							</div>
							<div class="row">
								<div class="col-md-6">
									<div style="position: relative; margin-top: -225px; margin-left:60px" class="team-caption">
									{% for shopping in shoppings %}
										{% if 'CAT_ENFANT' in shopping.categorie %}
											{% if shopping.logo %}
												<a href="{{path('shopping_show', {'id': shopping.id}) }}">
													<img class="img img-brand fullscreen mr-4" style="width: 130px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
												</a>
											{% endif %}
										{% endif %}
									{% endfor %}
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="container mt-4">
					<div class="row">
					<!-- single Tem -->
					<div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
							<div class="team-img" style="margin-top:-25px">
								<img class="img-fluid fullscreen" src="{{asset('img/shopping/Makeup@2x.png')}}" alt="">
							</div>
							<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_MAKEUP' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 70px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
						<div class="team-img">
							<img class="img-fluid" src="{{asset('img/shopping/Parfum@2x.png')}}" alt="">
						</div>
						<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_PARFUM' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 70px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
						<div class="team-img">
							<img class="img-fluid" src="{{asset('img/shopping/Bien être@2x.png')}}" alt="">
						</div>
						<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_MAKEUP' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 70px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
				</div>
				</div>
				<div class="row mt-4">
					<div class="col-md-12">
						<div class="single-team">
							<div class="team-img"  >
								<img width="100%" src="{{asset('img/shopping/Shoes@2x.png')}}" alt="">
							</div>
							<div class="row">
								<div class="col-md-6">
									<div style="position: relative; margin-top: -135px; margin-left:60px" class="team-caption">
									{% for shopping in shoppings %}
										{% if 'CAT_CHAUSS' in shopping.categorie %}
											{% if shopping.logo %}
												<a href="{{path('shopping_show', {'id': shopping.id}) }}">
													<img class="img img-brand fullscreen mr-4" style="width: 90px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
												</a>
											{% endif %}
										{% endif %}
									{% endfor %}
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row mt-4">
					<div class="col-xl-6 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
							<div class="team-img">
								<img class="img-fluid fullscreen" src="{{asset('img/shopping/IT@2x.png')}}" alt="">
							</div>
							<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_TECH' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 80px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-4 col-md-6 col-sm-">
						<div class="single-team">
							<div class="team-img">
								<img class="img-fluid fullscreen" src="{{asset('img/shopping/Accessoires@2x.png')}}" alt="">
							</div>
							<div style="position: relative; margin-top: -145px;" class="team-caption">
								{% for shopping in shoppings %}
									{% if 'CAT_ACCESS' in shopping.categorie %}
										{% if shopping.logo %}
											<a href="{{path('shopping_show', {'id': shopping.id}) }}">
												<img class="img img-brand fullscreen mr-2" style="margin-left:60px; width: 60px; top: {{shopping.marginTop}}px; left: {{shopping.marginLeft}}px;" src="{{ vich_uploader_asset(shopping, 'logoFile') }}" alt="">
											</a>
										{% endif %}
									{% endif %}
								{% endfor %}
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
{% endblock %}