{% extends '@Commercial/commercial/layout.html.twig' %}
{% block commercial_title %}Demandes de rendez-vous{% endblock %}
{% block commercial_content %}
<div class="container-fluid py-4">
  <header class="capsule-heading"><div><h1 class="capsule-titre">Demandes de rendez-vous</h1><p class="capsule-sous-titre">Proposez et traitez les rendez-vous entre collègues.</p></div><a class="capsule-button capsule-button--secondary" href="{{ path('calendar_dashboard') }}"><i class="ti ti-arrow-left"></i>Calendrier</a></header>
  {% for label,messages in app.flashes %}{% for message in messages %}<div class="alert alert-{{ label }}">{{ message }}</div>{% endfor %}{% endfor %}
  {% if bookablePermissions %}<section class="card p-4 mb-4"><h2 class="h5">Nouveau rendez-vous chez un collègue</h2>
    {% for permission in bookablePermissions %}<details class="border rounded p-3 mb-2"><summary>{{ permission.calendar.owner }} · {{ permission.bookingLevel == 'direct' ? 'Ajout direct' : 'Demande avec validation' }}</summary>
      <form class="row g-3 mt-1" method="post" action="{{ permission.bookingLevel == 'direct' ? path('calendar_booking_direct_create',{userToken:permission.calendar.owner.idtoken}) : path('calendar_booking_request_create',{userToken:permission.calendar.owner.idtoken}) }}">
        <input type="hidden" name="_token" value="{{ csrf_token(permission.bookingLevel == 'direct' ? 'calendar_booking_direct_' ~ permission.calendar.publicId : 'calendar_booking_request_create_' ~ permission.calendar.publicId) }}">
        <div class="col-md-6"><label class="form-label">Titre</label><input required class="form-control" name="booking[title]"></div><div class="col-md-3"><label class="form-label">Début</label><input required type="datetime-local" class="form-control" name="booking[startsAt]"></div><div class="col-md-3"><label class="form-label">Fin</label><input required type="datetime-local" class="form-control" name="booking[endsAt]"></div>
        <div class="col-md-6"><label class="form-label">Lieu</label><input class="form-control" name="booking[location]"></div><div class="col-md-6"><label class="form-label">Visibilité</label><select class="form-select" name="booking[visibilityLevel]"><option value="details">Détails visibles</option><option value="busy_only">Occupé uniquement</option><option value="private">Privé</option></select></div>
        <div class="col-12"><label class="form-label">Description</label><textarea class="form-control" name="booking[description]"></textarea><input type="hidden" name="booking[timeZone]" value="Europe/Paris"><input type="hidden" name="booking[blocksAvailability]" value="1"></div><div class="col-12"><button class="capsule-button capsule-button--primary">{{ permission.bookingLevel == 'direct' ? 'Ajouter' : 'Envoyer la demande' }}</button></div>
      </form></details>{% endfor %}
  </section>{% endif %}
  <section class="card p-4 mb-4"><h2 class="h5">Reçues</h2>{% for booking in incoming %}<article class="border rounded p-3 mb-3"><div class="d-flex justify-content-between gap-3"><div><strong>{{ booking.title }}</strong><div class="text-muted">{{ booking.startsAt|date('d/m/Y à H:i') }} — {{ booking.requestedBy }}</div>{% if booking.description %}<p class="mb-0 mt-2">{{ booking.description }}</p>{% endif %}</div><span>{{ booking.status }}</span></div>{% if booking.status == 'pending' %}<div class="d-flex gap-2 mt-3"><form method="post" action="{{ path('calendar_booking_request_accept',{token:booking.publicId}) }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_booking_request_accept_' ~ booking.publicId) }}"><button class="btn btn-success btn-sm">Accepter</button></form><form class="d-flex gap-2" method="post" action="{{ path('calendar_booking_request_decline',{token:booking.publicId}) }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_booking_request_decline_' ~ booking.publicId) }}"><input class="form-control form-control-sm" name="comment" placeholder="Motif facultatif"><button class="btn btn-outline-danger btn-sm">Refuser</button></form></div>{% endif %}</article>{% else %}<p class="text-muted">Aucune demande reçue.</p>{% endfor %}</section>
  <section class="card p-4"><h2 class="h5">Envoyées</h2>{% for booking in outgoing %}<div class="d-flex justify-content-between border-bottom py-2"><span>{{ booking.title }} · {{ booking.requestedFor }}</span><span>{{ booking.status }}</span></div>{% else %}<p class="text-muted">Aucune demande envoyée.</p>{% endfor %}</section>
</div>
{% endblock %}