{% extends '@Communication/communication/layout.html.twig' %}
{% block communication_title %}Programmer une publication{% endblock %}
{% block communication_heading %}Programmer une publication{% endblock %}
{% block communication_content %}
<div class="communication-form-page">
    <form method="post" class="communication-panel">
        <input type="hidden" name="_token" value="{{ csrf_token('communication_publication_save') }}">
        <div class="p-4"><div class="row g-3">
            <div class="col-12"><label class="form-label">Variante *</label><select required class="form-select" name="publication[variantId]"><option value="">Sélectionner…</option>{% for variant in variants %}<option value="{{ variant.id }}" {{ selectedVariantId|default(null) == variant.id ? 'selected' }}>{{ variant.post.internalTitle }} — {{ variant.name }} ({{ variant.platform|communication_label }}){{ variant.post.status in ['approved','scheduled','partially_published','published'] ? '' : ' — non approuvée' }}</option>{% endfor %}</select></div>
            <div class="col-md-4"><label class="form-label">Mode</label><input type="hidden" name="publication[publicationMode]" value="manual"><input disabled class="form-control" value="Publication manuelle"></div>
            <div class="col-md-8"><label class="form-label">Compte cible (facultatif)</label><select class="form-select" name="publication[socialAccountId]"><option value="">Aucun</option>{% for account in accounts %}<option value="{{ account.id }}">{{ account.displayName }} — {{ account.platform|communication_label }}</option>{% endfor %}</select></div>
            <div class="col-md-4"><label class="form-label">Date *</label><input required type="date" min="{{ 'tomorrow'|date('Y-m-d') }}" class="form-control" name="publication[scheduledDate]"></div>
            <div class="col-md-4"><label class="form-label">Heure *</label><input required type="time" class="form-control" name="publication[scheduledTime]" value="09:00"></div>
            <div class="col-md-4"><label class="form-label">Fuseau</label><input required class="form-control" name="publication[timezone]" value="Europe/Paris"></div>
        </div></div>
        <footer class="border-top p-3 d-flex justify-content-end gap-2"><a class="capsule-button capsule-button--secondary" href="{{ path('communication_publication_index') }}">Annuler</a><button class="capsule-button capsule-button--primary"><i class="ti ti-calendar-plus"></i>Programmer</button></footer>
    </form>
</div>
{% endblock %}