{% extends '@Commercial/commercial/layout.html.twig' %}
{% block commercial_title %}Calendrier Google société{% endblock %}
{% block commercial_content %}
<div class="container-fluid py-4">
  <header class="capsule-heading">
    <div><h1 class="capsule-titre">Calendrier Google société</h1><p class="capsule-sous-titre">Connectez le calendrier partagé utilisé pour les événements communs.</p></div>
    <a class="capsule-button capsule-button--secondary" href="{{ path('calendar_dashboard') }}"><i class="ti ti-arrow-left"></i>Retour</a>
  </header>
  <section class="card p-4">
    {% if not googleAccount or not googleAccount.connected %}
      <div class="text-center py-5"><i class="ti ti-brand-google fs-1"></i><h2 class="h5 mt-3">Aucun calendrier société connecté</h2><p class="text-muted">Le compte autorisant OAuth doit disposer du rôle propriétaire ou éditeur sur le calendrier partagé.</p><a class="capsule-button capsule-button--primary" href="{{ path('calendar_google_company_connect') }}">Connecter Google</a></div>
    {% else %}
      <div class="d-flex justify-content-between align-items-center gap-3 mb-4"><div><strong>{{ googleAccount.googleAccountEmail }}</strong><div class="text-muted small">Connecté par {{ googleAccount.authorizedBy }}</div></div><div class="d-flex gap-2"><form method="post" action="{{ path('calendar_google_company_refresh') }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_google_company_refresh') }}"><button class="capsule-button capsule-button--secondary">Actualiser</button></form><form method="post" action="{{ path('calendar_google_sync_now') }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_google_sync_now') }}"><button class="capsule-button capsule-button--primary">Synchroniser</button></form></div></div>
      <form method="post" action="{{ path('calendar_google_company_select') }}">
        <input type="hidden" name="_token" value="{{ csrf_token('calendar_google_company_select') }}">
        <div class="table-responsive"><table class="table align-middle"><thead><tr><th></th><th>Calendrier</th><th>Rôle Google</th><th>Fuseau</th><th>Google Meet</th><th>État</th></tr></thead><tbody>{% for source in calendarSources %}<tr><td><input type="radio" name="calendar_source_id" value="{{ source.id }}" {{ source.defaultForAppointments ? 'checked' }} {{ source.accessRole not in ['owner','writer'] ? 'disabled' }} required></td><td><span class="d-inline-block rounded-circle me-2" style="width:10px;height:10px;background:{{ source.color }}"></span>{{ source.name }}{% if source.primary %} <span class="badge bg-light text-dark">Principal</span>{% endif %}</td><td>{{ source.accessRole }}</td><td>{{ source.timeZone }}</td><td>{% if source.googleMeetCapability == 'supported' %}<span class="badge bg-success-subtle text-success">Compatible</span>{% elseif source.googleMeetCapability == 'unsupported' %}<span class="badge bg-danger-subtle text-danger">Non autorisé</span>{% else %}<span class="badge bg-warning-subtle text-warning">À vérifier</span>{% endif %}</td><td>{{ source.accessRole in ['owner','writer'] ? 'Écriture autorisée' : 'Lecture seule' }}</td></tr>{% else %}<tr><td colspan="6" class="text-center text-muted py-4">Actualisez la liste des calendriers.</td></tr>{% endfor %}</tbody></table></div>
        {% if calendarSources %}<button class="capsule-button capsule-button--primary">Utiliser ce calendrier partagé</button>{% endif %}
      </form>
      <hr><form method="post" action="{{ path('calendar_google_company_disconnect') }}" onsubmit="return confirm('Déconnecter le calendrier société ?')"><input type="hidden" name="_token" value="{{ csrf_token('calendar_google_company_disconnect') }}"><button class="capsule-button capsule-button--secondary text-danger">Déconnecter</button></form>
    {% endif %}
  </section>
</div>
{% endblock %}