templates/pages/aqua_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.  {% endblock %}
  14.  {% block og %}
  15.      <meta property="og:url"         content="{{ app.request.server.get('APP_URL') }}{{ objectinfo.link }}" />
  16.      <meta property="og:type"        content="website" />
  17.      <meta property="og:title"       content="Aquasvět: Kurzy plavání" />
  18.      <meta property="og:description" content="Naše plavecké kurzy nabízejí dětem bezpečné a zábavné prostředí, kde se mohou naučit plavat správnou technikou a rozvíjet své plavecké dovednosti pod vedením kvalifikovaných instruktorů." />
  19.      <meta property="og:image"       content="{{ objectinfo.picture.small }}" />
  20.  {% endblock %}
  22. {% block body %}
  23.     <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 }}');">
  25.         {% if pageinfo.info != '' %}
  26.             <div class="container" style="position: relative; top: -80px">
  27.             <div id="id-header-news">
  28.                 <i class="fa fa-info-circle"></i>
  29.                 <div class="marquee">
  30.                     <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  31.                 </div>
  32.             </div>
  33.             </div>
  34.         {% endif %}
  35.         <div class="text-center color-white mt-6 mb-6 index-1">
  36.             <h1>{{ objectinfo.title }}</h1>
  37.             <p class="lead lead-lg mb-4">{{ objectinfo.subtitle }}</p>
  38.             {% if objectinfo.buttons|length == 1 %}
  39.                 {% set button = objectinfo.buttons[0] %}
  40.                 {# @var button \App\Controller\Objects\Link #}
  41.                 <a href="{{ button.link }}" class="btn btn-object">{{ button.title }}</a>
  42.             {% elseif objectinfo.buttons|length > 0 %}
  43.                 {% set b = 1 %}
  44.                 {% set btn_d_class = '' %}
  45.                 {% for button in objectinfo.buttons %}
  46.                     {# @var button \App\Controller\Objects\Link #}
  47.                     {% if b > 1 %}
  48.                         {% set btn_d_class = 'd-none d-sm-inline-block' %}
  49.                     {% endif %}
  50.                     <a href="{{ button.link }}" class="btn btn-object {{ btn_d_class }}">{{ button.title }}</a>
  51.                     {% if b < objectinfo.buttons|length %}
  52.                         <img src="/assets/custom/img/kascv_logo_white_50_notext.png" class="btn-separator d-none d-sm-inline-block">
  53.                     {% endif %}
  54.                     {% set b = b + 1 %}
  55.                 {% endfor %}
  56.             {% endif %}
  57.         </div>
  58.     </div>
  60. <div class="container" style="margin-top: -110px">
  61.     <div class="row">
  62.         <div class="col-lg-9">
  64.             {% if objectinfo.alert != '' %}
  65.             <div class="alert alert-warning alert-light wow zoomInRight animation-delay-1" role="alert">
  66.                 <strong><i class="zmdi zmdi-alert-triangle"></i> Upozornění!</strong><br>{{ objectinfo.alert }}
  67.             </div>
  68.             {% endif %}
  70.             <article class="card card-primary wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight;">
  72.                 <h1 class="right-line right-line" style="margin: 40px 40px 0px 40px">Kurzy plavání</h1>
  73.                 <div class="card-body overflow-hidden card-body-big" style="text-align: center">
  74.                     <div class="btn-group btn-group-justified btn-group-raised d-none d-sm-inline-block aqua-btns">
  75.                     <a href="/aquasvet/prihlaska-na-kurz" class="btn btn-xlg btn-raised btn-primary">PŘIHLÁŠKA NA KURZ<div class="ripple-container"></div></a>
  76.                     <a href="/aquasvet/prehled-terminu" class="btn btn-xlg btn-raised btn-primary">PŘEHLED TERMÍNŮ<div class="ripple-container"></div></a>
  77.                     <a href="#prehled" class="btn btn-xlg btn-raised btn-primary">PŘEHLED KURZŮ<div class="ripple-container"></div></a>
  78.                     </div>
  80.                     <div class="d-sm-none">
  81.                         <a href="/aquasvet/prihlaska-na-kurz" class="btn btn-xlg btn-raised btn-primary w-100p">PŘIHLÁŠKA NA KURZ<div class="ripple-container"></div></a>
  82.                         <a href="/aquasvet/prehled-terminu" class="btn btn-xlg btn-raised btn-primary w-100p">PŘEHLED TERMÍNŮ<div class="ripple-container"></div></a>
  83.                         <a href="#prehled" class="btn btn-xlg btn-raised btn-primary w-100p">PŘEHLED KURZŮ<div class="ripple-container"></div></a>
  84.                     </div>
  86.                 </div>
  87.                 <div style="margin: 0px 40px 40px 40px">
  88.                     {{ html_info|raw }}
  89.                 </div>
  90.             </article>
  92.             <a name="prehled" style="position: relative; top: -200px"></a>
  93.             <div class="row masonry-container" style="position: relative;">
  94.                 {%  if courses|length >0 %}
  95.                     {% set i = 0  %}
  96.                     {% for course in courses %}
  97.                         {# @var course \App\Controller\Objects\CourseItem #}
  98.                         {% set i = i + 1  %}
  99.                         {% set info = false  %}
  100.                         {% set termines = course.termines  %}
  101.                         <div class="col-md-6 masonry-item wow fadeInUp animation-delay-2" style="visibility: visible; animation-name: fadeInUp; position: absolute; left: 0px; top: 0px;">
  102.                             <article class="card card-info mb-4 wow materialUp animation-delay-5" style="visibility: visible; animation-name: materialUp;">
  103.                                 <figure class="ms-thumbnail ms-thumbnail-center ms-thumbnail-light">
  104.                                     <img src="{{ course.picture.small }}" alt="" class="img-fluid">
  105.                                     <figcaption class="ms-thumbnail-caption text-center">
  106.                                         <div class="ms-thumbnail-caption-content">
  107.                                             <h3 class="ms-thumbnail-caption-title color-primary">Termíny</h3>
  108.                                             {%  if termines|length >0 %}
  109.                                             <table class="table mt20">
  110.                                                 <tbody>
  111.                                                 {% set len = ''  %}
  112.                                                 {% for termine in termines %}
  113.                                                     {# @var termine \App\Controller\Objects\CourseTerminRow #}
  114.                                                 <tr>
  115.                                                     <th class="w200">{{ termine.days }}</th>
  116.                                                     <td colspan="1">{{ termine.time }}</td>
  117.                                                     <td colspan="1">{{ termine.lessons }}</td>
  118.                                                 </tr>
  119.                                                     {% set len = termine.length  %}
  120.                                                 {% endfor %}
  121.                                                 </tbody>
  122.                                                 <tfoot><tr><td colspan="3" style="text-align: center">
  123.                                                         {{ len }}</td></tr>
  124.                                                 </tfoot>
  125.                                             </table>
  126.                                             {% endif %}
  127.                                         </div>
  128.                                     </figcaption>
  129.                                 </figure>
  130.                                 <div class="card-body">
  131.                                     <h3 class="inline-text" title="{{ course.title }}">{{ course.title }}</h3>
  132.                                     <p>{{ course.text|raw }}</p>
  133.                                     <div class="row">
  134.                                         <div class="col-4">
  135.                                              <a href="javascript:void(0)" class="ms-tag ms-tag-info" style="position:absolute; margin-top: 8px">{{ course.price }} Kč/lekce</a>
  136.                                         </div>
  137.                                         <div class="col-4">
  138.                                             {%  if course.instructions != ''  %}
  139.                                                 <a href="javascript:void($('#myInfoModal{{ i }}').modal('show'))" class="btn btn-primary btn-sm animate-icon">Pokyny <i class="ml-1 no-mr zmdi zmdi-long-arrow-right"></i></a>
  140.                                                 <div class="modal" id="myInfoModal{{ i }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  141.                                                     <div class="modal-dialog animated zoomIn animated-3x" role="document">
  142.                                                         <div class="modal-content">
  143.                                                             <div class="modal-header">
  144.                                                                 <h3 class="modal-title color-primary" id="myModalLabel">Pokyny</h3>
  145.                                                                 <button type="button" class="close" onclick="$('#myInfoModal{{ i }}').modal('hide')" aria-label="Close"><span aria-hidden="true"><i class="zmdi zmdi-close"></i></span></button>
  146.                                                             </div>
  147.                                                             <div class="modal-body">
  148.                                                                 {{ course.instructions|raw }}
  149.                                                             </div>
  150.                                                             <div class="modal-footer">
  151.                                                                 <button type="button" class="btn btn-danger" onclick="$('#myInfoModal{{ i }}').modal('hide')">Zavřít</button>
  152.                                                             </div>
  153.                                                         </div>
  154.                                                     </div>
  155.                                                 </div>
  156.                                             {% endif %}
  157.                                         </div>
  158.                                         <div class="col-4">
  159.                                             {% if termines|length >0  %}
  160.                                                 <a href="javascript:void($('#myTermsModal{{ i }}').modal('show'))" class="btn btn-primary btn-sm btn-block animate-icon">Termíny <i class="ml-1 no-mr zmdi zmdi-long-arrow-right"></i></a>
  162.                                                 <div class="modal" id="myTermsModal{{ i }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  163.                                                     <div class="modal-dialog animated zoomIn animated-3x" role="document">
  164.                                                         <div class="modal-content">
  165.                                                             <div class="modal-header">
  166.                                                                 <h3 class="modal-title color-primary" id="myModalLabel">{{ course.title }}</h3>
  167.                                                                 <button type="button" class="close" onclick="$('#myTermsModal{{ i }}').modal('hide')" aria-label="Close"><span aria-hidden="true"><i class="zmdi zmdi-close"></i></span></button>
  168.                                                             </div>
  169.                                                             <div class="modal-body">
  170.                                                                     <table class="table mt20">
  171.                                                                         <tbody>
  172.                                                                         {% set len = ''  %}
  173.                                                                         {% for termine in termines %}
  174.                                                                             {# @var termine \App\Controller\Objects\CourseTerminRow #}
  175.                                                                             <tr>
  176.                                                                                 <th class="w200">{{ termine.days }}</th>
  177.                                                                                 <td colspan="1">{{ termine.time }}</td>
  178.                                                                                 <td colspan="1">{{ termine.lessons }}</td>
  179.                                                                             </tr>
  180.                                                                             {% set len = termine.length  %}
  181.                                                                         {% endfor %}
  182.                                                                         </tbody>
  183.                                                                         <tfoot><tr><td colspan="3" style="text-align: center">
  184.                                                                         {{ len }}</td></tr></tfoot>
  185.                                                                     </table>
  186.                                                             </div>
  187.                                                             <div class="modal-footer">
  188.                                                                 <button type="button" class="btn btn-danger" onclick="$('#myTermsModal{{ i }}').modal('hide')">Zavřít</button>
  189.                                                             </div>
  190.                                                         </div>
  191.                                                     </div>
  192.                                                 </div>
  193.                                             {% endif %}
  194.                                         </div>
  195.                                     </div>
  196.                                 </div>
  197.                             </article>
  198.                         </div>
  199.                         {% if i%2==0 and 1==2 %}
  200.                             </div><div class="row masonry-container" style="position: relative;">
  201.                         {% endif %}
  202.                     {% endfor %}
  205.                 {% endif %}
  206.             </div>
  209.             <article class="card wow fadeInLeft animation-delay-5 mb-4" style="display: none; visibility: visible; animation-name: fadeInLeft;">
  210.                 <div class="card-body overflow-hidden overflow-hidden">
  211.                     <div class="row">
  212.                         <div class="col-xl-6">
  214.                             <img src="https://kas-cdn.webmax.cloud/img/www-widget-list1/11.jpg" alt="" class="img-fluid mb-1" style="width: 100%">
  216.                             <a href="javascript:void(0)" class="ms-tag ms-tag-warning">220 Kč/lekce</a>
  217.                             <span class="ml-1 d-none d-sm-inline"><i class="zmdi zmdi-time mr-05 color-info"></i> <span class="color-medium-dark">výuka vždy po 20 minutách</span></span>
  219.                         </div>
  220.                         <div class="col-xl-6">
  221.                             <h3 class="no-mt">KOJENCI</h3>
  222.                             <p class="mb-4">Dvacetiminutová výuka pro děti od 6 měsíců do 15 měsíců v kojeneckém bazénu.</p>
  223.                             <p class="mb-4">Kojenecké „plavání“ je vzhledem k motorickému vývoji dítěte spíše než výukou plaveckých dovedností, hrou s vodou a ve vodě, prospěšnou a příjemnou činností prožívanou společne s rodičem.</p>
  224.                             <table class="table mt20">
  225.                                 <tbody>
  226.                                 <tr>
  227.                                     <th class="w200">po, st, pá</th>
  228.                                     <td colspan="1">08:00 - 09:30</td>
  229.                                     <td colspan="1">8 lekcí</td>
  230.                                 </tr>
  231.                                 <tr>
  232.                                     <th class="w200">po, st</th>
  233.                                     <td colspan="1">09:30 - 12:00</td>
  234.                                     <td colspan="1">5 lekcí</td>
  235.                                 </tr>
  236.                                 <tr>
  237.                                     <th class="w200">pá</th>
  238.                                     <td colspan="1">10:30 - 12:00</td>
  239.                                     <td colspan="1">3 lekce</td>
  240.                                 </tr>
  241.                                 </tbody>
  242.                             </table>
  246.                         </div>
  247.                     </div>
  248.                 </div>
  249.             </article>
  250.             <article class="card wow fadeInLeft animation-delay-5 mb-4" style="display: none; visibility: visible; animation-name: fadeInLeft;">
  251.                 <div class="card-body overflow-hidden overflow-hidden">
  252.                     <div class="row">
  253.                         <div class="col-xl-6">
  254.                             <img src="/assets/custom/img/aqua/deti_bazen.jpg"  alt="" class="img-fluid mb-1">
  256.                             <a href="javascript:void(0)" class="ms-tag ms-tag-warning">220 Kč/lekce</a>
  257.                             <span class="ml-1 d-none d-sm-inline"><i class="zmdi zmdi-time mr-05 color-info"></i> <span class="color-medium-dark">výuka vždy po 20 minutách</span></span>
  259.                         </div>
  260.                         <div class="col-xl-6">
  261.                             <h3 class="no-mt">PLAVÁNÍ - RODIČE S DĚTMI</h3>
  262.                             <p class="mb-4">Dvacetiminutová výuka pro děti ve věku od 15 měsíců do 3 let v kojeneckém bazénu.</p>
  264.                             <table class="table mt20">
  265.                                 <tbody>
  266.                                 <tr>
  267.                                     <th class="w200">po, út</th>
  268.                                     <td colspan="1">15:30 - 16:00</td>
  269.                                     <td colspan="1">1 lekce</td>
  270.                                 </tr>
  271.                                 <tr>
  272.                                     <th class="w200">út</th>
  273.                                     <td colspan="1">08:00 - 12:00</td>
  274.                                     <td colspan="1">8 lekcí</td>
  275.                                 </tr>
  276.                                 <tr>
  277.                                     <th class="w200">čt</th>
  278.                                     <td colspan="1">08:30 - 12:00</td>
  279.                                     <td colspan="1">7 lekcí</td>
  280.                                 </tr>
  281.                                 </tbody>
  282.                             </table>
  286.                         </div>
  287.                     </div>
  288.                 </div>
  289.             </article>
  291.         </div>
  293.         {% include 'partials/sidecol.html.twig' %}
  295.     </div>
  296. </div>
  298. {% endblock %}
  300. {% block map %}
  301.     <iframe style="width: 100%; height: 300px" id="id-gmap-embed" src="{{ objectinfo.mapLink }}"></iframe>
  302. {% endblock %}
  304. {% block address %}
  305.     <h3 class="ms-footbar-title mb-2 ms-footer-text">{{ objectinfo.title }}</h3>
  306.     <div class="ms-footbar-title">
  307.         <img src="/assets/custom/img/kascv_logo_white_50_notext.png">
  308.         <h3 class="no-m ms-site-title"><span>KULTURA</span>A<span>SPORT</span>CHOMUTOV</h3>
  309.     </div>
  310.     <address class="no-mb">
  311.         <p><i class="zmdi zmdi-pin mr-1"></i> {{ objectinfo.addressStreet }}</p>
  312.         <p><i class="zmdi zmdi-map mr-1"></i> {{ objectinfo.addressCity }}, {{ objectinfo.addressPostal }}</p>
  314.         {% if objectinfo.contactPhone != '' %}
  315.         <p><i class="zmdi zmdi-email mr-1"></i> <a href="mailto:{{ objectinfo.contactPhone }}">{{ objectinfo.contactPhone }}</a></p>
  316.         {% endif %}
  318.         {% if objectinfo.contactMail != '' %}
  319.         <p><i class="fa fa-fax mr-1"></i>{{ objectinfo.contactMail }}</p>
  320.         {% endif %}
  321.         <p><i class="color-danger-light zmdi zmdi-phone mr-1"></i> <a href="/kontakty">Kontakty</a></p>
  322.     </address>
  323. {% endblock %}
  325. {% block javascripts %}
  326.     {{ parent() }}
  327.     <script src="/assets/js/component-carousels-1.js"></script>
  328. {% endblock %}