{% extends 'admin/layout.html.twig' %}
{% block title %}Communications — {{ project.name }}{% endblock %}
{% block admin_body %}
<div class="d-flex justify-content-between align-items-start mb-4"><div><h1 class="h3 mb-1">Site public & communications</h1><p class="text-secondary mb-0">SMTP et protection anti-spam propres à {{ project.name }}.</p></div></div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white p-4 d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-center">
        <div>
            <strong>État du site public</strong>
            <div class="small text-secondary">Diagnostic de l'hôte utilisé actuellement par le back-office.</div>
        </div>
        <span class="badge {{ diagnostics.public_enabled and diagnostics.https and diagnostics.app_secret ? 'text-bg-success' : 'text-bg-warning' }} align-self-start">
            {{ diagnostics.public_enabled and diagnostics.https and diagnostics.app_secret ? 'Base prête' : 'À vérifier' }}
        </span>
    </div>
    <div class="card-body p-4">
        <div class="row g-3">
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">Environnement</div><div class="fw-semibold">{{ diagnostics.environment|upper }}</div><div class="small text-secondary mt-1">PHP {{ constant('PHP_VERSION') }} · {{ diagnostics.php_sapi }}</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">HTTPS</div><div class="fw-semibold {{ diagnostics.https ? 'text-success' : 'text-danger' }}"><i class="bi {{ diagnostics.https ? 'bi-shield-check' : 'bi-shield-exclamation' }} me-1"></i>{{ diagnostics.https ? 'Détecté' : 'Non détecté' }}</div><div class="small text-secondary mt-1">{{ diagnostics.host }}</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">Indexation</div><div class="fw-semibold {{ diagnostics.indexable ? 'text-success' : 'text-secondary' }}">{{ diagnostics.indexable ? 'Autorisée' : 'Bloquée' }}</div><div class="small text-secondary mt-1">{{ diagnostics.indexable ? 'Domaine racine / www en prod' : 'Local, démo ou sous-domaine' }}</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">APP_SECRET</div><div class="fw-semibold {{ diagnostics.app_secret ? 'text-success' : 'text-danger' }}">{{ diagnostics.app_secret ? 'Configuré' : 'À renforcer' }}</div><div class="small text-secondary mt-1">Le secret n'est jamais affiché.</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">SMTP</div><div class="fw-semibold {{ diagnostics.smtp ? 'text-success' : 'text-secondary' }}">{{ diagnostics.smtp ? 'Configuré' : 'Incomplet' }}</div><div class="small text-secondary mt-1">Utilise le bouton de test plus bas.</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">reCAPTCHA</div><div class="fw-semibold {{ diagnostics.recaptcha ? 'text-success' : 'text-warning' }}">{% if not diagnostics.recaptcha_enabled %}Désactivé{% elseif diagnostics.recaptcha %}Configuré{% else %}Incomplet{% endif %}</div><div class="small text-secondary mt-1">Protection du formulaire public.</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">Domaine principal</div><div class="fw-semibold text-break">{{ diagnostics.primary_domain ?: 'Non défini' }}</div><div class="small text-secondary mt-1">{{ diagnostics.domains|length }} domaine{{ diagnostics.domains|length > 1 ? 's' : '' }} actif{{ diagnostics.domains|length > 1 ? 's' : '' }}</div></div></div>
            <div class="col-md-6 col-xl-3"><div class="border rounded p-3 h-100"><div class="small text-secondary">SEO technique</div><div class="small"><a href="{{ diagnostics.robots_url }}" target="_blank" rel="noopener">robots.txt</a> · <a href="{{ diagnostics.sitemap_url }}" target="_blank" rel="noopener">sitemap.xml</a></div><div class="small text-secondary mt-1">À contrôler après chaque déploiement.</div></div></div>
        </div>
        {% if diagnostics.environment == 'prod' and not diagnostics.https %}<div class="alert alert-warning mt-3 mb-0"><i class="bi bi-exclamation-triangle me-1"></i>Symfony ne détecte pas HTTPS sur cette requête. Si Apache sert pourtant la page en HTTPS, vérifie la chaîne Apache/PHP avant d'activer les cookies Secure stricts.</div>{% endif %}
    </div>
</div>
<form method="post" class="row g-4"><input type="hidden" name="_token" value="{{ csrf_token('project-communications-'~project.id) }}">
<div class="col-xl-7"><div class="card border-0 shadow-sm"><div class="card-header bg-white p-4"><strong>Serveur SMTP</strong><div class="small text-secondary">Utilisé pour les notifications du formulaire public de ce projet uniquement.</div></div><div class="card-body p-4"><div class="row g-3">
<div class="col-md-8"><label class="form-label">Hôte SMTP</label><input class="form-control" name="smtp_host" value="{{ project.smtpHost }}" placeholder="smtp.exemple.fr"></div><div class="col-md-4"><label class="form-label">Port</label><input class="form-control" type="number" name="smtp_port" value="{{ project.smtpPort ?: 587 }}"></div>
<div class="col-md-4"><label class="form-label">Sécurité</label><select class="form-select" name="smtp_encryption"><option value="tls" {{ project.smtpEncryption=='tls'?'selected':'' }}>STARTTLS</option><option value="ssl" {{ project.smtpEncryption=='ssl'?'selected':'' }}>SSL/TLS direct</option><option value="none" {{ project.smtpEncryption=='none'?'selected':'' }}>Aucune</option></select></div><div class="col-md-8"><label class="form-label">Utilisateur</label><input class="form-control" name="smtp_username" value="{{ project.smtpUsername }}"></div>
<div class="col-12"><label class="form-label">Mot de passe</label><input class="form-control" type="password" name="smtp_password" placeholder="{{ project.hasSmtpPassword ? 'Secret déjà enregistré — laisser vide pour conserver' : 'Mot de passe SMTP' }}"><div class="form-check mt-2"><input class="form-check-input" type="checkbox" name="clear_smtp_password" value="1" id="clearSmtp"><label class="form-check-label small" for="clearSmtp">Supprimer le mot de passe enregistré</label></div></div>
<div class="col-md-6"><label class="form-label">Adresse expéditeur</label><input class="form-control" type="email" name="smtp_from_email" value="{{ project.smtpFromEmail }}" placeholder="contact@domaine.fr"></div><div class="col-md-6"><label class="form-label">Nom expéditeur</label><input class="form-control" name="smtp_from_name" value="{{ project.smtpFromName }}" placeholder="{{ project.publicName ?: project.name }}"></div><div class="col-12"><label class="form-label">Reply-To par défaut</label><input class="form-control" type="email" name="smtp_reply_to" value="{{ project.smtpReplyTo }}"></div>
</div></div></div></div>
<div class="col-xl-5"><div class="card border-0 shadow-sm"><div class="card-header bg-white p-4"><strong>Google reCAPTCHA v3</strong><div class="small text-secondary">Clés liées au domaine public de ce projet.</div></div><div class="card-body p-4"><div class="form-check form-switch mb-3"><input class="form-check-input" type="checkbox" name="recaptcha_enabled" value="1" id="recaptchaEnabled" {{ project.recaptchaEnabled?'checked':'' }}><label class="form-check-label" for="recaptchaEnabled">Activer reCAPTCHA v3</label></div><label class="form-label">Clé publique / Site key</label><input class="form-control mb-3" name="recaptcha_site_key" value="{{ project.recaptchaSiteKey }}"><label class="form-label">Clé privée / Secret key</label><input class="form-control" type="password" name="recaptcha_secret" placeholder="{{ project.hasRecaptchaSecret ? 'Secret déjà enregistré — laisser vide pour conserver' : 'Secret key' }}"><div class="form-check my-2"><input class="form-check-input" type="checkbox" name="clear_recaptcha_secret" value="1" id="clearCaptcha"><label class="form-check-label small" for="clearCaptcha">Supprimer le secret enregistré</label></div><label class="form-label mt-2">Seuil</label><input class="form-control" type="number" step="0.1" min="0" max="1" name="recaptcha_threshold" value="{{ project.recaptchaThreshold }}"><div class="mt-4 small"><div>SMTP : <strong class="{{ project.smtpHost and project.smtpFromEmail ? 'text-success':'text-secondary' }}">{{ project.smtpHost and project.smtpFromEmail ? 'configuré':'à configurer' }}</strong></div><div>reCAPTCHA : <strong class="{{ project.recaptchaEnabled and project.recaptchaSiteKey and project.hasRecaptchaSecret ? 'text-success':'text-secondary' }}">{{ project.recaptchaEnabled and project.recaptchaSiteKey and project.hasRecaptchaSecret ? 'configuré':'désactivé / incomplet' }}</strong></div></div></div></div></div>
<div class="col-12"><div class="card border-0 shadow-sm"><div class="card-header bg-white p-4 d-flex justify-content-between align-items-start gap-3"><div><strong>Google Calendar</strong><div class="small text-secondary">Synchronisation des dates confirmées de ce projet vers son propre calendrier Google.</div></div><button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#calendarHelpModal"><i class="bi bi-question-circle me-1"></i>Guide de configuration</button></div><div class="card-body p-4"><div class="row g-3">
<div class="col-12"><div class="form-check form-switch"><input class="form-check-input" type="checkbox" name="google_calendar_enabled" value="1" id="googleCalendarEnabled" {{ project.googleCalendarEnabled ? 'checked' : '' }}><label class="form-check-label" for="googleCalendarEnabled">Activer la synchronisation Google Calendar</label></div></div>
<div class="col-md-6"><label class="form-label">ID du calendrier</label><input class="form-control" name="google_calendar_id" value="{{ project.googleCalendarId }}" placeholder="ex. abc123@group.calendar.google.com"><div class="form-text">Pour le calendrier principal, l'ID peut être l'adresse Gmail du compte.</div></div>
<div class="col-md-6"><label class="form-label">E-mail du compte de service</label><input class="form-control" type="email" name="google_calendar_service_account_email" value="{{ project.googleCalendarServiceAccountEmail }}" placeholder="...@....iam.gserviceaccount.com"></div>
<div class="col-md-8"><label class="form-label">Clé privée du compte de service</label><textarea class="form-control font-monospace" rows="4" name="google_calendar_private_key" placeholder="{{ project.hasGoogleCalendarPrivateKey ? 'Clé déjà enregistrée — laisser vide pour conserver' : '-----BEGIN PRIVATE KEY-----' }}"></textarea><div class="form-check mt-2"><input class="form-check-input" type="checkbox" name="clear_google_calendar_private_key" value="1" id="clearCalendarKey"><label class="form-check-label small" for="clearCalendarKey">Supprimer la clé privée enregistrée</label></div></div>
<div class="col-md-4"><label class="form-label">Fuseau horaire</label><input class="form-control" name="google_calendar_timezone" value="{{ project.googleCalendarTimezone ?: 'Europe/Paris' }}"><div class="mt-3">État : <strong class="{{ diagnostics.calendar ? 'text-success':'text-secondary' }}">{{ diagnostics.calendar ? 'configuré':'désactivé / incomplet' }}</strong></div></div>
</div></div></div></div>
<div class="col-12"><button class="btn btn-dark">Enregistrer</button></div></form>
<div class="card border-0 shadow-sm mt-4"><div class="card-body p-4"><form method="post" action="{{ path('admin_project_communications_test') }}" class="d-flex flex-column flex-md-row gap-2 align-items-md-end"><input type="hidden" name="_token" value="{{ csrf_token('project-communications-test-'~project.id) }}"><div class="flex-grow-1"><label class="form-label">E-mail de test</label><input class="form-control" type="email" name="test_email" value="{{ project.contactEmail ?: project.smtpFromEmail }}"></div><button class="btn btn-outline-dark">Envoyer un e-mail de test</button></form></div></div>

<div class="card border-0 shadow-sm mt-4"><div class="card-body p-4"><div class="d-flex flex-column flex-lg-row gap-3 justify-content-between align-items-lg-center"><div><strong>Google Calendar — outils</strong><div class="small text-secondary">Teste l'accès ou synchronise les dates confirmées déjà présentes dans l'application.</div></div><div class="d-flex flex-wrap gap-2"><form method="post" action="{{ path('admin_project_communications_calendar_test') }}"><input type="hidden" name="_token" value="{{ csrf_token('project-calendar-test-'~project.id) }}"><button class="btn btn-outline-dark" {% if not diagnostics.calendar %}disabled{% endif %}><i class="bi bi-plug me-1"></i>Tester la connexion</button></form><form method="post" action="{{ path('admin_project_communications_calendar_sync_existing') }}" onsubmit="return confirm('Synchroniser toutes les dates confirmées de ce projet avec Google Calendar ?');"><input type="hidden" name="_token" value="{{ csrf_token('project-calendar-sync-'~project.id) }}"><button class="btn btn-outline-primary" {% if not diagnostics.calendar %}disabled{% endif %}><i class="bi bi-calendar-check me-1"></i>Synchroniser les dates existantes</button></form></div></div></div></div>

<div class="modal fade" id="calendarHelpModal" tabindex="-1"><div class="modal-dialog modal-xl modal-dialog-scrollable"><div class="modal-content"><div class="modal-header"><div><h5 class="modal-title">Configurer Google Calendar pour un projet</h5><div class="small text-secondary">Méthode recommandée : un compte de service Google Cloud et un calendrier dédié partagé avec ce compte.</div></div><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><ol class="mb-0">
<li class="mb-3"><strong>Créer ou choisir un projet Google Cloud.</strong> Ouvre Google Cloud Console et crée un projet dédié si nécessaire.</li>
<li class="mb-3"><strong>Activer Google Calendar API.</strong> Dans « API et services » → « Bibliothèque », recherche Google Calendar API puis active-la.</li>
<li class="mb-3"><strong>Créer un compte de service.</strong> « API et services » → « Identifiants » → « Créer des identifiants » → « Compte de service ».</li>
<li class="mb-3"><strong>Créer une clé JSON.</strong> Ouvre le compte de service → « Clés » → « Ajouter une clé » → JSON. Dans le fichier téléchargé, récupère <code>client_email</code> et <code>private_key</code>. Colle-les dans les champs de cette page. La clé privée est chiffrée en base.</li>
<li class="mb-3"><strong>Créer un calendrier Google dédié</strong> si tu ne veux pas utiliser ton calendrier principal : Google Calendar → « Autres agendas » → « Créer un agenda ».</li>
<li class="mb-3"><strong>Partager le calendrier avec le compte de service.</strong> Paramètres du calendrier → « Partager avec des personnes ou des groupes » → ajoute l'adresse <code>client_email</code> du compte de service avec le droit <em>Apporter des modifications aux événements</em>.</li>
<li class="mb-3"><strong>Copier l'ID du calendrier.</strong> Paramètres → « Intégrer l'agenda » → « ID de l'agenda », puis colle cet ID ici.</li>
<li><strong>Enregistrer puis utiliser « Tester la connexion ».</strong> Les dates confirmées seront ensuite créées ou mises à jour automatiquement dans ce calendrier.</li>
</ol><div class="alert alert-warning mt-4 mb-0"><strong>Important :</strong> ne partage jamais le fichier JSON ou la clé privée. Chaque projet artistique peut utiliser son propre compte de service et son propre calendrier.</div></div></div></div></div>

{% endblock %}