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

{% block title %}Hello MainController!{% endblock %}

{% block body %}

		<!--list-topics start -->
		<section id="list-topics" class="list-topics mt-1 mb-1">
			<div class="container mt-1 mb-1">
				<div class="list-topics-content">
					<ul>
					<!-- 
						<li>
						{% set adm_id = 3 %}
              {% set adm_slug = 'Administration' %}
						<a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-restaurant"></i>
								</div>
								<h2>Administration</a></h2>
								<p>APC,Agences</p>
							</div>
							</a>
						</li>
						-->
						<li>
						 {% set adm_id = 5 %}
              {% set adm_slug = 'Chimie-Petrochimie' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-travel"></i>
								</div>
								<h2><a href="#">Chimie, Petrochimie</a></h2>
								<p>Produits pétroliers</p>
							</div>
						</li>
						<li>
							 {% set adm_id = 4 %}
              {% set adm_slug = 'Agroalimentaire' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Agroalimentaire</h2>
								<p>Boissons, Café</p>
							</div></a>
						</li>
						<li>
						 {% set adm_id = 6 %}
              {% set adm_slug = 'Commerce' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Commerce</h2>
								<p>Alimentation, boulangerie</p>
							</div></a>
						</li>
						<li>
						 {% set adm_id = 7 %}
              {% set adm_slug = 'Construction' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Construction</h2>
								<p>Traveaux public</p>
							</div></a>
						</li>
						<!--
                        <li> {% set adm_id = 8 %}
              {% set adm_slug = 'Formation' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-transport"></i>
								</div>
								<h2>Formation-Enseignement</h2>
								<p>Formation</p> 
							</div></a>
						</li>
						-->
						<!--
                          <li> {% set adm_id = 11 %}
              {% set adm_slug = 'Impression-Edition' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-transport"></i>
								</div>
								<h2>Impression-Edition</h2>
								<p>Agence de presse</p>
							</div></a>
						</li>
						-->
                        <li>
						{% set adm_id = 11 %}
              {% set adm_slug = 'Fourniture' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Equipements</h2>
								<p>Fourniture..</p>
							</div></a>
						</li>
						 <li>
						{% set adm_id = 10 %}
              {% set adm_slug = 'import-export' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>import-export</h2>
								<p>Industrie...</p>
							</div></a>
						</li>
						</li>
						<li>
						{% set adm_id = 13 %}
              {% set adm_slug = 'sante' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Santé</h2>
								<p>Clinique...</p>
							</div></a>
						</li>
						<li>
						{% set adm_id = 14 %}
              {% set adm_slug = 'service' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Service</h2>
								<p>Conseil...</p>
							</div></a>
						</li>
						<li>
						{% set adm_id = 15 %}
              {% set adm_slug = 'tourisme' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Tourisme</h2>
								<p>Hotel...</p>
							</div></a>
						</li>
						<!--
						<li>
						{% set adm_id = 16 %}
              {% set adm_slug = 'transport' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-transport"></i>
								</div>
								<h2>Transport</h2>
								<p>Aeroport...</p>
							</div></a>
						</li>
						-->
						<!--
						<li>
						{% set adm_id = 17 %}
              {% set adm_slug = 'sport-artisanat-loisir' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-transport"></i>
								</div>
								<h2>sport-artisanat-loisir</a></h2>
								<p>Artisanat...</p>
							</div></a>
						</li>
						-->
						<li>
						{% set adm_id = 12 %}
              {% set adm_slug = 'industrie-production' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-building"></i>
								</div>
								<h2>Voir tout les secteurs</h2>
								<p>...</p>
							</div></a>
						</li>
						<!--
						<li>
						{% set adm_id = 18 %}
              {% set adm_slug = 'elevage-aviculture-horticulture' %}
			  <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
							<div class="single-list-topics-content">
								<div class="single-list-topics-icon">
									<i class="flaticon-transport"></i>
								</div>
								<h2>Elevage-aviculture-horticulture</h2>
								<p>Avicole...</p>
							</div></a>
						</li>
						-->
					</ul>
				</div>
			</div><!--/.container-->

		</section><!--/.list-topics-->
		<!--list-topics end-->
<!--explore start -->
		<section id="explore" class="explore mt-1">
			<div class="container">

				<div class="section-header">
					<h2>Clients à la une</h2>
					<p>Devenez la prochaine success story avec nous ! Découvrez comment nos services ont transformé des entreprises comme la vôtre</p>
				</div><!--/.section-header-->

				<div class="explore-content">
					<div class="row">
						{%  for customer in business %}
						
						 <div class="col-md-4 col-sm-6">
						  <a href="{{ path('customer.show', {id:customer.Id, slug:customer.BusinessName|slug  })}}">
							<div class="single-explore-item">
								<div class="single-explore-img">
									<img src="../assets/images/maquette/{{customer.maquette}}" alt="explore image">
									<div class="single-explore-img-info">
										<button>+Detail</button>
										<div class="single-explore-image-icon-box">
											<ul>
												<li>
													<div class="single-explore-image-icon">
														<i class="fa fa-arrows-alt"></i>
													</div>
												</li>
												<li>
													<div class="single-explore-image-icon">
														<i class="fa fa-bookmark-o"></i>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="single-explore-txt bg-theme-5">
									<h2>{{customer.BusinessName}}</h2>
									<p class="explore-rating-price">
										<span class="explore-rating">Mbl</span>
										<a href="#"> {{ customer.Mobile }}</a> <br>
										<span class="explore-rating">Email </span>
											{{ customer.Email }}
											
											
									
										
									</p>
									<div class="explore-person">
										<div class="row">
											<div class="col-sm-2">
												<div class="explore-person-img">
												
														<img src="../assets/images/logo/{{customer.Logo}}" alt="explore person">
												
												</div>
											</div>
											<div class="col-sm-10">
												<p>
												{{customer.StreetAddress}}<br>
													<button class="close-btn" >{{ customer.state }} </button>

													</p>
											</div>
										</div>
									</div>
									<div class="explore-open-close-part">
										<div class="row">
											<div class="col-sm-5">
												<button class="close-btn" >+Détail</button>
											</div>
											<div class="col-sm-7">
												<div class="explore-map-icon">
													<a href="#"><i data-feather="map-pin"></i></a>
													<a href="#"><i data-feather="upload"></i></a>
													<a href="#"><i data-feather="heart"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
								</a>
							</div>
						</div>
						{% endfor %}
					</div>
				</div>
			</div><!--/.container-->

		</section><!--/.explore-->
		<!--explore end -->

		
	
	





		

{% endblock %}