templates/frontend/frontindex/listMediaImage.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/frontindex/add.html.twig' %}
  3. {% block seo %}
  5.     {{ render(path(
  6.         'seo',
  7.         { 'page':20 }
  8.     )) }}
  10. {% endblock %}
  11. {% block body %}
  12.     <section class="breadcrumbs" style="background-image:url('../front-assets/assets/img/breadcrumb-bg.jpg')">
  13.         <div class="container">
  14.             <div class="row">
  15.                 <div class="col-lg-6 offset-lg-3 col-12">
  16.                     <div class="breadcrumb-content">
  17.                         <h1>{{'%image%'|trans}}</h1>
  18.                         <ul class="breadcrumb-menu">
  19.                             <li>
  20.                                 <a href="{{path('app_accueil')}}">{{'%Home%'|trans}}</a>
  21.                                 <i class="fa fa-angle-double-right"></i>
  22.                             </li>
  23.                             <li class="text-white">{{'%image%'|trans}}</li>
  24.                         </ul>
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.         </div>
  29.     </section>
  30.     <section class="doctors-area doctor-page">
  31.         <div class="container">
  32.             <div id="accordion">
  33.                 <div class="row">
  34.                     <p>
  35.                         {% for key, yearImag in yearImage %}
  36.                             <div class="col-md-3" id="heading{{key}}">
  37.                                 <button class="btn btn-outline-info btn-lg btn-block" data-toggle="collapse" data-target="#collapse{{key}}" aria-expanded="true" aria-controls="collapse{{key}}">{{yearImag.year}}</button>
  38.                             </div>
  39.                         {% endfor %}
  40.                     </p>
  41.                 </div>
  42.                 <div class="row mt-3">
  43.                     {% for key, yearImag in yearImage %}
  44.                         <div id="collapse{{key}}" class="col-md-12 wow fadeInLeft collapse {% if key==0 %}show{% endif %}" data-wow-delay="0.1s" style="width: 100%;" aria-labelledby="heading{{key}}" data-parent="#accordion">
  45.                             <div class="card card-body p-0 m-0">
  46.                                 <div id="accordion1">
  47.                                     {% for categorieImage in categorieImages %}
  48.                                         <div class="card m-0 cardMediaImage">
  49.                                             <div class="card-header cardHeaderMediaImage" id="heading{{categorieImage.id}}{{key}}">
  50.                                                 <h2 class="mb-0 h5">
  51.                                                     <button class="btn btn-link" data-toggle="collapse" data-target="#collapse{{categorieImage.id}}{{key}}" aria-expanded="true" aria-controls="collapse{{categorieImage.id}}{{key}}">
  52.                                                         <strong>
  53.                                                             {% if categorieImage.categorie=='Congrès national' %}
  54.                                                                 {{'%categorienational%'|trans|capitalize}}
  55.                                                             {% else %}
  56.                                                                 {{'%autres%'|trans|capitalize}}
  57.                                                             {% endif %}
  58.                                                         </strong>
  59.                                                     </button>
  60.                                                 </h2>
  61.                                             </div>
  63.                                             <div id="collapse{{categorieImage.id}}{{key}}" class="collapse{% if categorieImage.id == 8 %} show{% endif %}" aria-labelledby="heading{{categorieImage.id}}{{key}}" data-parent="#accordion1">
  64.                                                 <div class="card-body">
  65.                                                     <div class="row">
  66.                                                         {% for media in medias %}
  67.                                                             {% if media.date|date('Y') == yearImag.year and media.categorie == categorieImage.categorie %}
  68.                                                                 <div class="col-md-4 m-0 p-0">
  69.                                                                     <button type="button" class="btn m-0 p-0" data-toggle="modal" data-target="#exampleModalCenter{{media.id}}">
  70.                                                                         <img src="{{ asset('uploads/imagesMedia/' ~ media.image) }}" width="366px">
  71.                                                                     </button>
  72.                                                                     <!-- Modal -->
  73.                                                                     <div class="modal fade" id="exampleModalCenter{{media.id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle{{media.id}}" aria-hidden="true">
  74.                                                                         <div class="modal-dialog modal-lg" role="document">
  75.                                                                             <div class="modal-content">
  76.                                                                                 <div class="modal-header">
  77.                                                                                     <h3 class="modal-title" id="exampleModalLongTitle{{media.id}}">{{media.label}}</h3>
  78.                                                                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  79.                                                                                         <span aria-hidden="true">&times;</span>
  80.                                                                                     </button>
  81.                                                                                 </div>
  82.                                                                                 <div class="modal-body">
  83.                                                                                     <img src="{{ asset('uploads/imagesMedia/' ~ media.image) }}" width="100%">
  84.                                                                                 </div>
  85.                                                                                 <div class="modal-footer">
  86.                                                                                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'%Close%'|trans}}</button>
  87.                                                                                 </div>
  88.                                                                             </div>
  89.                                                                         </div>
  90.                                                                     </div>
  91.                                                                     {# <div class="icon ">
  92.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <p class="m-3 text-center">{{ media.label }}</p>
  93.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </div> #}
  94.                                                                 </div>
  95.                                                             {% endif %}
  96.                                                         {% endfor %}
  97.                                                     </div>
  98.                                                     {# <div class="row">
  99.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <div class="col-12">
  100.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             {{ knp_pagination_render(medias) }}
  101.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </div>
  102.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div> #}
  103.                                                 </div>
  104.                                             </div>
  105.                                         </div>
  106.                                     {% endfor %}
  107.                                 </div>
  108.                             </div>
  109.                         </div>
  110.                     {% endfor %}
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </section>
  115. {% endblock %}