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

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
      <div>
        <a href="{{ path('projet_view_sollicitation', { id: projet.idtoken }) }}" class="text-muted small d-inline-block mb-2">
          <i class="ti ti-arrow-left me-1"></i>Retour aux demandes
        </a>
        <div class="d-flex align-items-center gap-2 mb-1">
          <h2 class="mb-0">{{ sollicitation.titre }}</h2>
          {% set globalStatusClass = {
            'draft': 'bg-light text-secondary',
            'sent': 'bg-success-subtle text-success',
            'in_progress': 'bg-primary-subtle text-primary',
            'completed': 'bg-info-subtle text-info'
          }[sollicitation.statut]|default('bg-light text-secondary') %}
          <span class="badge {{ globalStatusClass }}">{{ sollicitation.statut|replace({'_':' '})|title }}</span>
        </div>
        <div class="text-muted d-flex flex-wrap gap-3 small">
          <span><i class="ti ti-folder me-1"></i>{{ projet.titre }}</span>
          <span><i class="ti ti-calendar-event me-1"></i>Échéance : {{ sollicitation.deadlineAt ? sollicitation.deadlineAt|date('d/m/Y') : '-' }}</span>
          <span><i class="ti ti-clock me-1"></i>Créée : {{ sollicitation.createdAt ? sollicitation.createdAt|date('d/m/Y') : '-' }}</span>
        </div>
        <div class="d-flex align-items-center gap-2 mt-2" style="max-width:480px;">
          <span class="small fw-semibold">Progression : {{ progress.submitted }}/{{ progress.total }}</span>
          <div class="progress flex-grow-1" style="height:8px;">
            <div class="progress-bar bg-primary" style="width: {{ progress.percent }}%"></div>
          </div>
          <span class="small fw-semibold">{{ progress.percent }}%</span>
        </div>
      </div>
      <div class="d-flex gap-2">
        <form method="post" action="{{ path('projet_sollicitation_relance', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken }) }}">
          <button class="btn btn-light border"><i class="ti ti-send me-1"></i>Envoyer relance</button>
        </form>
        <a class="btn btn-light border" href="{{ path('projet_sollicitation_export_zip', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken }) }}">
          <i class="ti ti-download me-1"></i>Exporter ZIP
        </a>
        {% if sollicitation.statut != 'completed' %}
          <form method="post" action="{{ path('projet_sollicitation_close', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken }) }}">
            <input type="hidden" name="_token" value="{{ csrf_token('close_sollicitation_' ~ sollicitation.idtoken) }}">
            <button class="btn btn-outline-danger"><i class="ti ti-x me-1"></i>Clôturer</button>
          </form>
        {% endif %}
      </div>
    </div>

    <div class="row g-3">
      <div class="col-lg-9">
        <div class="card border rounded-4">
          <div class="card-body p-4">
            <h4 class="mb-3">Instructions de la demande</h4>
            <p class="mb-3">{{ step3Values.instructions ?: (sollicitation.instructions ?: 'Aucune instruction') }}</p>

            {% if step3Values.requirements %}
              <h6 class="mb-2">Exigences</h6>
              <ul class="mb-4">
                {% for requirement in step3Values.requirements|split('|') %}
                  {% if requirement|trim != '' %}
                    <li>{{ requirement|trim }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
            {% endif %}

            <h6 class="mb-3">Documents modèles</h6>
            <div class="row g-2">
              {% set hasTemplate = false %}
              {% for piece in sollicitation.piecesJointes %}
                {% if not piece.deleted %}
                  {% set hasTemplate = true %}
                  <div class="col-md-6">
                    <a href="{{ path('projet_sollicitation_template_download', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken, pieceId: piece.idtoken }) }}"
                       class="border rounded-3 p-3 d-flex justify-content-between align-items-center text-decoration-none text-dark">
                      <div class="d-flex align-items-center gap-2">
                        <i class="ti ti-file fs-6 text-primary"></i>
                        <div>
                          <div class="fw-semibold">{{ piece.nomOriginal }}</div>
                          <small class="text-muted">{{ piece.size ? (piece.size / 1024)|number_format(0, ',', ' ') ~ ' Ko' : '' }}</small>
                        </div>
                      </div>
                      <i class="ti ti-download text-muted"></i>
                    </a>
                  </div>
                {% endif %}
              {% endfor %}
              {% if not hasTemplate %}
                <div class="col-12"><div class="text-muted small">Aucun document modèle</div></div>
              {% endif %}
            </div>
          </div>
        </div>

        <div class="card border rounded-4 mt-3">
          <div class="card-body p-0">
            <div class="p-4 pb-3">
              <h4 class="mb-0">Suivi des réponses partenaires</h4>
            </div>
            <div class="table-responsive">
              <table class="table align-middle mb-0">
                <thead>
                  <tr>
                    <th>Partenaire</th>
                    <th>Statut</th>
                    <th>Date de soumission</th>
                    <th>Dernière activité</th>
                    <th class="text-end">Actions</th>
                  </tr>
                </thead>
                <tbody>
                {% for cible in cibles %}
                  {% set reponse = reponses[cible.idtoken]|default(null) %}
                  {% set status = workflowService.getCibleDisplayStatus(sollicitation, cible) %}
                  {% set statusClass = {
                    'non_ouvert': 'bg-light text-secondary',
                    'ouvert': 'bg-warning-subtle text-warning',
                    'en_cours': 'bg-primary-subtle text-primary',
                    'soumis': 'bg-success-subtle text-success',
                    'valide': 'bg-info-subtle text-info',
                    'refuse': 'bg-danger-subtle text-danger',
                    'relance': 'bg-warning-subtle text-warning',
                    'overdue': 'bg-danger-subtle text-danger'
                  }[status]|default('bg-light text-secondary') %}
                  {% set lastActivity = workflowService.getCibleLastActivityAt(cible) %}
                  <tr>
                    <td>
                      <div class="fw-semibold">{{ cible.mecene.nom }}</div>
                      <small class="text-muted">{{ cible.mecene.email ?: '-' }}</small>
                    </td>
                    <td>
                      <span class="badge {{ statusClass }}">{{ status|replace({'_':' '})|title }}</span>
                    </td>
                    <td>{{ reponse and reponse.submittedAt ? reponse.submittedAt|date('d/m/Y H:i') : '-' }}</td>
                    <td>{{ workflowService.getRelativeTimeLabel(lastActivity) }}</td>
                    <td class="text-end">
                      <a href="{{ path('projet_sollicitation_submission_modal', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken, cibleId: cible.idtoken }) }}"
                         class="btn btn-sm btn-link text-primary text-decoration-none"
                         data-turbo-frame="modal-frame">Voir soumission</a>
                      <span class="text-muted mx-1">|</span>
                      <form method="post" action="{{ path('projet_sollicitation_relance', { idtoken: projet.idtoken, sollicitationId: sollicitation.idtoken }) }}" class="d-inline">
                        <input type="hidden" name="cibleId" value="{{ cible.idtoken }}">
                        <button class="btn btn-sm btn-link text-decoration-none p-0">Relancer</button>
                      </form>
                    </td>
                  </tr>
                {% else %}
                  <tr><td colspan="5" class="text-center text-muted py-4">Aucun partenaire ciblé.</td></tr>
                {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-3">
        <div class="card border rounded-4">
          <div class="card-body p-4">
            <h4 class="mb-3">Timeline de la demande</h4>
            {% for event in events|slice(0, 8) %}
              {% set iconClass = event.type starts with 'SENT' ? 'ti ti-send text-primary' : (event.type starts with 'REMINDER' ? 'ti ti-bell text-warning' : (event.type starts with 'RESPONSE' ? 'ti ti-file-check text-success' : 'ti ti-circle-check text-secondary')) %}
              <div class="d-flex gap-3 mb-3">
                <span class="rounded-circle bg-light d-inline-flex align-items-center justify-content-center" style="width:32px;height:32px;">
                  <i class="{{ iconClass }}"></i>
                </span>
                <div>
                  <div class="fw-semibold">{{ event.message }}</div>
                  <div class="text-muted small">{{ event.createdAt|date('d/m/Y H:i') }}</div>
                </div>
              </div>
            {% else %}
              <div class="text-muted">Aucune activité.</div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}