templates/projects-detail.html.twig line 41

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5.     <main class="main container--padding--sidebars">
  6.         <div class="container-fluid">
  7.             <div class="row">
  8.                 <div class="col-lg-10 offset-lg-1 px-md-0 pt-md-5">
  9.                     <section class="section--projects section-intro">
  10.                         <h1>{{ project.title }} <br> {{ project.location }}</h1>
  11.                     </section>
  12.                 </div>
  13.             </div><!--/ .row -->
  14.         
  15.             <div class="card__project">            
  16.             {% if project.photos|length > 1 %}
  17.                 <div class="swiper swiper--project-detail" id="project-detail-slider">
  18.                     <div class="swiper-wrapper">
  19.                         {% for photo in project.photos.items %}
  20.                             <div class="swiper-slide">
  21.                                 <div class="img-wrapper">
  22.                                     {{ photo.getThumbnail('ProjectDetailSliderThumbnail').html({
  23.                                         'imgAttributes': {
  24.                                             'loading': loop.index != 1 ? 'lazy': 'eager'
  25.                                         }
  26.                                     })|raw }}
  27.                                 </div>
  29.                                 <p class="slide-title">{{ project.title }} &mdash; {{ project.location }}{# &mdash; {{ 'Architect:' | trans }} {{ project.architect }} #}</p>
  30.                             </div>
  31.                         {% endfor %}
  32.                     </div>
  34.                     <div class="swiper-button-prev"></div>
  35.                     <div class="swiper-button-next"></div>
  36.                 </div>
  37.             {% elseif project.photos.items|length == 1 %}
  38.                 <div class="row">
  39.                     <div class="col-lg-10 offset-lg-1 px-md-0">
  40.                         <div class="img-wrapper">
  41.                             {{ project.photos.items[0].getThumbnail('ProjectDetailSliderThumbnail').html({
  42.                                 'imgAttributes': {
  43.                                     'loading': 'eager'
  44.                                 }
  45.                             })|raw }}
  47.                             <p class="slide-title">{{ project.title }} &mdash; {{ project.location }}{# &mdash; {{ 'Architect:' | trans }} {{ project.architect }} #}</p>
  48.                         </div>
  49.                     </div>
  50.                 </div><!--/ .row -->
  51.             {% endif %}
  52.             </div>
  54.             <div class="row">
  55.                 <div class="col-lg-10 offset-lg-1">
  56.                     <div class="row section__padding">
  57.                         <div class="project-detail-intro">
  58.                             {{ project.description|nl2br }}
  59.                         </div>
  60.                     </div>
  62.                     {% if project.link %}
  63.                     <div class="row btn__appointment">
  64.                         <div class="d-flex justify-content-center">
  65.                             <a href="{{ project.link.getHref()  }}" class="btn btn-dark">{{ project.link.getText() }}</a>
  66.                         </div>
  67.                     </div>
  68.                     {% endif %}
  69.                 </div>
  70.             </div><!--/ .row -->
  71.         </div><!--/ .container -->
  73.         <section class="section--richcontent">
  74.         {% for contentBlock in project.contentBlocks %}
  75.             {% include 'content/' ~ contentBlock.type ~ '.html.twig' with {'contentBlock': contentBlock} %}
  76.         {% endfor %}
  77.         </section>
  79.         <section class="container-fluid section--filter">
  80.             <div class="row">
  81.                 <div class="col-lg-10 offset-lg-1">
  82.                     <div class="section--head">
  83.                         <h2>{{ 'Bekijk onze andere projecten' | trans }}</h2>
  85.                         <p>{{ 'Intro voor bekijk onze andere projecten' | trans }}</p>
  86.                     </div>
  88.                     <div class="row gx-xl-5">
  89.                         {# Inject first position block if necessary #}
  90.                         {% if quotes[0] is defined %}
  91.                         <div class="col-sm-6 col-lg-4">
  92.                             <blockquote class="quote-item">
  93.                                 <p>{{ quotes[0].text|nl2br }}</p>
  95.                                 <p class="quote-item__author">{{ quotes[0].author }}</p>
  96.                             </blockquote>
  97.                         </div>
  98.                         {% endif %}
  99.                         
  100.                         {% for project in project.relatedProjects %}
  101.                             {% set url = app_project_detaillink(project) %}
  102.                         
  103.                             <div class="col-sm-6 col-lg-4">
  104.                                 <a class="project-item" href="{{ url }}">
  105.                                     <div class="project-item__img">
  106.                                         {% if project.photoIndex %}
  107.                                         <div class="img-wrapper">{{ project.photoIndex.thumbnail('ProjectIndexThumbnail').html|raw }}</div>
  108.                                         {% else %}
  109.                                         <img src="https://via.placeholder.com/609x404/ccc" alt="" class="img-fluid">
  110.                                         {% endif %}
  111.                                     </div>
  113.                                     <div class="project-item__title">{{ project.getTitle() }} - {{ project.getLocation() }} </div>
  114.                                 </a>
  115.                             </div>
  117.                             {# Inject quote block if necessary #}
  118.                             {% if quotes[loop.index] is defined %}
  119.                             <div class="col-sm-6 col-lg-4">
  120.                                 <blockquote class="quote-item">
  121.                                     <p>{{ quotes[loop.index].text|nl2br }}</p>
  123.                                     <p class="quote-item__author">{{ quotes[loop.index].author }}</p>
  124.                                 </blockquote>
  125.                             </div>
  126.                             {% endif %}
  127.                         {% endfor %}
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </section>
  133.         <div class="white--space"></div>
  135.     </main>
  136. {% endblock %}