{% extends 'base.html.twig' %}
{% block title %}Referee index{% endblock %}
{% block body %}
<div class="d-flex titlefront">
<div class="vr ps-2 me-3"></div>
<h1>Referees</h1>
</div>
<div class="row row-cols-1 g-4">
{% set section_country = false %}
{% for referee in referees %}
{% if not referee.isadmin and referee.isReferee %}
{% if section_country != referee.country.name %}
<h3>
<span class="section_country">
<div class="flags_img iso_{{ referee.country.cca2|upper }}"></div>
{{ referee.country.name }}
</span>
<div class="line-section_country"></div>
</h3>
{% set section_country = referee.country.name %}
{% endif %}
<div class="col-lg-4">
<div class="card bg-light mb-3">
<div class="card-body">
<div>
<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'">
<div class="">
<span class="fs-3">{{ referee.firstname }} {{ referee.lastname }}</span>
<div class="card-text d-flex justify-content-between bd-highlight mb-3">
<div class="flex-box">
<div class="flags_img iso_{{ referee.country.cca2|upper }}"></div>
<div>{{ referee.country.name }}</div>
</div>
<div>{{ referee.age }}</div>
</div>
</div>
</div>
<ul class="list-group">
{% if referee.kyorugiNumber %}
<li class="list-group-item d-flex justify-content-between align-items-center">
KYORUGI IR <span>{{ referee.kyorugiNumber }}</span>
<span class="badge bg-primary rounded-pill">Class : {{ referee.kyorugiClass }}</span>
</li>
{% endif %}
{% if referee.poomsaeNumber %}
<li class="list-group-item d-flex justify-content-between align-items-center">
POOMSAE IR <span>{{ referee.poomsaeNumber }}</span>
<span class="badge bg-primary rounded-pill">Class : {{ referee.poomsaeClass }}</span>
</li>
{% endif %}
</ul>
<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}}">
List competitions
{% if referee.attributions|length %}
<span class="badge bg-black rounded-pill">{{referee.attributions|length}}</span>
{% endif %}
</button>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="Modal-{{referee.id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Competitions of {{ referee.firstname }} {{ referee.lastname }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<ul class="list-group">
{% for attribution in referee.attributions %}
<li class="list-group-item d-flex justify-content-between align-items-center">
{{attribution.competition.title}}
<span>{{attribution.competition.date|date('Y-m-d')}}</span>
<a class="btn btn-secondary" href="{{ path('front_competition_show', {'id': attribution.competition.id}) }}">show</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% endif %}
{% else %}
<tr>
<td colspan="9">no records found</td>
</tr>
{% endfor %}
</div>
{% endblock %}