{% extends 'base.html.twig' %}

{% block title %}
  Liste des périodes de congés
{% endblock %}

{% block body %}
  {% if app.request.get('error') %}
    {% if app.request.get('error') == 'subscription-no-member' %}
      Vous ne pouvez plus créer de nouveau utilisateur.
    {% endif %}
  {% endif %}

  {% if app.request.get('success') %}
    {% if app.request.get('success') == 'holiday-updated' %}
      La période de congés a bien été modifié.
    {% endif %}
  {% endif %}
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                    Liste des périodes de congés
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_organization_holiday_new') }}"
                        aria-expanded="false" class="btn-shadow btn btn-info">
                        <span class="btn-icon-wrapper pe-2 opacity-7">
                            <i class="fa fa-plus fa-w-20"></i>
                        </span>
                        Créer une nouvelle période de congés
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered">
                <thead>
                    <tr>
                      <th>Prénom et nom</th>
                      <th>Description des congés</th>
                      <th>Début des congés</th>
                      <th>Fin des congés</th>
                      <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                  {% for holiday in holidays %}
                    <tr>
                      <td>{{ holiday.organizationMember.user.firstname }} {{ holiday.organizationMember.user.lastname }}</td>
                      <td>{{ holiday.description }}</td>
                      <td>{{ holiday.startedAt|date('Y-m-d H:i:s') }}</td>
                      <td>{{ holiday.endedAt|date('Y-m-d H:i:s') }}</td>
                      <td class="d-flex">
                        <a class="mb-2 me-2 btn-icon btn-icon-only btn-pill btn btn-outline-primary" href="{{ path('app_organization_holiday_edit', { id: holiday.id }) }}">
                        <i class="pe-7s-tools btn-icon-wrapper"></i>
                        </a>
                        &nbsp;
                        &nbsp;
                        <form method="post" action="{{ path('app_organization_holiday_delete', {'id': holiday.id}) }}" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cette période de congés ?');">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ holiday.id) }}">
                            <button class="mb-2 me-2 btn-icon btn-icon-only btn-pill btn btn-outline-warning"><i class="pe-7s-trash btn-icon-wrapper"></i></button>
                        </form>
                      </td>
                    </tr>
                  {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}