{% 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 %}
						{% if customer.CustmerType == 'vip' or customer.CustmerType == 'VIP'%}
					
						 <div class="col-md-4 col-sm-6">
						 	<div class="single-explore-item">
							 <a href="{{ path('customer.show', {id:customer.Id, slug:customer.BusinessName|slug  })}}">
								<div class="single-explore-txt bg-theme-5">
									<h2 style-color='green'>{{customer.BusinessName}}</h2>
									<p class="explore-rating-price">
										<span class="explore-rating">Mbl</span>
										{{ customer.Mobile }}<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> <br>
												<button class="btn btn-success" > +Détail</button>
											</p>
										</div>
									</div></a>
								</div>
								</div>
							</div>
							</div>
				
			
						
						{% else %}
						 <div class="col-md-4 col-sm-6">
						 	<div class="single-explore-item">
						
								<div class="single-explore-txt bg-theme-5">
									<h2 style-color='green'>{{customer.BusinessName}}</h2>
									<p class="explore-rating-price">
										<span class="explore-rating">Mbl</span>
										{{ customer.Mobile }}<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> <br>
											
											</p>
										</div>
									</div>
									</div>
								</div>
						</div>	
				</div>
			
						{% endif %}
						{% endfor %}
					
					</div>
                     <br><br>    
{{ knp_pagination_render(business) }}
				</div>
			</div><!--/.container-->

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

		
	


{% endblock %}