{% extends '@Communication/communication/layout.html.twig' %}

{% block communication_title %}{{ publication.post.internalTitle }} · Planification{% endblock %}
{% block communication_header %}{% endblock %}

{% block communication_content %}
{% set statusLabels = {
    draft:'Brouillon',scheduled:'Planifiée',queued:'En file d’attente',processing:'En cours',
    published:'Publiée',failed:'Échec',retry_scheduled:'Relance planifiée',cancelled:'Annulée'
} %}
{% set eventLabels = {
    scheduled:'Publication programmée',rescheduled:'Programmation modifiée',
    manual_publication_confirmed:'Publication manuelle confirmée',
    retry_scheduled:'Nouvelle tentative planifiée',cancelled:'Publication annulée'
} %}
{% set eventIcons = {
    scheduled:'solar:calendar-add-bold-duotone',rescheduled:'solar:calendar-mark-bold-duotone',
    manual_publication_confirmed:'solar:check-circle-bold-duotone',
    retry_scheduled:'solar:restart-bold-duotone',cancelled:'solar:close-circle-bold-duotone'
} %}
{% set platformLabels = {
    generic:'Générique',linkedin:'LinkedIn',twitter:'X / Twitter',
    instagram:'Instagram',facebook:'Facebook',threads:'Threads',
    tiktok:'TikTok',youtube:'YouTube',pinterest:'Pinterest'
} %}
{% set platformIcons = {
    generic:'solar:global-broken',linkedin:'mdi:linkedin',twitter:'ri:twitter-x-fill',
    instagram:'mdi:instagram',facebook:'mdi:facebook',threads:'simple-icons:threads',
    tiktok:'ic:baseline-tiktok',youtube:'mdi:youtube',pinterest:'mdi:pinterest'
} %}
{% set modeLabels = {manual:'Manuelle',api:'Automatique'} %}
{% set content = publication.contentSnapshot.content|default(publication.variant.content|default('')) %}
{% set contentTitle = publication.contentSnapshot.title|default(publication.variant.title|default(null)) %}
{% set hashtags = publication.contentSnapshot.hashtags|default(publication.variant.hashtags|default([])) %}
{% set media = publication.mediaSnapshot|default([]) %}
{% set safeExternalUrl = publication.externalPostUrl and (publication.externalPostUrl starts with 'https://' or publication.externalPostUrl starts with 'http://') ? publication.externalPostUrl : null %}

<div class="cpost-show cpublication-show">
    <header class="cpost-show-top capsule-heading">
        <div class="cpost-show-title capsule-heading-main">
            <a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('communication_post_index') }}">
                <iconify-icon icon="solar:arrow-left-linear"></iconify-icon>Retour
            </a>
            <div class="capsule-heading-content">
                <h1 class="capsule-heading-title">{{ publication.post.internalTitle }}</h1>
                <p class="capsule-heading-subtitle">Consultez le détail, le suivi et les actions de cette planification.</p>
            </div>
        </div>
        <div class="cpost-show-actions">
            <span class="is-status cpublication-status is-{{ publication.status }}">
                <i></i>{{ statusLabels[publication.status]|default(publication.status|replace({'_':' '})) }}
            </span>
            <a href="{{ path('communication_post_show', {idtoken:publication.post.idtoken}) }}">
                <iconify-icon icon="solar:document-text-linear"></iconify-icon>Voir la publication
            </a>
            {% if safeExternalUrl %}
                <a class="is-primary" href="{{ safeExternalUrl }}" target="_blank" rel="noopener noreferrer">
                    <iconify-icon icon="solar:square-arrow-right-up-linear"></iconify-icon>Voir sur le réseau
                </a>
            {% endif %}
        </div>
    </header>

    <div class="cpost-show-meta">
        <strong>Diffusion</strong>
        <span class="cpublication-platform is-{{ publication.platform }}">
            <iconify-icon icon="{{ platformIcons[publication.platform]|default(platformIcons.generic) }}"></iconify-icon>
            {{ platformLabels[publication.platform]|default(publication.platform|capitalize) }}
        </span>
        <span>
            <iconify-icon icon="solar:user-id-linear"></iconify-icon>
            {{ publication.socialAccount ? publication.socialAccount.displayName : 'Aucun compte spécifique' }}
        </span>
        <span>
            <iconify-icon icon="{{ publication.publicationMode == 'api' ? 'solar:bolt-linear' : 'solar:hand-shake-linear' }}"></iconify-icon>
            Mode {{ modeLabels[publication.publicationMode]|default(publication.publicationMode) }}
        </span>
        <div>
            <em><iconify-icon icon="solar:calendar-linear"></iconify-icon>Créée le {{ publication.createdAt|date('d/m/Y à H:i') }}</em>
            <em><iconify-icon icon="solar:refresh-linear"></iconify-icon>Mise à jour le {{ publication.updatedAt|date('d/m/Y à H:i') }}</em>
        </div>
    </div>

    <div class="cpost-show-layout">
        <main>
            <section class="cpost-detail-card">
                <header>
                    <i class="is-purple"><iconify-icon icon="solar:calendar-bold-duotone"></iconify-icon></i>
                    <div><h2>Détails de la planification</h2><p>Date, canal et paramètres retenus pour la diffusion.</p></div>
                    <span>{{ publication.timezone }}</span>
                </header>
                <div class="cpublication-detail-grid">
                    <article>
                        <i class="is-purple"><iconify-icon icon="solar:calendar-date-bold-duotone"></iconify-icon></i>
                        <span><small>Date prévue</small><strong>{{ publication.scheduledAt ? publication.scheduledAt|date('d/m/Y') : 'Non définie' }}</strong></span>
                    </article>
                    <article>
                        <i class="is-blue"><iconify-icon icon="solar:clock-circle-bold-duotone"></iconify-icon></i>
                        <span><small>Heure</small><strong>{{ publication.scheduledAt ? publication.scheduledAt|date('H:i') : '—' }}</strong></span>
                    </article>
                    <article>
                        <i class="is-green"><iconify-icon icon="{{ platformIcons[publication.platform]|default(platformIcons.generic) }}"></iconify-icon></i>
                        <span><small>Plateforme</small><strong>{{ platformLabels[publication.platform]|default(publication.platform|capitalize) }}</strong></span>
                    </article>
                    <article>
                        <i class="is-slate"><iconify-icon icon="solar:map-point-wave-bold-duotone"></iconify-icon></i>
                        <span><small>Fuseau horaire</small><strong>{{ publication.timezone }}</strong></span>
                    </article>
                </div>
            </section>

            <section class="cpost-detail-card">
                <header>
                    <i class="is-blue"><iconify-icon icon="solar:pen-new-square-bold-duotone"></iconify-icon></i>
                    <div>
                        <h2>Contenu programmé</h2>
                        <p>{{ publication.variant.name }} · version {{ publication.variant.contentVersion }}</p>
                    </div>
                    <span>{{ content|length }} / 3 000</span>
                </header>
                {% if contentTitle %}<h3 class="cpublication-content-title">{{ contentTitle }}</h3>{% endif %}
                <div class="cpost-content">{{ content ? content|nl2br : 'Aucun contenu enregistré dans la planification.' }}</div>
                {% if hashtags %}
                    <div class="cpost-tags cpublication-tags">
                        {% for hashtag in hashtags %}<span>#{{ hashtag }}</span>{% endfor %}
                    </div>
                {% endif %}
            </section>

            {% if media %}
                <section class="cpost-detail-card">
                    <header>
                        <i class="is-green"><iconify-icon icon="solar:paperclip-bold-duotone"></iconify-icon></i>
                        <div><h2>Médias planifiés</h2><p>{{ media|length }} fichier{{ media|length != 1 ? 's' }} enregistré{{ media|length != 1 ? 's' }} dans l’instantané.</p></div>
                    </header>
                    <div class="cpublication-media-list">
                        {% for item in media %}
                            <article>
                                <i><iconify-icon icon="{{ item.mime_type|default('') starts with 'image/' ? 'solar:gallery-bold-duotone' : 'solar:file-text-bold-duotone' }}"></iconify-icon></i>
                                <span><strong>{{ item.filename|default('Média sans nom') }}</strong><small>{{ item.mime_type|default('Type non renseigné') }}{% if item.role|default(null) %} · {{ item.role }}{% endif %}</small></span>
                            </article>
                        {% endfor %}
                    </div>
                </section>
            {% endif %}

            {% if publication.lastErrorMessage %}
                <section class="cpost-detail-card cpublication-error-card">
                    <header>
                        <i class="is-rose"><iconify-icon icon="solar:danger-triangle-bold-duotone"></iconify-icon></i>
                        <div><h2>Dernière erreur</h2><p>Une intervention peut être nécessaire avant une nouvelle tentative.</p></div>
                        {% if publication.lastErrorCode %}<span>{{ publication.lastErrorCode }}</span>{% endif %}
                    </header>
                    <div>
                        <strong>{{ publication.lastErrorType|default('Erreur de publication')|replace({'_':' '})|capitalize }}</strong>
                        <p>{{ publication.lastErrorMessage }}</p>
                        {% if publication.nextRetryAt %}<small>Prochaine tentative : {{ publication.nextRetryAt|date('d/m/Y à H:i') }}</small>{% endif %}
                    </div>
                </section>
            {% endif %}

            <section class="cpost-detail-card">
                <header>
                    <i class="is-cyan"><iconify-icon icon="solar:history-bold-duotone"></iconify-icon></i>
                    <div><h2>Historique de la planification</h2><p>Journal immuable des changements et des actions réalisées.</p></div>
                    <span>{{ logs|length }} événement{{ logs|length != 1 ? 's' }}</span>
                </header>
                <div class="cpublication-timeline">
                    {% for log in logs %}
                        <article class="is-{{ log.eventType }}">
                            <i><iconify-icon icon="{{ eventIcons[log.eventType]|default('solar:history-bold-duotone') }}"></iconify-icon></i>
                            <div>
                                <strong>{{ eventLabels[log.eventType]|default(log.eventType|replace({'_':' '})|capitalize) }}</strong>
                                <small>{{ log.createdAt|date('d/m/Y à H:i:s') }}{% if log.user %} · {{ log.user.prenom }} {{ log.user.nom }}{% endif %}</small>
                                {% if log.message %}<p>{{ log.message }}</p>{% endif %}
                                {% if log.statusBefore or log.statusAfter %}
                                    <span>
                                        {{ statusLabels[log.statusBefore]|default(log.statusBefore|default('Création')) }}
                                        <iconify-icon icon="solar:arrow-right-linear"></iconify-icon>
                                        {{ statusLabels[log.statusAfter]|default(log.statusAfter|default('—')) }}
                                    </span>
                                {% endif %}
                            </div>
                        </article>
                    {% else %}
                        <div class="cpublication-empty">
                            <iconify-icon icon="solar:history-broken"></iconify-icon>
                            <span>Aucun événement enregistré.</span>
                        </div>
                    {% endfor %}
                </div>
            </section>
        </main>

        <aside class="cpublication-aside">
            <header>
                <h2><iconify-icon icon="solar:tuning-2-bold-duotone"></iconify-icon>Suivi et actions</h2>
                <span>{{ modeLabels[publication.publicationMode]|default(publication.publicationMode) }}</span>
            </header>

            <section class="cpublication-summary">
                <div class="cpublication-summary-status is-{{ publication.status }}">
                    <i><iconify-icon icon="{{ publication.status == 'published' ? 'solar:check-circle-bold-duotone' : (publication.status == 'failed' ? 'solar:danger-triangle-bold-duotone' : 'solar:calendar-mark-bold-duotone') }}"></iconify-icon></i>
                    <span><small>Statut actuel</small><strong>{{ statusLabels[publication.status]|default(publication.status|replace({'_':' '})) }}</strong></span>
                </div>
                <dl>
                    <div><dt>Variante</dt><dd>{{ publication.variant.name }}</dd></div>
                    <div><dt>Compte</dt><dd>{{ publication.socialAccount ? publication.socialAccount.displayName : 'Non défini' }}</dd></div>
                    <div><dt>Tentatives</dt><dd>{{ publication.retryCount }} / {{ publication.maxRetryCount }}</dd></div>
                    {% if publication.publishedAt %}<div><dt>Publiée le</dt><dd>{{ publication.publishedAt|date('d/m/Y à H:i') }}</dd></div>{% endif %}
                    {% if publication.cancelledAt %}<div><dt>Annulée le</dt><dd>{{ publication.cancelledAt|date('d/m/Y à H:i') }}</dd></div>{% endif %}
                </dl>
                {% if safeExternalUrl %}
                    <a href="{{ safeExternalUrl }}" target="_blank" rel="noopener noreferrer">
                        <iconify-icon icon="solar:link-linear"></iconify-icon>Ouvrir la publication diffusée
                    </a>
                {% endif %}
            </section>

            {% if publication.status not in ['published','cancelled'] and is_granted('COMMUNICATION_PUBLICATION_SCHEDULE', publication) %}
                <section class="cpublication-action-card">
                    <header><i class="is-purple"><iconify-icon icon="solar:calendar-mark-bold-duotone"></iconify-icon></i><div><h3>Reprogrammer</h3><p>Modifiez la prochaine échéance.</p></div></header>
                    <form class="cpublication-reschedule-form" method="post" action="{{ path('communication_publication_schedule',{idtoken:publication.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('communication_publication_schedule_'~publication.idtoken) }}">
                        <input type="hidden" name="schedule[timezone]" value="{{ publication.timezone }}">
                        <label>Date<input required type="date" name="schedule[scheduledDate]" value="{{ publication.scheduledAt ? publication.scheduledAt|date('Y-m-d') : '' }}"></label>
                        <label>Heure<input required type="time" name="schedule[scheduledTime]" value="{{ publication.scheduledAt ? publication.scheduledAt|date('H:i') : '09:00' }}"></label>
                        <button class="is-purple text-white"><iconify-icon icon="solar:calendar-linear"></iconify-icon>Enregistrer la nouvelle date</button>
                    </form>
                </section>
            {% endif %}

            {% if publication.status not in ['published','cancelled'] and is_granted('COMMUNICATION_PUBLICATION_MARK_MANUAL', publication) %}
                <section class="cpublication-action-card">
                    <header><i class="is-green"><iconify-icon icon="solar:check-circle-bold-duotone"></iconify-icon></i><div><h3>Confirmer la diffusion</h3><p>Indiquez que la publication a été réalisée manuellement.</p></div></header>
                    <form method="post" action="{{ path('communication_publication_manual',{idtoken:publication.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('communication_publication_manual_'~publication.idtoken) }}">
                        <div>
                            <label>Date<input required type="date" name="manualPublication[publishedDate]" value="{{ 'now'|date('Y-m-d') }}"></label>
                            <label>Heure<input required type="time" name="manualPublication[publishedTime]" value="{{ 'now'|date('H:i') }}"></label>
                        </div>
                        <label>URL publique<input type="url" name="manualPublication[externalUrl]" placeholder="https://…"></label>
                        <label>Commentaire<textarea name="manualPublication[comment]" placeholder="Informations complémentaires"></textarea></label>
                        <button class="is-green text-white"><iconify-icon icon="solar:check-circle-linear"></iconify-icon>Marquer comme publiée</button>
                    </form>
                </section>
            {% endif %}

            {% if publication.status == 'failed' and is_granted('COMMUNICATION_PUBLICATION_RETRY', publication) %}
                <form class="cpublication-standalone-action" method="post" action="{{ path('communication_publication_retry',{idtoken:publication.idtoken}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('communication_publication_retry_'~publication.idtoken) }}">
                    <button class="is-warning"><iconify-icon icon="solar:restart-linear"></iconify-icon>Relancer la publication</button>
                </form>
            {% endif %}

            {% if publication.status not in ['published','cancelled'] and is_granted('COMMUNICATION_PUBLICATION_CANCEL', publication) %}
                <form class="cpublication-standalone-action" method="post" action="{{ path('communication_publication_cancel',{idtoken:publication.idtoken}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('communication_publication_cancel_'~publication.idtoken) }}">
                    <button class="is-danger"><iconify-icon icon="solar:close-circle-linear"></iconify-icon>Annuler la planification</button>
                </form>
            {% endif %}
        </aside>
    </div>
</div>
{% endblock %}