templates/Front/referee/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Referee index{% endblock %}
  3. {% block body %}
  4.     <div class="d-flex titlefront">
  5.         <div class="vr ps-2 me-3"></div>
  6.         <h1>Referees</h1>
  7.     </div>
  8.     <div class="row row-cols-1 g-4">
  9.         {% set section_country = false %}
  10.         {% for referee in referees %}
  11.             {% if not referee.isadmin and referee.isReferee %}
  12.             {% if section_country != referee.country.name %}
  13.                 <h3>
  14.                     <span class="section_country">
  15.                         <div class="flags_img iso_{{ referee.country.cca2|upper }}"></div> 
  16.                         {{ referee.country.name }}
  17.                     </span> 
  18.                     <div class="line-section_country"></div>
  19.                 </h3>
  20.                 {% set section_country = referee.country.name %}  
  21.             {% endif %}
  22.             
  23.                 <div class="col-lg-4">
  24.                     <div class="card bg-light mb-3">
  25.                         
  26.                         <div class="card-body">
  27.                             <div>
  28.                                 <img class="float-start me-3 rounded" height="80" src="/assets/img/profiles/{{ referee.avatar }}" onerror="this.onerror=null; this.src='/assets/img/profile_default.png'">
  29.                                 <div class="">
  30.                                     <span class="fs-3">{{ referee.firstname }} {{ referee.lastname }}</span>
  31.                                     <div class="card-text d-flex justify-content-between bd-highlight mb-3">
  32.                                         <div class="flex-box">
  33.                                             <div class="flags_img iso_{{ referee.country.cca2|upper }}"></div>
  34.                                             <div>{{ referee.country.name }}</div>
  35.                                         </div>
  36.                                         <div>{{ referee.age }}</div>
  37.                                     </div>
  38.                                 </div>
  39.                             </div>
  40.                             <ul class="list-group">
  41.                                 {% if referee.kyorugiNumber %}
  42.                                     <li class="list-group-item d-flex justify-content-between align-items-center">
  43.                                         KYORUGI IR <span>{{ referee.kyorugiNumber }}</span>
  44.                                         <span class="badge bg-primary rounded-pill">Class : {{ referee.kyorugiClass }}</span>
  45.                                     </li>
  46.                                 {% endif %}
  47.                                 {% if referee.poomsaeNumber %}
  48.                                     <li class="list-group-item d-flex justify-content-between align-items-center">
  49.                                         POOMSAE IR <span>{{ referee.poomsaeNumber }}</span>
  50.                                         <span class="badge bg-primary rounded-pill">Class : {{ referee.poomsaeClass }}</span>
  51.                                     </li>
  52.                                 {% endif %}
  53.                             </ul>
  54.                             
  55.                             <button type="button" class="btn btn-outline-dark mt-2 float-end {% if referee.attributions|length < 1 %} disabled {% endif %}" data-bs-toggle="modal" data-bs-target="#Modal-{{referee.id}}">
  56.                                 List competitions
  57.                                 {% if referee.attributions|length %}
  58.                                     <span class="badge bg-black rounded-pill">{{referee.attributions|length}}</span>
  59.                                 {% endif %}
  60.                             </button>
  61.                         </div>
  62.                         
  63.                     </div>
  64.                 </div>
  65.                 <!-- Modal -->
  66.                 <div class="modal fade" id="Modal-{{referee.id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  67.                     <div class="modal-dialog">
  68.                         <div class="modal-content">
  69.                             <div class="modal-header">
  70.                                 <h5 class="modal-title" id="exampleModalLabel">Competitions of {{ referee.firstname }} {{ referee.lastname }}</h5>
  71.                                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  72.                             </div>
  73.                             <div class="modal-body">
  74.                                 <ul class="list-group">
  75.                                     {% for attribution in referee.attributions %}
  76.                                         <li class="list-group-item d-flex justify-content-between align-items-center">
  77.                                             {{attribution.competition.title}}
  78.                                             <span>{{attribution.competition.date|date('Y-m-d')}}</span>
  79.                                             <a class="btn btn-secondary" href="{{ path('front_competition_show', {'id': attribution.competition.id}) }}">show</a>
  80.                                         </li>
  81.                                     {% endfor %}
  82.                                 </ul>
  83.                             </div>
  84.                         </div>
  85.                     </div>
  86.                 </div>
  87.             {% endif %}
  88.         {% else %}
  89.             <tr>
  90.                 <td colspan="9">no records found</td>
  91.             </tr>
  92.         {% endfor %}
  93.     </div>
  94. {% endblock %}