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

{% block title %}annuaires - {% endblock %}

{% block body %}	<section id="explore" class="explore mt-1">
			<div class="container">

				<div class="section-header">
					<h2>Résultats de recherche pour : la rubrique</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>
                     <br><br>    
{{ knp_pagination_render(business) }}
				</div>
			</div><!--/.container-->

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

		
	


{% endblock %}