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

{% block title %}
  {{item.name}}
{% endblock %}

{% block body %}
    <div class="container">
      <div class="pres">
        <div class="pres-name p-3">
          <h1>
              {{ item.name }}
          </h1>
        </div>
        <div class="pres-img">
          {% if item.image != null %}
            <img class="w-100" src="{{ vich_uploader_asset(item, 'imageFile') }}" alt="">
          {% else %}
            <img class="w-100" src="{{ asset('public/img/default.png')}}" alt="">  
          {% endif %}
          <div class="pres-contact text-center">
            <h4>
              {{ item.name }}
            </h4>
            <p>
              Site web: <a href="{{ item.siteweb }}" target="_blank"> {{ item.siteweb }}</a>
            </p>
              <p>
                  Numéro de téléphone : 
					{% if item.phone %}
						0{{ item.phone }}
					{% endif %}
              </p> 
            
            <div class="reseau">
              <a href="{{ item.facebook }}" target="_blank">
                <img src="{{asset('img/icon/facebook-pink.png')}}" alt="">
              </a>
              <a href="{{ item.instagram }}" target="_blank">
                <img src="{{asset('img/icon/instagram-pink.png')}}" alt="">
              </a>
            </div>
          </div>
        </div> 
        <div style="font-size:19px" class="pres-desc text-justify text-center">
          <p>
            {{ item.description|striptags('<div><br>')|raw}}
          </p>
        </div> 
      </div>
		<section id="portfolio" class="portfolio">
			<div class="container" data-aos="fade-up">
				<div class="section-title">
					<h2>Notre Centre en image</h2>
				</div>      
				<div class="row portfolio-container mt-3" data-aos="fade-up" data-aos-delay="200">
					<div class="col-lg-4 col-md-6 portfolio-item filter-app mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/1')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/1')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="fa fa-plus"></i></a>
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-web mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/2')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/2')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="fa fa-plus"></i></a> 
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-app mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/3')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/3')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="fa fa-plus"></i></a>       
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-card mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/4')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/4')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="fa fa-plus"></i></a>   
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-web mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/5')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/5')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="fa fa-plus"></i></a>
							
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-app mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/6')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/6')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3"><i class="fa fa-plus"></i></a>     
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-card mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/7')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/7')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1">
							<i class="fa fa-plus"></i></a> 
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-card mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/8')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/8')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="fa fa-plus"></i></a>    
							</div>
						</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 portfolio-item filter-web mt-2">
						<div class="portfolio-wrap">
						<img src="{{asset('img/portfolio/9')}}.jpg" class="img-fluid" alt="">
						<div class="portfolio-info">
							<div class="portfolio-links">
							<a href="{{asset('img/portfolio/9')}}.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="fa fa-plus"></i></a>
							</div>
						</div>
						</div>
					</div>
				</div>
			</div>
		</section>  
  </div>
  
{% endblock %}