templates/calender/overview.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% block content %}
  5.     <div class="container">
  6.         <div class="row">
  7.             <div class="col-12">
  8.                 <h1>{{ 'Kalender'|trans }} {{ year }}</h1>
  9.                 {% if 'now' | date('Y') == year %}
  10.                     {{ pimcore_link('linkNextYear', {'class': "btn btn-outline-primary my-3 ms-lg-5 mt-3 mt-lg-0 text-uppercas"}) }}
  11.                 {% endif %}
  12.                 <h2>{{ pimcore_input('title', {'placeholder':'Headline'}) }}</h2>
  13.                 {{ pimcore_wysiwyg('content_text', {'placeholder':'Place content here'}) }}
  14.             </div>
  15.         </div>
  16.         <div class="row my-3">
  17.             <div class="col-12">
  18.                 {% for cal in calender %}
  20.                     <div class="row">
  21.                         <div class="col-lg-1 col-2 text-center">
  23.                         </div>
  24.                         <div class="col">
  25.                             <h3 class="text-uppercase mb-3 text-primary">{{ cal.month }}</h3></div>
  26.                     </div>
  27.                     <div class="row row-cols-lg-2 row-cols-1 g-5">
  28.                     {% if cal.days is defined %}
  29.                         {% for day  in cal.days %}
  30.                             <div class="col">
  31.                             <div class="row mb-5">
  32.                                 <div class="col-2 text-center d-flex align-items-center">
  33.                                     <div>
  34.                                         <h1 class="display-4 text-black">{{ day.Datum|date("d") }}</h1>
  35.                                         <h2 class="display-6 text-black text-uppercase">{{ day.Datum|date("M") }}</h2>
  36.                                     </div>
  37.                                 </div>
  38.                                 <div class="col-10">
  39.                                     <div class="bg-opacity-10 bg-primary p-4">
  40.                                         <h3>{{ day.dayinfo }}</h3>
  41.                                         <div class="mb-3">
  42.                                         <span class="me-3">
  43.                                         <i class="fa-solid fa-calendar me-1 text-primary"></i>{{ day.Datum|date("D") }}</span>
  44.                                             <span class="me-3">
  45.                                         <i class="fa-solid fa-clock me-1 text-primary"></i>{{ day.start_u }} - {{ day.eind_u }}</span>
  46.                                             <span class="me-3">
  47.                                             <i class="fa-sharp fa-solid fa-location-arrow me-1 text-primary"></i>
  48.                                             {{ day.Place }}</span>
  49.                                         </div>
  50.                                         {#
  51.                                         <h3>Info:</h3> #}
  52.                                         <p>{{ day.Datum_description|raw }}</p>
  53.                                     </div>
  54.                                 </div>
  57.                             </div>
  58.                     </div>
  59.                         {% endfor %}
  60.                     {% else %}
  61.                         <div class="col">
  62.                         <div class="row mb-5">
  63.                             <div class="col-2">
  64.                             </div>
  65.                             <div class="col-10">
  66.                                 <p>{{ "geen geplande activiteiten"|trans }}</p>
  67.                             </div>
  68.                         </div>
  69.                         </div>
  70.                     {% endif %}
  71.                     </div>
  74.                 {% endfor %}
  76.                 {% if 'now' | date('Y') == year %}
  77.                     <div class="my-5 text-center">
  78.                         <h2>{{ "Historiek"|trans }} {{ year }}</h2>
  79.                     </div>
  80.                     <table class="table table-sm">
  81.                         <tbody>
  82.                         {% for cal in HisCalender %}
  84.                             <tr class="bg-primary bg-opacity-10">
  85.                                 <td class="col-lg-1 col-2"></td>
  86.                                 <td class="col"><h3 class="text-uppercase mb-0">{{ cal.month }}</h3></td>
  87.                             </tr>
  90.                             {% if cal.days is defined %}
  91.                                 {% for day  in cal.days %}
  92.                                     <tr>
  93.                                         <td>{{ day.Datum|date("d") }} {{ day.Datum|date("M") }}</td>
  94.                                         <td>
  95.                                             <p class="fs-5 mb-0"><strong>{{ day.dayinfo }}</strong></p>
  96.                                             {#
  97.                                             <div class="mb-3">
  98.                                                 <span class="me-3">
  99.                                                 <i class="fa-solid fa-calendar me-1 text-primary"></i>{{ day.Datum|date("D") }}</span>
  100.                                                 <span class="me-3">
  101.                                                 <i class="fa-solid fa-clock me-1 text-primary"></i>{{ day.start_u }} - {{ day.eind_u }}</span>
  102.                                                 <span class="me-3">
  103.                                                     <i class="fa-sharp fa-solid fa-location-arrow me-1 text-primary"></i>
  104.                                                     {{ day.Place }}</span>
  105.                                             </div> #}
  106.                                             <p>{{ day.Datum_description|raw }}</p></td>
  108.                                     </tr>
  109.                                 {% endfor %}
  112.                             {% endif %}
  114.                         {% endfor %}
  115.                         </tbody>
  116.                     </table>
  117.                 {% endif %}
  118.             </div>
  119.         </div>
  120.     </div>
  122. {% endblock %}