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

{% block title %}annuaires - {{business.BusinessName}}{% endblock %}

{% block body %}

<section id="explore" class="explore">
			<div class="container">

			

				<div class="explore-content">
					<div class="row">
					
						
						 <div class="col-md-8 col-sm-6">
						
							<div class="single-explore-item">
								<div class="single-explore-img"><img src="/assets/images/banners/clients/{{business.Banner}}" alt="" class="col-lg-12">
								
									<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>{{business.BusinessName}}</h2>
									<p class="explore-rating-price">
										<span class="explore-rating">Mbl</span>
										<a href="#"> {{ business.Mobile }}</a> <span class="explore-rating">Fix</span>
										<a href="#"> {{ business.FixePhone }}</a> <br>
										<span class="explore-rating">Email </span>
											{{ business.Email }} | <span class="explore-rating">web </span>
											<a href='{{ business.WebSite }}' target='_blanc'><span class='lower'>{{ business.WebSite|lower}}</span></a>
								
									</p>
									<div class="explore-person">
										<div class="row">
											<div class="col-sm-2">
												<div class="explore-person-img">
												
														<img src="../assets/images/logo/{{business.Logo}}" alt="explore person">
												
												</div>
											</div>
											<div class="col-sm-10">
												<p>
                        
												{{business.StreetAddress}}<br>
													<button class="close-btn" >{{ business.state }} </button>

													</p>
                           <!-- Réseaux sociaux -->
  
 <a  target="_blank" href=" {{ business.facebook }}">	<span class="explore-rating">FB</span>  </a>
      
         
       
    
         


      
   
        
											</div>
										</div>
									</div>
                  <div class="row">
										
											<div class="col-sm-12">
												<p>
												<h2 class="heading3">Présentation de l'entreprise :</h2>
                        <p class="text-justify">

                        {{business.CompanyPresentation|raw}}
                      </p>
									  </div><br>
                    <div class="col-sm-12">
                    <hr>
												<p>
												<h2 class="heading3">Références de l'entreprise:</h2>
                        <p class="text-justify">

                      </p>
									  </div>
									
									</div>
           
								</div>
								</a>
							</div>
						</div>
					



						
						 <div class="col-md-4 col-sm-6">
             	<!-- Carsousel - Banner Client -->
 
     <h2 class="heading3">Produits et services</h2>
     
<div id="myCarousel" class="carousel slide " data-ride="carousel">
    <!-- Indicators -->
    
	<div class="carousel-inner ">
      <div class="item active">
    <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto1}}" srcset="/assets/images/photo_service/{{business.ServicePhoto1}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
      </div>
       

    <!-- Wrapper for slides -->
  
     <div class="item">
        
      <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto2}}" srcset="/assets/images/photo_service/{{business.ServicePhoto2}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
    
    </div>
    <div class="item">
      <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto3}}" srcset="/assets/images/photo_service/{{business.ServicePhoto3}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
     
     </div>
    <div class="item">
      <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto4}}" srcset="/assets/images/photo_service/{{business.ServicePhoto4}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
     
  </div>
    <div class="item">
      <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto5}}" srcset="/assets/images/photo_service/{{business.ServicePhoto5}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
       </div>
    <div class="item">
      <center><img class="" src="/assets/images/photo_service/{{business.ServicePhoto6}}" srcset="/assets/images/photo_service/{{business.ServicePhoto6}}" alt="" width="400">
         <a title="" href="">
          <span class="heading4 ui-color1">{{business.BusinessName}}</span>
          
        </a></center>
    
       </div>
    
   
 
        
 
</div>

<!-- End Carousel -->
            <!-- Produits -->
   <div id="availabilities">
      <span class="button ui-default2 title">Video entreprise</span>
     			<div class="single-explore-item">
								<div class="single-explore-img">
								       
<iframe src="{{business.Maps}}" width="400" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> 
     
								</div>
								
							</div>
						</div>
						
<div id="availabilities">
      <span class="button ui-default2 title">Video entreprise</span>
     			<div class="single-explore-item">
								<div class="single-explore-img">
								 <iframe width="560" height="315" src="{{business.Youtube}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div><!--/.container-->

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

{% endblock %}