templates/pages/clubs_overview.html.twig line 1

Open in your IDE?
  1. <script type="text/x-jsrender" id="club-box">
  2. <div class="partial partial_grid-overview_list-item">
  3.     <div class="card">
  4.         <div class="card-head">
  5.             <a href="<%generateClubUrl id slug/%>"><h3><span><%:name%></span></h3></a>
  6.         </div>
  7.         <div class="card-body">
  8.             <a href="<%generateClubUrl id slug/%>">
  9.                 <figure>
  10.                     <%if contenthero%>
  11.                         <img src="<%:contenthero.file_name%>" alt="<%:name%>">
  12.                     <%else hero%>
  13.                         <img src="<%:hero.file_name%>" alt="<%:name%>">
  14.                     <%else%>
  15.                         <img src="/uploads/club_background.png" alt="<%:name%>">
  16.                     <%/if%>
  17.                 </figure>
  18.                 <%if logo%>
  19.                     <span class="logo">
  20.                         <img src="<%:logo.scale_100x100%>" alt="<%:name%>">
  21.                     </span>
  22.                 <%/if%>
  23.             </a>
  24.             <a href="<%generateClubUrl id slug/%>" class="is-btn is-background-color-blank stroke-full">Lees <span>meer</span></a>
  25.         </div>
  26.     </div>
  27. </div>
  29. </script>
  31. <script type="text/x-jsrender" id="no-results">
  32. <div class="col-12 text-center text-light search-no-results">
  33.     <h3>Helaas</h3>
  34.     <p>Er zijn op dit moment op onze website helaas geen clubs beschikbaar die aan jouw zoekcriteria voldoen.</p>
  35. </div>
  37. </script>
  39. <div class="component component_search" data-component="ClubFilter">
  40.     {{ form_start(form) }}
  41.     <div class="row filters">
  42.         <div class="col-12 col-md-4 col-lg-6">
  43.             <div class="input-group mb-0">
  44.                 <div class="input-group-prepend border-left-0">
  45.                     <span class="input-group-text"><i class="fas fa-futbol"></i></span>
  46.                 </div>
  47.                 {{ form_widget(form.search) }}
  48.             </div>
  49.         </div>
  50.         <div class="col-12 col-sm-6 col-md-4 col-lg-3">
  51.             <div class="filter match-filter dropdown competition flex-even">
  52.                 {{ form_widget(form.competition, {'attr': {'class': 'select-select2'}}) }}
  53.             </div>
  54.         </div>
  55.         <div class="col-12 col-sm-6  col-md-4 col-lg-3 ">
  56.             <div class="filter match-filter dropdown country flex-even">
  57.                 {{ form_widget(form.country, {'attr': {'class': 'select-select2'}}) }}
  58.             </div>
  59.         </div>
  60.     </div>
  61.     {{ form_end(form) }}
  62. </div>
  63. <div class="component">
  64.     <div id="club-grid" class="component_clubs-grid component_clubs-overview">
  65.         <div class="col-12 text-center">
  66.             <img class="mt-5" src="{{ asset('vendor/contentbox/assetmanager/images/ajax.gif') }}"
  67.                  alt="{{ 'Loading'|trans }}">
  68.         </div>
  69.     </div>
  70.     <div class="row" id="club-footer">
  71.         <div class="col-12 text-center is-margin-top-30" id="load-more">
  72.             <button class="is-btn is-background-color-accent is-color-black stroke-alt">Laad <span>meer</span></button>
  73.         </div>
  74.     </div>
  75. </div>