templates/achievement/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Réalisation - RénovAtHome{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="{{ asset('assets/styles/realisation.css')}}">
  8. {% endblock %}
  10. {% block banner %}{% endblock %}
  12. {% block main %}
  13.     <main>
  14.         <div class="container-real-show">
  15.             <div class="last-real">
  16.                 {% if realisation.avant != "" and realisation.apres != "" %}
  17.                     <div class="slider">
  18.                         <div class="slider__before" style="background-image:url({{ asset('uploads/realisations/'~realisation.avant) | imagine_filter('middle')}});"></div>
  19.                         <div class="slider__separator">
  20.                             <div class="bar__separator"></div>
  21.                             <div class="btn__separator">
  22.                                 <span class="btn__separator_left_arrow"></span>
  23.                                 <span class="btn__separator_right_arrow"></span>
  24.                             </div>
  25.                             <div class="bar__separator"></div>
  26.                         </div>
  27.                         <div class="slider__after" style="background-image:url({{ asset('uploads/realisations/'~realisation.apres) | imagine_filter('middle')}});"></div>
  28.                         <input class="slider__range" type="range" min="2" max="98" value="50"/>
  29.                     </div>
  30.                     {% else %}
  31.                     <img src="{{ asset('uploads/realisations/'~realisation.cover) | imagine_filter('middle')}}" alt="photo de couverture de la réalisation" class="img-place-holder">
  32.                     {% endif %}
  33.                 <div class="desc-real">
  34.                     <div class="titre">
  35.                         <div class="deco-sous-titre"></div>
  36.                         <span class="sous-titre">{{realisation.categorie.nom}}</span>
  37.                     </div>
  38.                     <h2 class="titre-real">{{ realisation.nom }}</h2>
  39.                     <p>{{ realisation.description |raw }}</p>
  40.                     <p>
  41.                         <b>Solution apportée par nos équipes :</b><br>
  42.                         {{ realisation.taches |raw}}
  43.                     </p>
  44.                 </div>
  45.             </div>
  46.             {%  if realisation.photos[0] is defined %}
  47.                 <div class="galerie-real">
  48.                     <h2 class="titre-deco-dessous">Photo</h2>
  49.                     <div class="deco-sous-titre"></div>
  50.                     <div id="popup-bg">
  51.                         <span id="previous"><i class="fa-solid fa-angle-left"></i></span>
  52.                         <div id="popup-content">
  53.                             <img id="popup-img" src="#" alt="Rénovation effectué par RenvoAtHome" />
  54.                         </div>
  55.                         <span id="next"><i class="fa-solid fa-angle-right"></i></span>
  56.                     </div>
  57.                     <div class="photo-real">
  58.                         {% for photo in realisation.photos |sort((a, b) => a.id <= b.id) %}
  59.                             <div class="item-galerie">
  60.                                 <img src="{{ asset('uploads/realisations/'~photo.image) | imagine_filter('miniature')}}" alt="Rénovation effectué par RenvoAtHome" class="photo-galerie" id="{{photo.image}}">
  61.                             </div>
  62.                         {% endfor %}
  64.                     </div>
  65.                 </div>
  66.             {% endif %}
  68.             {%  if realisation.temoignages[0] is defined %}
  69.                 <div class="testimonial-real">
  70.                     <div class="title-testimonial">
  71.                         <span>Témoignage du client</span>
  72.                         <div class="deco-sous-titre"></div>
  73.                     </div>
  74.                     {% if realisation.temoignages[0].video != null %}
  75.                         <div class="commentaire-video" >
  76.                             <div class="youtube_player" videoID="{{ realisation.temoignages[0].video }}" rel="rel=1" controls="controls=1" showinfo="showinfo=0" autoplay="autoplay=0"  loop="loop=0" loading="loading=1"></div>
  77.                         </div>
  78.                     {% else %}
  79.                         <img src="{{ asset('uploads/temoignages/'~realisation.temoignages[0].photo) | imagine_filter('logo')}}" alt="Rénovation effectué par RenvoAtHome" class="img-rounded">
  80.                         <span class="name-client">{{ realisation.temoignages[0].client }}</span>
  81.                         <div class="commentaire" >
  82.                             {{ realisation.temoignages[0].commentaire | raw }}
  83.                         </div>
  84.                     {% endif %}
  85.                 </div>
  86.             {% endif %}
  88.             <div class="titre">
  89.                 <div class="deco-sous-titre"></div>
  90.                 <span class="sous-titre">Nos réalisations</span>
  91.             </div>
  92.             <h2 class="titre-other-real">Nos autres réalisations</h2>
  93.             <div class="other-real">
  94.                 {% for other in others |sort((a, b) => a.id <= b.id) %}
  95.                     <div class="card-real {{ other.categorie.nom|lower|replace({' ': '-'}) }}">
  96.                         <a class="titre-evenement" href="{{ path('realisation', { 'slug' : other.slug })}}">
  97.                             <div class="layer">
  98.                                 <img src="{{ asset('uploads/realisations/'~other.cover) | imagine_filter('miniature')}}" alt="{{ other.nom }}">
  99.                                 <div class="overlay">
  100.                                     <div class="text"><span>EN DÉCOUVRIR PLUS <i class="fa-solid fa-arrow-right"></i></span></div>
  101.                                 </div>
  102.                             </div>
  103.                             <span class="card-real-category">{{ other.categorie.nom }}</span>
  104.                             <h3 class="card-real-title">{{ other.nom }}</h3>
  105.                         </a>
  106.                     </div>
  107.                 {% endfor %}
  108.             </div>
  109.         </div>
  110.     </main>
  111. {% endblock %}
  113. {% block contact %}{% endblock %}
  115. {% block footer %}{% endblock %}
  117. {% block script %}
  118.     {{ parent() }}
  119.     <script src="{{ asset('assets/js/main.js')}}"></script>
  120.     <script src="{{ asset('assets/js/realisations.js')}}"></script>
  121. {% endblock %}