templates/app/pages/realisationshow.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% import 'app/_inc/macros.html.twig' as m %}
  3. {% block css %}
  4.     {{ encore_entry_link_tags('app-pages-css') }}
  5.     {{ encore_entry_link_tags('app-gallery-css') }}
  6. {% endblock %}
  7. {% block js %}
  8.     {{ encore_entry_script_tags('app-gallery-js') }}
  9.     {% include('app/_inc/_beforeafter.html.twig') %}
  10. {% endblock %}
  11. {% block content %}
  12.     {{ m.titleCoord('Nos réalisations', 'nav.rea', asset('img/title-sablage.jpg')) }}
  14.     <main class="main-default">
  16.         <!-- ---------------- Contenu réa -------------- -->
  18.         <section class="rea-show">
  19.             <div class="container">
  20.                 <div class="rea-show-top">
  22.                     {% if realisation.pictures|length > 0 %}
  23.                         {% if realisation.pictures|length == 2 %}
  24.                             {{ m.beforeAfter(asset(realisation.pictures.0.path), asset(realisation.pictures.1.path)) }}
  25.                         {% else %}
  26.                             {{ m.img(asset(realisation.pictures.0.path)) }}
  27.                         {% endif %}
  28.                     {% else %}
  29.                     {% endif %}
  31.                     <div class="rea-show-content">
  32.                     <div class="label">{{ realisation.category.translate.title }}</div>
  33.                         <h2 class="h2">{{ realisation.translate.title }}</h2>
  34.                         <div class="paragraphe">
  35.                             {{ realisation.translate.content|raw }}
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.         </section>
  42.         <!-- ---------------- Grille photo -------------- -->
  44.         <section>
  45.             <div class="container">
  46.                 <div class="rea-gallery" data-gallery>
  47.                     {% for pic in realisation.pictures %}
  48.                         {{ m.img(asset(pic.path)) }}
  49.                     {% endfor %}
  50.                 </div>
  51.             </div>
  52.         </section>
  54.         <!-- ---------------- Autre réalisation -------------- -->
  56.         <section class="other-rea">
  57.             <div class="container">
  58.                 <div class="other-rea-content">
  59.                     {{ m.bn('Revenir à la liste', path('realisations')) }}
  60.                     <h2 class="h2">Découvrez nos autres réalisations</h2>
  61.                 </div>
  62.                 <ul class="rea-list">
  63.                     {% for rea in other if rea.id != realisation.id %}
  64.                         <li>
  65.                             <div class="rea-list-item" data-link>
  66.                                 {{ m.img(asset(rea.firstpicture.path)) }}
  67.                                 <h3 class="h3"><a href="{{ path('realisationshow', {'id':rea.id}) }}" title="voir la page">{{ rea.translate.title }}</a></h3>
  68.                             </div>
  69.                         </li>
  70.                     {% endfor %}
  71.                 </ul>
  72.             </div>
  73.         </section>
  75.     </main>
  79. {% endblock %}