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

{% block communication_title %}Calendrier éditorial{% endblock %}
{% block communication_header %}{% endblock %}

{% set monthNames = ['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre'] %}
{% set weekNames = ['Lun','Mar','Mer','Jeu','Ven','Sam','Dim'] %}
{% set platformLabels = {linkedin:'LinkedIn',twitter:'X / Twitter',instagram:'Instagram',facebook:'Facebook',generic:'Autre'} %}
{% set platformIcons = {linkedin:'mdi:linkedin',twitter:'ri:twitter-x-fill',instagram:'mdi:instagram',facebook:'mdi:facebook',generic:'solar:global-broken'} %}
{% set statusLabels = {draft:'Brouillon',awaiting:'À valider',scheduled:'Planifiée',published:'Publiée',failed:'Échec'} %}
{% set query = app.request.query.all %}

{% if mode in ['month', 'list'] %}
    {% set previousDate = from|date_modify('-1 month') %}
    {% set nextDate = from|date_modify('+1 month') %}
{% elseif mode == 'week' %}
    {% set previousDate = from|date_modify('-7 days') %}
    {% set nextDate = from|date_modify('+7 days') %}
{% else %}
    {% set previousDate = from|date_modify('-1 day') %}
    {% set nextDate = from|date_modify('+1 day') %}
{% endif %}

{% macro calendar_url(mode, date, query) %}
    {% if mode == 'month' %}
        {{ path('communication_calendar_month', query|merge({year:date|date('Y'),month:date|date('m')})) }}
    {% elseif mode == 'week' %}
        {{ path('communication_calendar_week', query|merge({date:date|date('Y-m-d')})) }}
    {% elseif mode == 'day' %}
        {{ path('communication_calendar_day', query|merge({date:date|date('Y-m-d')})) }}
    {% else %}
        {{ path('communication_calendar_list', query|merge({date:date|date('Y-m-d')})) }}
    {% endif %}
{% endmacro %}

{% block communication_content %}
<div class="communication-calendar-v2" data-controller="communication-calendar">
    <header class="ccal-toolbar capsule-heading">
        <div class="ccal-heading capsule-heading-main">
            <div class="capsule-heading-content">
            <h1 class="capsule-heading-title">Calendrier éditorial</h1>
            <p class="capsule-heading-subtitle">Communication · {{ monthNames[from|date('n') - 1]|capitalize }} {{ from|date('Y') }}</p>
            </div>
        </div>
        <div class="ccal-toolbar-actions">
            <nav class="ccal-mode-switch" aria-label="Mode d’affichage">
                <a class="{{ mode == 'month' ? 'is-active' }}" href="{{ _self.calendar_url('month', from, query) }}">Mois</a>
                <a class="{{ mode == 'week' ? 'is-active' }}" href="{{ _self.calendar_url('week', from, query) }}">Semaine</a>
                <a class="{{ mode == 'day' ? 'is-active' }}" href="{{ _self.calendar_url('day', from, query) }}">Jour</a>
                <a class="{{ mode == 'list' ? 'is-active' }}" href="{{ _self.calendar_url('list', from, query) }}">Liste</a>
            </nav>
            <nav class="ccal-period-nav" aria-label="Navigation temporelle">
                <a href="{{ _self.calendar_url(mode, previousDate, query) }}" aria-label="Période précédente"><iconify-icon icon="solar:alt-arrow-left-linear"></iconify-icon></a>
                <a class="ccal-today" href="{{ _self.calendar_url(mode, 'now', query) }}">Aujourd’hui</a>
                <a href="{{ _self.calendar_url(mode, nextDate, query) }}" aria-label="Période suivante"><iconify-icon icon="solar:alt-arrow-right-linear"></iconify-icon></a>
            </nav>
            <a class="ccal-btn capsule-button capsule-button--secondary" href="{{ path('communication_idea_new') }}"><iconify-icon icon="solar:lightbulb-bolt-linear"></iconify-icon>Nouvelle idée</a>
            <a class="ccal-btn capsule-button capsule-button--secondary" href="{{ path('communication_idea_new') }}"><iconify-icon icon="solar:magic-stick-3-linear"></iconify-icon>Suggestion IA</a>
            <a class="ccal-btn is-primary capsule-button capsule-button--primary" href="{{ path('communication_post_new') }}"><iconify-icon icon="solar:add-circle-linear"></iconify-icon>Nouvelle publication</a>
        </div>
    </header>

    <div class="ccal-layout">
        <aside class="ccal-sidebar" data-communication-calendar-target="sidebar">
            <div class="ccal-mobile-filter-title">
                <strong>Filtres</strong>
                <button type="button" data-action="communication-calendar#toggleFilters"><iconify-icon icon="solar:close-circle-linear"></iconify-icon></button>
            </div>
            <form method="get" data-communication-calendar-target="filters">
                <section class="ccal-filter-section">
                    <h2>Statut</h2>
                    {% for key, item in calendar.facets.status %}
                        <label class="ccal-filter-option">
                            <input type="checkbox" name="status[]" value="{{ key }}" {{ key in calendar.filters.status ? 'checked' }} data-action="change->communication-calendar#submitFilters">
                            <i class="is-{{ key }}"></i><span>{{ item.label }}</span><b>{{ item.count }}</b>
                        </label>
                    {% endfor %}
                </section>

                {% if calendar.facets.campaign %}
                <section class="ccal-filter-section">
                    <h2>Campagne</h2>
                    {% for key, item in calendar.facets.campaign %}
                        <label class="ccal-filter-option">
                            <input type="checkbox" name="campaign[]" value="{{ key }}" {{ key in calendar.filters.campaign ? 'checked' }} data-action="change->communication-calendar#submitFilters">
                            <i class="ccal-filter-color" style="--filter-color:{{ ['#6558ed','#f36d88','#2fc4b5','#f2ad25'][loop.index0 % 4] }}"></i><span>{{ item.label }}</span><b>{{ item.count }}</b>
                        </label>
                    {% endfor %}
                </section>
                {% endif %}

                <section class="ccal-filter-section">
                    <h2>Plateforme</h2>
                    {% for key, item in calendar.facets.platform %}
                        <label class="ccal-filter-option {{ key == 'linkedin' ? 'is-highlighted' }}">
                            <input type="checkbox" name="platform[]" value="{{ key }}" {{ key in calendar.filters.platform ? 'checked' }} data-action="change->communication-calendar#submitFilters">
                            <iconify-icon class="is-{{ key }}" icon="{{ platformIcons[key]|default(platformIcons.generic) }}"></iconify-icon><span>{{ platformLabels[key]|default(key|capitalize) }}</span><b>{{ item.count }}</b>
                        </label>
                    {% else %}
                        <p class="ccal-filter-empty">Aucune plateforme utilisée</p>
                    {% endfor %}
                </section>

                {% if calendar.facets.author %}
                <section class="ccal-filter-section">
                    <h2>Auteur</h2>
                    {% for key, item in calendar.facets.author %}
                        <label class="ccal-filter-option">
                            <input type="checkbox" name="author[]" value="{{ key }}" {{ key in calendar.filters.author ? 'checked' }} data-action="change->communication-calendar#submitFilters">
                            <i class="ccal-avatar">{{ item.label|slice(0,1)|upper }}</i><span>{{ item.label }}</span><b>{{ item.count }}</b>
                        </label>
                    {% endfor %}
                </section>
                {% endif %}

                {% if calendar.facets.category %}
                <section class="ccal-filter-section">
                    <h2>Catégorie</h2>
                    {% for key, item in calendar.facets.category %}
                        <label class="ccal-filter-option">
                            <input type="checkbox" name="category[]" value="{{ key }}" {{ key in calendar.filters.category ? 'checked' }} data-action="change->communication-calendar#submitFilters">
                            <i class="ccal-filter-color" style="--filter-color:{{ item.color ?: ['#6558ed','#f36d88','#2fc4b5','#f2ad25'][loop.index0 % 4] }}"></i><span>{{ item.label }}</span><b>{{ item.count }}</b>
                        </label>
                    {% endfor %}
                </section>
                {% endif %}

                {% if query %}
                    <a class="ccal-clear" href="{{ _self.calendar_url(mode, from, {}) }}"><iconify-icon icon="solar:close-circle-linear"></iconify-icon>Effacer tous les filtres</a>
                {% endif %}
            </form>
        </aside>

        <main class="ccal-content">
            <div class="alert alert-danger" role="alert" hidden data-communication-calendar-target="error"></div>
            {% if mode in ['month', 'week'] %}<p class="text-body-secondary small">Glissez une publication vers une autre journée pour modifier sa date en conservant son heure.</p>{% endif %}
            <div class="ccal-content-title">
                <div>
                    <button class="ccal-mobile-filter" type="button" data-action="communication-calendar#toggleFilters"><iconify-icon icon="solar:filter-linear"></iconify-icon>Filtres</button>
                    <h2>
                        {% if mode == 'day' %}
                            {{ from|date('d') }} {{ monthNames[from|date('n') - 1] }} {{ from|date('Y') }}
                        {% elseif mode == 'week' %}
                            Semaine du {{ from|date('d') }} {{ monthNames[from|date('n') - 1] }} {{ from|date('Y') }}
                        {% else %}
                            {{ monthNames[from|date('n') - 1]|capitalize }} {{ from|date('Y') }}
                        {% endif %}
                    </h2>
                </div>
                <div class="ccal-status-legend">
                    {% for key, label in statusLabels %}<span><i class="is-{{ key }}"></i>{{ label }}</span>{% endfor %}
                </div>
            </div>

            {% if mode != 'list' %}
                <div class="ccal-calendar is-{{ mode }}" style="--calendar-columns:{{ mode == 'day' ? 1 : 7 }}">
                    {% if mode != 'day' %}
                        <div class="ccal-weekdays">
                            {% for dayName in weekNames %}<span>{{ dayName }}</span>{% endfor %}
                        </div>
                    {% endif %}
                    <div class="ccal-days">
                        {% for day in calendar.days %}
                            <section class="ccal-day {{ not day.currentPeriod ? 'is-outside' }} {{ day.today ? 'is-today' }}"
                                     data-date="{{ day.date|date('Y-m-d') }}"
                                     data-action="dragover->communication-calendar#dragOver dragleave->communication-calendar#dragLeave drop->communication-calendar#drop">
                                <header>
                                    <time datetime="{{ day.date|date('Y-m-d') }}">{{ day.date|date('d') }}</time>
                                    {% if day.today %}<strong>Aujourd’hui</strong>{% endif %}
                                </header>
                                <div class="ccal-day-events">
                                    {% for event in day.events %}
                                        {% set movable = event.type == 'publication' and event.status != 'published' and event.resource.status in ['draft', 'scheduled', 'failed', 'retry_scheduled'] and is_granted('COMMUNICATION_PUBLICATION_SCHEDULE', event.resource) %}
                                        <a class="ccal-event is-{{ event.status }}"
                                           draggable="{{ movable ? 'true' : 'false' }}"
                                           {% if movable %}
                                               data-move-url="{{ path('communication_calendar_move', {idtoken:event.resource.idtoken}) }}"
                                               data-move-token="{{ csrf_token('communication_calendar_move_' ~ event.resource.idtoken) }}"
                                               data-action="dragstart->communication-calendar#dragStart dragend->communication-calendar#dragEnd"
                                           {% endif %}
                                           href="{{ event.type == 'idea' ? path('communication_idea_edit',{idtoken:event.resource.idtoken}) : path('communication_post_show',{idtoken:event.post.idtoken}) }}"
                                           title="{{ event.title }} — {{ statusLabels[event.status] }}">
                                            <span>
                                                <iconify-icon class="is-{{ event.platform }}" icon="{{ platformIcons[event.platform]|default(platformIcons.generic) }}"></iconify-icon>
                                                {{ event.date|date('H:i') }}
                                                {% if event.status == 'published' %}<span><iconify-icon icon="solar:check-circle-bold"></iconify-icon>Publiée</span>{% endif %}
                                                {% if event.status == 'failed' %}<iconify-icon class="ccal-event-alert" icon="solar:danger-triangle-bold"></iconify-icon>{% endif %}
                                            </span>
                                            <strong>{{ event.title }}</strong>
                                        </a>
                                    {% else %}
                                        {% if mode == 'day' %}<p class="ccal-day-empty">Aucun contenu prévu pour cette journée.</p>{% endif %}
                                    {% endfor %}
                                </div>
                            </section>
                        {% endfor %}
                    </div>
                </div>
            {% else %}
                <div class="ccal-list-view">
                    {% for event in calendar.events %}
                        <a href="{{ event.type == 'idea' ? path('communication_idea_edit',{idtoken:event.resource.idtoken}) : path('communication_post_show',{idtoken:event.post.idtoken}) }}">
                            <time><b>{{ event.date|date('d') }}</b><span>{{ monthNames[event.date|date('n') - 1]|slice(0,3) }}</span></time>
                            <i class="ccal-platform is-{{ event.platform }}"><iconify-icon icon="{{ platformIcons[event.platform]|default(platformIcons.generic) }}"></iconify-icon></i>
                            <span><strong>{{ event.title }}</strong><small>{{ event.date|date('H:i') }} · {{ platformLabels[event.platform]|default(event.platform|capitalize) }}{% if event.campaign %} · {{ event.campaign.name }}{% endif %}</small></span>
                            <b class="ccal-list-status is-{{ event.status }}">{{ statusLabels[event.status] }}</b>
                            <iconify-icon icon="solar:alt-arrow-right-linear"></iconify-icon>
                        </a>
                    {% else %}
                        <div class="ccal-list-empty"><iconify-icon icon="solar:calendar-minimalistic-broken"></iconify-icon><strong>Aucun contenu sur cette période</strong><span>Modifiez vos filtres ou créez une nouvelle publication.</span></div>
                    {% endfor %}
                </div>
            {% endif %}
        </main>
    </div>
</div>
{% endblock %}