templates/club/club-list.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard.html.twig' %}
  4. {% block stylesheets2 %}
  5.     <link rel="stylesheet" href="{{ app.request.baseUrl }}/assets/club/clublist.css">
  6. {% endblock %}
  9. {% block dashboardcontent %}
  11.     <main>
  12.  
  13.         <div class="settings">
  15.                 <p>{% trans %}club.list.title{% endtrans %}</p>
  17.                 <div class="second-line">
  18.                     <ul class="nav nav-pills" id="pills-tab" role="tablist">
  19.                         <li class="nav-item" role="presentation">
  20.                         <a class="nav-link active" id="pills-thumbnails-tab" data-toggle="pill" href="#pills-thumbnails" role="tab" aria-controls="pills-thumbnails" aria-selected="true">
  21.                             <i class="fas fa-th"></i>
  22.                         </a>
  23.                         </li>
  24.                         <li class="nav-item" role="presentation">
  25.                         <a class="nav-link" id="pills-list-tab" data-toggle="pill" href="#pills-list" role="tab" aria-controls="pills-list" aria-selected="false"><i class="fas fa-list"></i></a>
  26.                         </li>
  27.                     </ul>
  29.                     {#<div class="bars"> 
  30.                         <form class="cours">
  31.                             <div class="multiselect">
  32.                                 <div class="selectBox" onclick="showCheckboxes()">
  33.                                     <select>
  34.                                         <option>Filtrer les cours</option>
  35.                                     </select>
  36.                                     <div class="overSelect"></div>
  37.                                 </div>
  39.                                 <div id="checkboxes">
  40.                                         <label class="art">
  41.                                             <input type="checkbox">Taekwondo
  42.                                             <span class="checkmark"></span>
  43.                                         </label>
  44.                                         <label class="art">
  45.                                             <input type="checkbox">Taekwonkido
  46.                                             <span class="checkmark"></span>
  47.                                         </label>
  48.                                         <label class="art">
  49.                                             <input type="checkbox">Hapkido
  50.                                             <span class="checkmark"></span>
  51.                                         </label>
  52.                                         <label class="art">
  53.                                             <input type="checkbox">Sinkido
  54.                                             <span class="checkmark"></span>
  55.                                         </label>
  56.                                 </div>
  57.                             </div>
  58.                         </form>
  60.                         <form class="age">
  61.                             <div class="multiselect">
  62.                                 <div class="selectBox" onclick="showCheckboxes2()">
  63.                                     <select>
  64.                                         <option>Filtrer l'âge</option>
  65.                                     </select>
  66.                                     <div class="overSelect"></div>
  67.                                 </div>
  69.                                 <div id="checkboxes2">
  70.                                         <label class="age">
  71.                                             <input type="checkbox">Baby
  72.                                             <span class="checkmark"></span>
  73.                                         </label>
  74.                                         <label class="age">
  75.                                             <input type="checkbox">Enfant
  76.                                             <span class="checkmark"></span>
  77.                                         </label>
  78.                                         <label class="age">
  79.                                             <input type="checkbox">Adulte
  80.                                             <span class="checkmark"></span>
  81.                                         </label>
  82.                                         <label class="age">
  83.                                             <input type="checkbox">Senior
  84.                                             <span class="checkmark"></span>
  85.                                         </label>
  86.                                 </div>
  87.                             </div>
  88.                         </form>
  90.                         <div class="select-box">
  91.                             <div class="options-container">
  92.                                 <div class="option">
  93.                                     <input
  94.                                     type="radio" class="radio" id="croissant" name="category" />
  95.                                     <label for="croissant">Ordre alphabétique A - Z</label>
  96.                                 </div>
  97.                                 <div class="option">
  98.                                     <input type="radio" class="radio" id="decroissant" name="category" />
  99.                                     <label for="decroissant">Ordre alphabétique Z - A</label>
  100.                                 </div>
  101.                                 <div class="option">
  102.                                     <input type="radio" class="radio" id="departement" name="category" />
  103.                                     <label for="departement">Département</label>
  104.                                 </div>
  105.                                 <div class="option">
  106.                                     <input type="radio" class="radio" id="pays" name="category" />
  107.                                     <label for="pays">Pays</label>
  108.                                 </div>
  109.                             </div>
  110.                     
  111.                             <div class="selected">
  112.                                 Classer
  113.                             </div>
  114.                         </div>
  115.                     </div>#}
  116.                 </div>
  117.            
  118.         </div>
  120.         {% set cz = [] %}
  121.         {% set unique = [] %}
  122.         {% for club in clubs %}
  123.             {% for location in club.locations %}
  124.                 {% set k = location.city|remove_accent ~ location.zipcode %} 
  125.                 {%  if(unique[k] is not defined) %}
  126.                     {% set unique = unique|merge([k]) %}
  127.                     {% set cz = cz|merge([{key: k, data: {club: club, location: location}}]) %} 
  128.                 {%  endif %}
  129.            {% endfor %}
  130.         {% endfor %}
  132.         <div class="tab-content" id="pills-tabContent">
  133.             <div class="tab-pane fade show active" id="pills-thumbnails" role="tabpanel" aria-labelledby="pills-thumbnails-tab">
  134.                 {% set unique = [] %}
  135.                 {% for c in cz|sort((a, b) => a.key <=> b.key) %}
  136.                     {% if c.key not in unique %}
  137.                         <a href="{{ app.request.baseUrl }}/club/{{ c.data.club.uuid }}">
  138.                             <div class="club noHover">
  139.                                 <div class="name">
  140.                                     <img src="{{ c.data.club._links.logo.href }}">
  141.                                     <h3>{{ c.data.location.city }} ({{ c.data.location.county }})</h3> 
  142.                                 </div>
  143.                                 <div class="choose">
  144.                                     <h3>{% trans %}club.list.choosethisclub{% endtrans %}</h3>
  145.                                     <i class="fas fa-arrow-circle-right"></i>
  146.                                 </div>
  147.                             </div
  148.                         </a>
  149.                         {% set unique = unique|merge([c.key]) %}
  150.                     {% endif %}
  151.                 {% endfor %}
  152.             </div>
  153.             
  154.             <div class="tab-pane fade" id="pills-list" role="tabpanel" aria-labelledby="pills-list-tab">
  155.                  {% set unique = [] %}
  156.                 {% for c in cz|sort((a, b) => a.key <=> b.key) %}
  157.                     {% if c.key not in unique %}
  158.                          <a href="{{ app.request.baseUrl }}/club/{{ c.data.club.uuid }}">
  159.                             <div class="club" style="border-radius: 10px 10px 0 0;">
  160.                                 <h3>{{ c.data.location.city }} ({{ c.data.location.county }})</h3>
  161.                                 <div class="arrow">
  162.                                     <h4>{% trans %}club.list.choosethisclub{% endtrans %}</h4>
  163.                                     <i class="fas fa-arrow-circle-right"></i>
  164.                                     <div class="back"></div>
  165.                                 </div>
  166.                             </div>
  167.                         </a>
  168.                         {% set unique = unique|merge([c.key]) %}
  169.                     {% endif %}
  170.                 {% endfor %}
  171.             </div>
  172.         </div>
  173.         
  174.     </main>  
  176. {% endblock %}