{% extends '@Commercial/commercial/layout.html.twig' %}
{% block commercial_title %}Partage de mon calendrier{% endblock %}
{% block commercial_content %}
<div class="container-fluid py-4">
  <header class="capsule-heading">
    <div><h1 class="capsule-titre">Partage de mon calendrier</h1><p class="capsule-sous-titre">Définissez l’accès général puis les exceptions individuelles.</p></div>
    <a class="capsule-button capsule-button--secondary" href="{{ path('calendar_dashboard') }}">Calendrier</a>
  </header>
  {% for label,messages in app.flashes %}{% for message in messages %}<div class="alert alert-{{ label }}">{{ message }}</div>{% endfor %}{% endfor %}
  <section class="card p-4 mb-4">
    <h2 class="h5">Accès par défaut dans la société</h2>
    <form method="post" action="{{ path('calendar_sharing_default_update') }}" class="row g-3 align-items-end">
      <input type="hidden" name="_token" value="{{ csrf_token('calendar_sharing_default') }}">
      <div class="col-md-8"><label class="form-label">Tous les membres</label><select class="form-select" name="defaultCompanyAccessLevel"><option value="none" {{ calendar.defaultCompanyAccessLevel == 'none' ? 'selected' : '' }}>Aucun accès</option><option value="read" {{ calendar.defaultCompanyAccessLevel == 'read' ? 'selected' : '' }}>Lecture</option><option value="read_write" {{ calendar.defaultCompanyAccessLevel == 'read_write' ? 'selected' : '' }}>Lecture / écriture</option></select></div>
      <div class="col-md-4"><button class="capsule-button capsule-button--primary">Enregistrer</button></div>
    </form>
  </section>
  <div class="row g-4">
    <div class="col-lg-5"><section class="card p-4">
      <h2 class="h5">Accorder ou exclure un membre</h2>
      <form method="post" action="{{ path('calendar_sharing_grant_create') }}">
        <input type="hidden" name="_token" value="{{ csrf_token('calendar_sharing_grant_create') }}">
        <div class="mb-3"><label class="form-label">Salarié</label><select required class="form-select" name="permission[grantedToUserToken]"><option value="">Sélectionner</option>{% for employee in employees %}{% if employee.id != app.user.id %}<option value="{{ employee.idtoken }}">{{ employee }}</option>{% endif %}{% endfor %}</select></div>
        <div class="mb-3"><label class="form-label">Accès individuel</label><select class="form-select" name="permission[accessLevel]"><option value="none">Aucun (exclusion)</option><option value="read">Lecture</option><option value="read_write">Lecture / écriture</option></select></div>
        <div class="mb-3"><label class="form-label">Visibilité</label><select class="form-select" name="permission[visibilityLevel]"><option value="busy_only">Disponibilités uniquement</option><option value="details">Détails autorisés</option></select></div>
        <label class="form-check mb-2"><input class="form-check-input" type="checkbox" name="permission[canViewTasks]" value="1"> Voir mes tâches</label>
        <label class="form-check mb-2"><input class="form-check-input" type="checkbox" name="permission[canEditOwnCreatedEvents]" value="1" checked> Modifier ses rendez-vous</label>
        <label class="form-check mb-3"><input class="form-check-input" type="checkbox" name="permission[canEditEventsCreatedByOthers]" value="1"> Modifier les autres rendez-vous Capsule</label>
        <button class="capsule-button capsule-button--primary">Enregistrer</button>
      </form>
    </section></div>
    <div class="col-lg-7"><section class="card p-4">
      <h2 class="h5">Accès individuels actifs</h2>
      <div class="table-responsive"><table class="table"><thead><tr><th>Salarié</th><th>Accès</th><th>Visibilité</th><th>Tâches</th><th></th></tr></thead><tbody>
      {% for permission in permissions %}<tr><td>{{ permission.grantedToUser }}</td><td>{{ permission.accessLevel == 'read_write' ? 'Lecture / écriture' : (permission.accessLevel == 'read' ? 'Lecture' : 'Exclu') }}</td><td>{{ permission.visibilityLevel == 'busy_only' ? 'Disponibilités' : 'Détails' }}</td><td>{{ permission.canViewTasks ? 'Oui' : 'Non' }}</td><td><form method="post" action="{{ path('calendar_sharing_grant_revoke',{token:permission.publicId}) }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_sharing_grant_revoke_'~permission.publicId) }}"><button class="btn btn-sm btn-outline-danger">Révoquer</button></form></td></tr>{% else %}<tr><td colspan="5" class="text-muted">Aucun accès individuel.</td></tr>{% endfor %}
      </tbody></table></div>
    </section></div>
  </div>
</div>
{% endblock %}