templates/pages/camp_courses.html.twig line 1

Open in your IDE?
  1. {# @var pageinfo \App\Controller\PageInfo #}
  2. {# @var objectinfo \App\Controller\Objects\ObjectInfo #}
  3. {% extends 'base.html.twig' %}
  4.  {% block theme %}
  5.      {% if objectinfo.objectClass == 'info' %}
  6.         <link rel="stylesheet" href="/assets/css/style.light-blue-700.min.css">
  7.      {% elseif objectinfo.objectClass == 'success' %}
  8.          <link rel="stylesheet" href="/assets/css/style.light-green-700.min.css">
  9.      {% else %}
  10.          <link rel="stylesheet" href="/assets/css/style.red-custom.min.css">
  11.      {% endif %}
  12.      <link rel="stylesheet" href="/assets/custom/css/event.min.{{ app.request.server.get('APP_PREVCACHE') }}.css">
  13.  {% endblock %}
  14. {% block body %}
  15.     <div class="ms-hero-page ms-hero-bg-info mb-6" style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ objectinfo.background.small }}');">
  17.         {% if objectinfo.objectClass == 'info' %}
  18.             {% set event_class = 'sport' %}
  19.         {% else %}
  20.             {% set event_class = 'culture' %}
  21.         {% endif %}
  23.         {% if pageinfo.info != '' %}
  24.             <div class="container" style="position: relative; top: -80px">
  25.             <div id="id-header-news">
  26.                 <i class="fa fa-info-circle"></i>
  27.                 <div class="marquee">
  28.                     <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  29.                 </div>
  30.             </div>
  31.             </div>
  32.         {% endif %}
  33.         <div class="text-center color-white mt-6 mb-6 index-1">
  34.             <h1>{{ objectinfo.title }}</h1>
  35.             <p class="lead lead-lg mb-4">{{ objectinfo.subtitle }}</p>
  36.             {% if objectinfo.buttons|length == 1 %}
  37.                 {% set button = objectinfo.buttons[0] %}
  38.                 {# @var button \App\Controller\Objects\Link #}
  39.                 <a href="{{ button.link }}" class="btn btn-object">{{ button.title }}</a>
  40.             {% elseif objectinfo.buttons|length > 0 %}
  41.                 {% set b = 1 %}
  42.                 {% set btn_d_class = '' %}
  43.                 {% for button in objectinfo.buttons %}
  44.                     {# @var button \App\Controller\Objects\Link #}
  45.                     {% if b > 1 %}
  46.                         {% set btn_d_class = 'd-none d-sm-inline-block' %}
  47.                     {% endif %}
  48.                     <a href="{{ button.link }}" class="btn btn-object {{ btn_d_class }}">{{ button.title }}</a>
  49.                     {% if b < objectinfo.buttons|length %}
  50.                         <img src="/assets/custom/img/kascv_logo_white_50_notext.png" class="btn-separator d-none d-sm-inline-block">
  51.                     {% endif %}
  52.                     {% set b = b + 1 %}
  53.                 {% endfor %}
  54.             {% endif %}
  55.         </div>
  56.     </div>
  58. <div class="container" style="margin-top: -110px">
  59.     <div class="row">
  60.         <div class="col-lg-9">
  62.             {% if objectinfo.alert != '' %}
  63.             <div class="alert alert-warning alert-light wow zoomInRight animation-delay-1" role="alert">
  64.                 <strong><i class="zmdi zmdi-alert-triangle"></i> Upozornění!</strong><br>{{ objectinfo.alert }}
  65.             </div>
  66.             {% endif %}
  68.             <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  69.                 <div class="card-body overflow-hidden card-body-big" style="min-height: {% if objectinfo.alert != '' %}1330px{% else %}1460px{% endif %}">
  71.                 {% if courses|length >0 %}
  72.                     {% for course in courses %}
  73.                         {# @var course \App\Controller\Objects\CampCourses #}
  74.                         {% set event = course.event %}
  75.                         {# @var event \App\Controller\Objects\Event #}
  77.                         <div class="content event">
  78.                             <h2 class="title">{{ event.name }}</h2>
  79.                             <div class="event-wrapper {{ event_class }}">
  80.                                 <div class="row event">
  81.                                     <div class="col-md-4">
  82.                                         <div class="event-image event-cinema-image">
  83.                                             <img src="{{ event.picture.small }}">
  84.                                             <div class="image-side">
  85.                                                 {% if event.age != '' and event.age > 0 %}
  86.                                                     <div class="accessibility-event" title="Přístupnost od {{ event.age }} let" onclick="alert('Přístupnost od {{ event.age }} let')">{{ event.age }}<span>+</span></div>
  87.                                                 {% endif %}
  88.                                             </div>
  89.                                         </div>
  90.                                     </div>
  91.                                     <div class="col-md-8">
  92.                                         <div class="event-info">
  94.                                             <div class="info-row">
  95.                                                 <div class="info-icon"><i class="fa fa-calendar"></i></div>
  96.                                                 <div class="info-wrapper">
  97.                                                     <div class="info-title">Datum konání:</div>
  98.                                                     <div class="info-text">{{ event.date }}</div>
  99.                                                 </div>
  100.                                             </div>
  101.                                             <div class="info-row">
  102.                                                 <div class="info-icon"><i class="fa fa-clock-o"></i></div>
  103.                                                 <div class="info-wrapper">
  104.                                                     <div class="info-title">Čas:</div>
  105.                                                     <div class="info-text">{{ event.time }}</div>
  106.                                                 </div>
  107.                                             </div>
  109.                                             <div class="info-row">
  110.                                                 <div class="info-icon"><i class="fa fa-map-marker"></i></div>
  111.                                                 <div class="info-wrapper">
  112.                                                     <div class="info-title">Místo akce:</div>
  113.                                                     <div class="info-text"><a href="{{ event.objectLink }}" class="link">{{ event.objectName }}</a></div>
  114.                                                 </div>
  115.                                             </div>
  116.                                             <div class="info-row">
  117.                                                 <div class="info-icon"><i class="fa fa-credit-card"></i></div>
  118.                                                 <div class="info-wrapper">
  119.                                                     <div class="info-title">Cena:</div>
  120.                                                     <div class="info-text">{{ event.price }} Kč</div>
  121.                                                 </div>
  122.                                             </div>
  123.                                             {% if event.info != '' %}
  124.                                             <div class="info-row">
  125.                                                 <div class="info-icon"><i class="fa fa-info-circle"></i></div>
  126.                                                 <div class="info-wrapper">
  127.                                                     <div class="info-title">Info:</div>
  128.                                                     <div class="info-text">{{ event.info }}</div>
  129.                                                 </div>
  130.                                             </div>
  131.                                             {% endif %}
  132.                                         </div>
  133.                                     </div>
  134.                                 </div>
  135.                                 <div class="event-delimeter"></div>
  136.                                 {% if event.text != '' %}
  137.                                     <div class="event-desc">
  138.                                         <div class="info-row">
  139.                                             <div class="info-icon"><i class="fa fa-comment"></i></div>
  140.                                             <div class="info-wrapper">
  141.                                                 <div class="info-title">Popis:</div>
  142.                                                 <div class="info-text">{{ event.text|raw }}</div>
  143.                                             </div>
  144.                                         </div>
  145.                                     </div>
  146.                                 {% endif %}
  148.                                 {% if course.runs|length >0 %}
  149.                                     <div class="event-tickets">
  150.                                         <table class="tickets-table">
  151.                                             <thead>
  152.                                             <tr>
  153.                                                 <th class="">Běh</th>
  154.                                                 <th>Termín</th>
  155.                                                 <th class="hidden-xs">Obsazenost</th>
  156.                                                 <th>Přihlášení</th>
  157.                                             </tr>
  158.                                             </thead>
  159.                                             <tbody>
  160.                                             {% for run in course.runs %}
  161.                                                 {# @var run \App\Controller\Objects\CampRunRow #}
  162.                                                 <tr>
  163.                                                     <td class="">{{ run.run }}.</td>
  164.                                                     <td>{{ run.termin }}</td>
  165.                                                     <td class="hidden-xs">{{ run.actual }}/{{ run.capacity }}</td>
  166.                                                     <td>
  167.                                                         <a href="{{ link }}/prazdniny/prihlaska-{{ run.id }}" class="btn btn-raised btn-warning"><i class="fa fa-shopping-cart"></i></a>
  168.                                                     </td>
  169.                                                 </tr>
  170.                                             {% endfor %}
  171.                                             </tbody>
  172.                                         </table>
  173.                                     </div>
  174.                                 {% endif %}
  177.                             </div>
  178.                         </div>
  180.                     {% endfor %}
  181.                 {% else %}
  182.                     <div style="text-align: center; width: 100%">
  183.                     <div style="font-size: 110px;">
  184.                         <i class="fa fa-child" aria-hidden="true"></i>
  185.                         <i class="fa fa-calendar-times-o" aria-hidden="true"></i>
  186.                         <i class="fa fa-frown-o" aria-hidden="true"></i>
  187.                     </div>
  188.                      <h3>Aktuálně není naplánován žádný prázdninový příměstský tábor.</h3>
  189.                     </div>
  190.                 {% endif %}
  191.                 </div>
  192.             </article>
  193.         </div>
  195.         {% include 'partials/sidecol.html.twig' %}
  197.     </div>
  198. </div>
  200. {% endblock %}
  202. {% block map %}
  203.     <iframe style="width: 100%; height: 300px" id="id-gmap-embed" src="{{ objectinfo.mapLink }}"></iframe>
  204. {% endblock %}
  206. {% block address %}
  207.     <h3 class="ms-footbar-title mb-2 ms-footer-text">{{ objectinfo.title }}</h3>
  208.     <div class="ms-footbar-title">
  209.         <img src="/assets/custom/img/kascv_logo_white_50_notext.png">
  210.         <h3 class="no-m ms-site-title"><span>KULTURA</span>A<span>SPORT</span>CHOMUTOV</h3>
  211.     </div>
  212.     <address class="no-mb">
  213.         <p><i class="zmdi zmdi-pin mr-1"></i> {{ objectinfo.addressStreet }}</p>
  214.         <p><i class="zmdi zmdi-map mr-1"></i> {{ objectinfo.addressCity }}, {{ objectinfo.addressPostal }}</p>
  216.         {% if objectinfo.contactPhone != '' %}
  217.         <p><i class="zmdi zmdi-email mr-1"></i> <a href="mailto:{{ objectinfo.contactPhone }}">{{ objectinfo.contactPhone }}</a></p>
  218.         {% endif %}
  220.         {% if objectinfo.contactMail != '' %}
  221.         <p><i class="fa fa-fax mr-1"></i>{{ objectinfo.contactMail }}</p>
  222.         {% endif %}
  223.         <p><i class="color-danger-light zmdi zmdi-phone mr-1"></i> <a href="/kontakty">Kontakty</a></p>
  224.     </address>
  225. {% endblock %}
  227. {% block javascripts %}
  228.     {{ parent() }}
  229.     <script src="/assets/js/component-carousels-1.js"></script>
  230. {% endblock %}