{% 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 -->

		
	<!--reviews start -->
		<section id="reviews" class="reviews">
			<div class="section-header">
				<h2>Ils nous ont fait confiance</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="reviews-content">
				<div class="testimonial-carousel">
				 
				   	{%  for logopa in logos %}
				    <div class="single-testimonial-box">
						<div class="testimonial-description">
							<div class="testimonial-info">
								<div class="testimonial-img">
									<img src="../upload/{{logopa.image}}" alt="{{logopa.slug}}" width="200"  height="180">
								</div><!--/.testimonial-img-->
								<div class="testimonial-person">
									<h2>{{logopa.name}}</h2>
								
									
								</div><!--/.testimonial-person-->
							</div><!--/.testimonial-info-->
							<div class="testimonial-comment">
								<p>{#{ logopa.description}#}	</p>
							</div><!--/.testimonial-comment-->
						</div><!--/.testimonial-description-->
					</div><!--/.single-testimonial-box-->
					{% endfor %}
				</div>
			</div>

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

<!--blog start -->
		<section id="blog" class="blog" >
			<div class="container">
				<div class="section-header">
					<h2>Actualités et articles économiques </h2>
						<p class="text-justify">
						L'économie algérienne présente une palette d'activités variées et dynamiques, reflétant une multitude de secteurs en constante évolution. De la fabrication et du commerce de gros de véhicules utilitaires à l'administration municipale avec les APC et les Daïras, en passant par les spécialités médicales et les métiers artisanaux, chaque domaine contribue à tisser la toile complexe de l'économie nationale. Les wilayas et les ministères orchestrent leurs efforts pour garantir le bon fonctionnement de ces secteurs, allant des industries lourdes comme l'énergie et les mines aux industries plus légères telles que la biscuiterie et la confiserie.

Dans les villes et les régions, une multitude d'entreprises et de commerces façonnent le paysage économique, participant à la vitalité et à la diversité des activités commerciales. En parallèle, les institutions de santé, telles que les cliniques et les laboratoires médicaux, veillent à la santé et au bien-être de la population, tandis que les agences de communication et les sociétés de services fournissent un soutien crucial dans le domaine des affaires et du commerce.

Que ce soit dans la production industrielle, le commerce de détail ou les services, chaque acteur joue un rôle indispensable dans la construction et la prospérité de l'Algérie. C'est cette variété et cette complémentarité qui alimentent la croissance économique et l'innovation, permettant à l'économie algérienne de s'adapter aux défis et aux opportunités du marché mondial.
						   
						   </p>
				</div><!--/.section-header-->
				<div class="blog-content">
					<div class="row">
						
						   	{%  for blog in blogs %}
						<div class="col-md-4 col-sm-6">
							<div class="single-blog-item">
								<div class="single-blog-item-img">
									<img src="../upload/{{blog.image}}" alt="{{blog.slug}}">
								</div>
								<div class="single-blog-item-txt">
									<h2><a href="#">{{ blog.title }}</a></h2>
									<h4>Editer <span>Par</span> <a href="#">{{ blog.author}}</a> {{ blog.date }}</h4>
									<p class="text-justify">
									{{ blog.resume}}
										</p>
								</div>
							</div>
						</div>
{% endfor %}
					</div>
				</div>
			</div><!--/.container-->
			
		</section><!--/.blog-->
		<!--blog end -->



		

{% endblock %}