{% extends '@App/partials/base.html.twig' %}

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid">
    <div class="d-flex justify-content-between align-items-start mb-3">
      <div>
        <h2 class="mb-1">Mes demandes</h2>
        <p class="text-muted mb-0">Suivez et répondez aux sollicitations reçues</p>
      </div>
    </div>

    <div class="card border rounded-4 p-3 mb-3">
      <form method="get" class="row g-2 align-items-center">
        <div class="col-md-2">
          <select class="form-select" name="status" onchange="this.form.requestSubmit()">
            <option value="">Tous les statuts</option>
            <option value="non_ouvert" {{ filters.status == 'non_ouvert' ? 'selected' : '' }}>Nouveau</option>
            <option value="ouvert" {{ filters.status == 'ouvert' ? 'selected' : '' }}>Ouvert</option>
            <option value="en_cours" {{ filters.status == 'en_cours' ? 'selected' : '' }}>En cours</option>
            <option value="soumis" {{ filters.status == 'soumis' ? 'selected' : '' }}>Soumis</option>
            <option value="overdue" {{ filters.status == 'overdue' ? 'selected' : '' }}>En retard</option>
          </select>
        </div>
        <div class="col-md-2">
          <select class="form-select" name="deadline" onchange="this.form.requestSubmit()">
            <option value="">Toutes les échéances</option>
            <option value="soon" {{ filters.deadline == 'soon' ? 'selected' : '' }}>Dans 7 jours</option>
            <option value="overdue" {{ filters.deadline == 'overdue' ? 'selected' : '' }}>En retard</option>
          </select>
        </div>
        <div class="col-md-8 text-md-end">
          <span class="fw-semibold">{{ stats.total }} demandes</span>
          <span class="text-danger ms-2">{{ stats.urgent }} urgente{{ stats.urgent > 1 ? 's' : '' }}</span>
        </div>
      </form>
    </div>

    <div class="d-grid gap-3">
      {% for cible in cibles %}
        {% set s = cible.sollicitation %}
        {% set overdue = s.deadlineAt and s.deadlineAt < now and cible.statut not in ['soumis', 'valide'] %}
        {% set isSubmitted = cible.statut in ['soumis', 'valide'] %}
        {% set borderClass = overdue ? 'border-danger-subtle' : (isSubmitted ? 'border-success-subtle' : 'border-light') %}
        {% set statusLabel = overdue ? 'En retard' : (cible.statut|replace({'_':' '})|title) %}
        {% set statusClass = overdue
          ? 'bg-danger-subtle text-danger'
          : (isSubmitted
            ? 'bg-success-subtle text-success'
            : (cible.statut == 'en_cours' ? 'bg-warning-subtle text-warning' : 'bg-primary-subtle text-primary')) %}

        <div class="card border {{ borderClass }} rounded-4">
          <div class="card-body d-flex align-items-start justify-content-between gap-3">
            <div class="flex-grow-1">
              <div class="d-flex align-items-center gap-2 mb-1">
                <span class="badge {{ statusClass }}">{{ statusLabel }}</span>
                {% if cible.statut == 'non_ouvert' %}<span class="badge bg-primary-subtle text-primary">Nouveau</span>{% endif %}
              </div>

              <h4 class="mb-1">{{ s.titre }}</h4>
              {% include '@App/partials/components/badge_projet.html.twig' with {projet: s.projet, taille: 40} %}

              <div class="d-flex flex-wrap mt-3 gap-3 small">
                <span class="{{ overdue ? 'text-danger fw-semibold' : 'text-muted' }}"><i class="ti ti-calendar-event me-1"></i>Échéance {{ s.deadlineAt ? s.deadlineAt|date('d/m/Y') : '-' }}</span>
                {% if s.deadlineAt %}
                  {% set diff = s.deadlineAt|date('U') - now|date('U') %}
                  {% if diff < 0 and not isSubmitted %}
                    <span class="text-danger"><i class="ti ti-alert-circle me-1"></i>{{ ((diff * -1) / 86400)|round(0, 'ceil') }} jour(s) de retard</span>
                  {% elseif diff >= 0 %}
                    <span class="text-muted"><i class="ti ti-clock me-1"></i>{{ (diff / 86400)|round(0, 'ceil') }} jour(s) restant(s)</span>
                  {% endif %}
                {% endif %}
              </div>
            </div>

            <div>
              <a class="btn {{ isSubmitted ? 'btn-light border' : 'btn-primary' }}" href="{{ path('portail_sollicitation_show', { id: cible.idtoken }) }}">
                {{ isSubmitted ? 'Voir soumission' : (cible.statut == 'en_cours' ? 'Continuer' : 'Ouvrir la demande') }}
              </a>
            </div>
          </div>
        </div>
      {% else %}
        <div class="card border rounded-4">
          <div class="card-body text-center text-muted py-5">Aucune sollicitation.</div>
        </div>
      {% endfor %}
    </div>

    {% if stats.total > 0 %}
      <div class="d-flex justify-content-between align-items-center mt-4">
        <small class="text-muted">
          Affichage {{ ((pagination.page - 1) * pagination.perPage) + 1 }}-{{ ((pagination.page - 1) * pagination.perPage) + cibles|length }} sur {{ pagination.total }} demandes
        </small>
        <div class="d-flex gap-2">
          {% set prevPage = pagination.page - 1 %}
          {% set nextPage = pagination.page + 1 %}
          <a class="btn btn-sm btn-light border {{ pagination.page <= 1 ? 'disabled' : '' }}"
             href="{{ path('portail_sollicitation_index', { page: prevPage, status: filters.status, deadline: filters.deadline }) }}">
            <i class="ti ti-chevron-left"></i>
          </a>
          <span class="btn btn-sm btn-primary disabled">{{ pagination.page }}</span>
          <a class="btn btn-sm btn-light border {{ (pagination.page * pagination.perPage) >= pagination.total ? 'disabled' : '' }}"
             href="{{ path('portail_sollicitation_index', { page: nextPage, status: filters.status, deadline: filters.deadline }) }}">
            <i class="ti ti-chevron-right"></i>
          </a>
        </div>
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}