templates/pages/clubs_detail.html.twig line 1

Open in your IDE?
  1. <div class="is-section is-box layout_hero is-section-auto layout_bg-offset layout_bg-offset-primary layout_bg-offset-small">
  2.     <div class="is-overlay">
  3.         <div class="is-overlay-color"></div>
  4.     </div>
  5.     <div class="is-boxes">
  6.         <div class="is-box-centered">
  7.             <div class="is-container is-builder is-content-fluid container-fluid" id="contentareadct4F1d" style="">
  8.                 <div class="component component_hero_usps">
  9.                     <div data-modal-width="50%" data-url="/api/usp/bar" class="component component_usps_bar_row"
  10.                          data-settings="{&quot;usps&quot;: &quot;getUspsEndpoint&quot;}"
  11.                          data-settings-data="{&quot;usps&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;]}"
  12.                          data-url-real="/api/usp/bar?usps%5B%5D=1&amp;usps%5B%5D=2&amp;usps%5B%5D=3"
  13.                          data-dynamic-component-html="%20%20%20%20%3Cdiv%20class%3D%22partial%20partial_usp_list-item%22%3E%0A%20%20%20%20%20%20%20%20%3Cfigure%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-user-shield%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffigure%3E%0A%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text%22%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.voetbalretour.nl%2Fgaranties%22%20target%3D%22_blank%22%3E%3Cspan%3EOnbezorgd%3C%2Fspan%3E%20op%20reis%3C%2Fa%3E%3C%2Fh3%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22partial%20partial_usp_list-item%22%3E%0A%20%20%20%20%20%20%20%20%3Cfigure%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-euro-sign%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffigure%3E%0A%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text%22%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.voetbalretour.nl%2Fgaranties%2Fgeld-terug-garantie%22%20target%3D%22_blank%22%3EGeld-Terug-Garantie%3C%2Fa%3E%3C%2Fh3%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22partial%20partial_usp_list-item%22%3E%0A%20%20%20%20%20%20%20%20%3Cfigure%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fas%20fa-users%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffigure%3E%0A%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text%22%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.voetbalretour.nl%2Fgaranties%2Fzitplaatsgarantie%22%20target%3D%22_blank%22%3EZitplaatsgarantie%3C%2Fa%3E%3C%2Fh3%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A">
  14.                         <div class="partial partial_usp_list-item">
  15.                             <figure>
  16.                                 <i class="fas fa-user-shield"></i>
  17.                             </figure>
  18.                             <h3 class="text"><a href="https://www.voetbalretour.nl/garanties" target="_blank"><span>Onbezorgd</span>
  19.                                     op reis</a></h3>
  20.                         </div>
  21.                         <div class="partial partial_usp_list-item">
  22.                             <figure>
  23.                                 <i class="fas fa-euro-sign"></i>
  24.                             </figure>
  25.                             <h3 class="text"><a href="https://www.voetbalretour.nl/garanties/geld-terug-garantie"
  26.                                                 target="_blank">Geld-Terug-Garantie</a></h3>
  27.                         </div>
  28.                         <div class="partial partial_usp_list-item">
  29.                             <figure>
  30.                                 <i class="fas fa-users"></i>
  31.                             </figure>
  32.                             <h3 class="text"><a href="https://www.voetbalretour.nl/garanties/zitplaatsgarantie"
  33.                                                 target="_blank">Zitplaatsgarantie</a></h3>
  34.                         </div>
  35.                     </div>
  36.                     <div class="component component_quality-labels">
  37.                         <a href="https://www.thuiswinkel.org/leden/voetbal-retour/certificaat" title="" target="_blank">
  38.                             <img src="https://www.voetbalretour.nl/uploads/Thuiswinkel_checkout_liggend2.jpg"
  39.                                  alt=""></a>
  40.                         <a href="https://stichting-ggto.nl/html/Aangesloten.asp" title="" target="_blank">
  41.                             <img src="https://www.voetbalretour.nl/uploads/GGTO_logo_blue.png" alt=""></a>
  42.                         <a href="https://www.vvkr.nl" title="" target="_blank">
  43.                             <img src="https://www.voetbalretour.nl/uploads/logo-vvkr.png" alt=""></a>
  44.                         <div class="hero-rating">
  45.                             <div class="star-rating">
  46.                                 <a href="https://www.voetbalretour.nl/reisverhalen">
  47.                                 <i class="fas fa-star" style="color: rgb(255, 198, 0);"></i><i class="fas fa-star"
  48.                                                                                                style="color: rgb(255, 198, 0);"></i><i
  49.                                         class="fas fa-star" style="color: rgb(255, 198, 0);"></i><i class="fas fa-star"
  50.                                                                                                     style="color: rgb(255, 198, 0);"></i><i
  51.                                         class="fas fa-star" style="color: rgb(255, 198, 0);"></i><span
  52.                                         style="color: rgb(255, 198, 0);"></a>
  53.                                         </span><a href="https://www.voetbalretour.nl/reisverhalen"
  54.                                                   class="is-margin-left-5 rating-amount" title="">547 beoordelingen</a>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.                 <div id="club">
  60.                     <div class="component">
  61.                         <div class="row">
  62.                             <div class="col">
  63.                                 <div class="card">
  64.                                     <div class="card-body is-color-black club-header">
  66.                                         <h1 class="text-center mb-0 club-name">
  67.                                             {% if club.logo is not empty %}
  68.                                                 <img src="{{ media_asset(club.logo)|imagine_filter('w480') }}"
  69.                                                      class="club-logo d-none" alt="Voetbalreizen {{ club.name }}">
  70.                                             {% endif %}
  71.                                             Voetbalreizen {{ club.name }}</h1>
  72.                                         <div class="text-center club-details">
  73.                                             <p>
  74.                                                 <i class="fal fa-map-marker-alt"></i>{{ club.stadium.name }}, {{ club.stadium.place }}, {{ club.country }}
  75.                                             </p>
  76.                                         </div>
  77.                                     </div>
  78.                                 </div>
  79.                                 {#                                <div class="club-header d-flex align-items-center is-margin-bottom-50" #}
  80.                                 {#                                     style="background: url('{{ media_asset(club.hero) }}') center center"> #}
  81.                                 {#                                    <div class="club-logo"> #}
  82.                                 {#                                        <img src="{{ media_asset(club.logo)|imagine_filter('w480') }}"> #}
  83.                                 {#                                    </div> #}
  84.                                 {#                                    <div class="club-details "> #}
  85.                                 {#                                        <div class="club-name mb-3">{{ club.name }}</div> #}
  86.                                 {#                                        <div class="club-details"> #}
  87.                                 {#                                            <i class="fal fa-map-marker-alt"></i>{{ club.stadium.name }}, {{ club.stadium.place }}, {{ club.country }} #}
  88.                                 {#                                        </div> #}
  89.                                 {#                                    </div> #}
  90.                                 {#                                </div> #}
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.                 {#                <div class="component"> #}
  96.                 {#                    <div class="row"> #}
  97.                 {#                        <div class="col-md-12"> #}
  98.                 {#                            <h1 align="center">{{ club.name }} VOETBALREIZEN </h1> #}
  99.                 {#                            <div class="text-center">{{ club.intro|raw }}</div> #}
  100.                 {#                        </div> #}
  101.                 {#                    </div> #}
  102.                 {#                </div> #}
  103.                 {% set month = 0 %}
  104.                 <div class="component component_matches component_matches-grid">
  105.                     <div id="match-list">
  106.                         {% for match in matches %}
  107.                             {% if month != match.date|date('m') %}
  108.                                 <div class="component component_matches-month">
  109.                                     <div class="row">
  110.                                         <div class="col-md-12">
  111.                                             <h3 class="strike"><span><i
  112.                                                             class="far fa-calendar-alt is-margin-right-10"></i>{{ match.date|localizeddate('none', 'none', app.request.locale, null, 'MMMM YYYY')|capitalize }}</span>
  113.                                             </h3>
  114.                                         </div>
  115.                                     </div>
  116.                                 </div>
  117.                             {% endif %}
  118.                             {% set month = match.date|date('m') %}
  119.                             <div class="row">
  120.                                 {# Match blok in html #}
  121.                                 {{ include('pages/partials/match_html_render.html.twig') }}
  122.                             </div>
  123.                         {% endfor %}
  124.                     </div>
  125.                 </div>
  126.                 {% if club.hero is not empty %}
  127.                     {#                    <div class="component"> #}
  128.                     {#                        <div class="row"> #}
  129.                     {#                            <div class="col-12"> #}
  130.                     {#                                <div class="club-hero" #}
  131.                     {#                                     style="background-image: url('{{ media_asset(club.hero) }}')"> #}
  132.                     {#                                </div> #}
  133.                     {#                            </div> #}
  134.                     {#                        </div> #}
  135.                     {#                    </div> #}
  136.                 {% endif %}
  137.             </div>
  138.         </div>
  139.     </div>
  140. </div>
  142. <div class="is-section is-section-20 is-box">
  143.     <div class="is-boxes">
  144.         <div class="is-box-centered">
  145.             <div class="is-container is-builder container-fluid" id="contentareazmr2HPP">
  146.                 <div class="component">
  147.                     <div id="clubContent">
  148.                         <div class="row">
  149.                             <div class="col">
  150.                                 <div class="club-header d-none"
  151.                                      style="background: url('{{ media_asset(club.hero) }}') center center">
  153.                                 </div>
  154.                                 <div class="content">
  155.                                     <ul class="nav nav-pills" id="pills-tab" role="tablist">
  156.                                         <li class="nav-item">
  157.                                             <a class="nav-link active" id="home-tab" data-toggle="pill"
  158.                                                href="#pills-home" role="tab" aria-controls="pills-home"
  159.                                                aria-selected="true">Club</a>
  160.                                         </li>
  161.                                         <li class="nav-item">
  162.                                             <a class="nav-link" id="stadion-tab" data-toggle="pill"
  163.                                                href="#pills-stadion" role="tab" aria-controls="pills-profile"
  164.                                                aria-selected="false">Stadion</a>
  165.                                         </li>
  166.                                         <li class="nav-item">
  167.                                             <a class="nav-link" id="city-tab" data-toggle="pill" href="#pills-city"
  168.                                                role="tab" aria-controls="pills-city" aria-selected="false">Stad</a>
  169.                                         </li>
  170.                                         <li class="nav-item">
  171.                                             <a class="nav-link" id="info-tab" data-toggle="pill" href="#pills-info"
  172.                                                role="tab" aria-controls="pills-info" aria-selected="false">Praktische
  173.                                                 info</a>
  174.                                         </li>
  175.                                     </ul>
  176.                                     <div class="tab-content" id="pills-tabContent">
  177.                                         <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
  178.                                              aria-labelledby="home-tab">
  179.                                             <div class="row">
  180.                                                 <div class="col-12">
  181.                                                     <h4>{{ club.name }}</h4>
  182.                                                 </div>
  183.                                                 <div class="col-12">
  184.                                                     {{ club.description|raw }}
  185.                                                 </div>
  186.                                             </div>
  187.                                         </div>
  188.                                         <div class="tab-pane fade" id="pills-stadion" role="tabpanel"
  189.                                              aria-labelledby="stadion-tab">
  190.                                             <div class="row">
  191.                                                 <div class="col-12">
  192.                                                     <h4>{{ club.stadium.name }}</h4>
  193.                                                 </div>
  194.                                                 <div class="col-12">
  195.                                                     {{ club.stadium.description|raw }}
  196.                                                 </div>
  197.                                             </div>
  198.                                         </div>
  199.                                         <div class="tab-pane fade" id="pills-city" role="tabpanel"
  200.                                              aria-labelledby="city-tab">
  201.                                             <div class="row">
  202.                                                 <div class="col-12">
  203.                                                     <h4>{{ club.stadium.place }}</h4>
  204.                                                 </div>
  205.                                                 <div class="col-12">
  206.                                                     {{ club.stadium.cityDescription|raw }}
  207.                                                 </div>
  208.                                             </div>
  209.                                         </div>
  210.                                         <div class="tab-pane fade" id="pills-info" role="tabpanel"
  211.                                              aria-labelledby="info-tab">
  212.                                             {{ club.practicalInfo|raw }}
  213.                                         </div>
  214.                                     </div>
  215.                                 </div>
  216.                             </div>
  217.                         </div>
  218.                     </div>
  219.                 </div>
  220.             </div>
  221.         </div>
  222.     </div>
  223. </div>
  224. <div class="is-section is-box is-section-auto is-dark-text is-background-color-base">
  225.     <div class="is-boxes">
  226.         <div class="is-box-centered">
  227.             <div class="is-container is-builder container-fluid" id="contentareazmr2HPP">
  228.                 <div class="row">
  229.                     <div class="col-12 is-color-blank">
  230.                         <h1 style="text-align: center">Dingen om te <span>doen</span></h1>
  231.                         <p>{{ club.cityInfo|raw }}</p>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.         </div>
  236.     </div>
  237. </div>
  239. {% include '@default/partials/cta_quotation_section.html.twig' %}