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

{% block communication_title %}{{ title }} · Communication{% endblock %}
{% block communication_header %}{% if resource|default(null) != 'idea' %}{{ parent() }}{% endif %}{% endblock %}

{% block communication_content %}
{% if resource|default(null) == 'idea' %}
    {% set columns = {
        inbox:{label:'Boîte de réception',short:'Réception'},
        to_review:{label:'À examiner',short:'À examiner'},
        selected:{label:'Sélectionnées',short:'Sélectionnées'},
        converted:{label:'Converties',short:'Converties'},
        rejected:{label:'Rejetées',short:'Rejetées'}
    } %}
    {% set priorityLabels = {low:'Faible',normal:'Normale',high:'Haute',urgent:'Urgente'} %}
    {% set sourceLabels = {
        manual:'Saisie manuelle',project:'Projet',client:'Client',prospect:'Prospect',
        product:'Produit',event:'Événement',routine:'Routine',campaign:'Campagne',
        ai:'Générée par IA',article:'Article',internal_news:'Actualité interne',
        prospection_content:'Contenu de prospection'
    } %}
    {% set platformLabels = {generic:'Générique',linkedin:'LinkedIn',twitter:'X / Twitter',instagram:'Instagram',facebook:'Facebook'} %}
    {% set platformIcons = {generic:'solar:global-broken',linkedin:'mdi:linkedin',twitter:'ri:twitter-x-fill',instagram:'mdi:instagram',facebook:'mdi:facebook'} %}

    <div class="communication-idea-board"
         data-controller="communication-idea-board"
         data-communication-idea-board-move-message-value="Déplacez les cartes entre les colonnes pour modifier leur statut.">
        <header class=" capsule-heading">
            <div class="capsule-heading-main">
                <div class="capsule-heading-content">
                <h1 class="capsule-heading-title">Tableau des idées</h1>
                <p class="capsule-heading-subtitle">{{ 'now'|date('d/m/Y') }} — Gérez, qualifiez et transformez vos idées en publications.</p>
                </div>
            </div>
            <div class="cidea-toolbar-actions">
                <label class="cidea-search">
                    <iconify-icon icon="solar:magnifer-linear"></iconify-icon>
                    <input type="search" placeholder="Rechercher une idée…" autocomplete="off" data-communication-idea-board-target="search" data-action="input->communication-idea-board#filter">
                </label>
                <button class="cidea-filter-button" type="button" data-action="communication-idea-board#toggleFilters">
                    <iconify-icon icon="solar:filter-linear"></iconify-icon>Filtrer
                </button>
                <a class="cidea-button is-ai capsule-button capsule-button--secondary" href="{{ path('communication_idea_new',{source:'ai'}) }}" data-turbo-frame="frame_modal"><iconify-icon icon="solar:magic-stick-3-linear"></iconify-icon>Générer avec l’IA</a>
                {% if is_granted('COMMUNICATION_CREATE') %}
                    <a class="cidea-button is-primary capsule-button capsule-button--primary" href="{{ path('communication_idea_new') }}" data-turbo-frame="frame_modal"><iconify-icon icon="solar:add-circle-linear"></iconify-icon>Nouvelle idée</a>
                {% endif %}
            </div>
        </header>

        <div class="cidea-filter-panel" data-communication-idea-board-target="filterPanel" hidden>
            <label>Priorité
                <select data-communication-idea-board-target="priorityFilter" data-action="change->communication-idea-board#filter">
                    <option value="">Toutes les priorités</option>
                    {% for key, label in priorityLabels %}<option value="{{ key }}">{{ label }}</option>{% endfor %}
                </select>
            </label>
            <label>Plateforme
                <select data-communication-idea-board-target="platformFilter" data-action="change->communication-idea-board#filter">
                    <option value="">Toutes les plateformes</option>
                    {% for key, label in platformLabels %}<option value="{{ key }}">{{ label }}</option>{% endfor %}
                </select>
            </label>
            <label>Catégorie
                <select data-communication-idea-board-target="categoryFilter" data-action="change->communication-idea-board#filter">
                    <option value="">Toutes les catégories</option>
                    {% for category in board.categories %}<option value="{{ category.idtoken }}">{{ category.name }}</option>{% endfor %}
                </select>
            </label>
            <button type="button" data-action="communication-idea-board#resetFilters">Réinitialiser</button>
        </div>

        <div class="cidea-statusbar">
            <div class="cidea-status-list">
                {% for status, column in columns %}
                    <button type="button" data-status="{{ status }}" data-action="communication-idea-board#focusStatus">
                        <i class="is-{{ status }}"></i>{{ column.short }}<b data-count-for="{{ status }}">{{ board.counts[status] }}</b>
                    </button>
                {% endfor %}
            </div>
            <p><iconify-icon icon="solar:info-circle-linear"></iconify-icon><strong data-communication-idea-board-target="total">{{ board.total }}</strong> idée{{ board.total > 1 ? 's' }} au total · Glissez-déposez pour changer de colonne</p>
        </div>

        <div class="cidea-columns" data-communication-idea-board-target="columns">
            {% for status, column in columns %}
                <section class="cidea-column is-{{ status }}" data-status="{{ status }}">
                    <header>
                        <span><i></i>{{ column.label }}<b data-count-for="{{ status }}">{{ board.counts[status] }}</b></span>
                        {% if status not in ['converted','rejected'] and is_granted('COMMUNICATION_CREATE') %}
                            <a href="{{ path('communication_idea_new',{status:status}) }}" title="Ajouter une idée" data-turbo-frame="frame_modal"><iconify-icon icon="solar:add-circle-linear"></iconify-icon></a>
                        {% endif %}
                    </header>
                    <div class="cidea-dropzone"
                         data-status="{{ status }}"
                         data-communication-idea-board-target="dropzone"
                         data-action="dragover->communication-idea-board#dragOver dragleave->communication-idea-board#dragLeave drop->communication-idea-board#drop">
                        {% for idea in board.columns[status] %}
                            {% set author = idea.assignedTo ?: idea.createdBy %}
                            {% set searchText = (idea.title ~ ' ' ~ (idea.description ?: '') ~ ' ' ~ (idea.category ? idea.category.name : '') ~ ' ' ~ (author ? author : ''))|lower %}
                            <article class="cidea-card {{ idea.sourceType == 'ai' ? 'is-ai' }} {{ status == 'converted' ? 'is-converted' }} {{ status == 'rejected' ? 'is-rejected' }}"
                                     data-communication-idea-board-target="card"
                                     data-idtoken="{{ idea.idtoken }}"
                                     data-status="{{ status }}"
                                     data-priority="{{ idea.priority }}"
                                     data-platform="{{ idea.suggestedPlatform ?: 'generic' }}"
                                     data-category="{{ idea.category ? idea.category.idtoken : '' }}"
                                     data-search="{{ searchText|e('html_attr') }}"
                                     data-move-url="{{ path('communication_idea_move',{idtoken:idea.idtoken}) }}"
                                     data-csrf-token="{{ csrf_token('communication_idea_move_'~idea.idtoken) }}"
                                     data-action="dragstart->communication-idea-board#dragStart dragend->communication-idea-board#dragEnd"
                                     {% if status != 'converted' and is_granted('COMMUNICATION_EDIT', idea) %}draggable="true"{% endif %}>
                                <div class="cidea-card-meta">
                                    <span class="cidea-category" style="--category-color:{{ idea.category.color|default('#6a55e7') }}">{{ idea.category.name|default('Sans catégorie') }}</span>
                                    {% if status == 'converted' %}
                                        <span class="cidea-state"><iconify-icon icon="solar:check-circle-bold"></iconify-icon>Convertie</span>
                                    {% elseif status == 'rejected' %}
                                        <span class="cidea-state is-rejected"><iconify-icon icon="solar:close-circle-linear"></iconify-icon>Rejetée</span>
                                    {% elseif idea.sourceType == 'ai' %}
                                        <span class="cidea-priority is-ai"><iconify-icon icon="solar:magic-stick-3-linear"></iconify-icon>IA</span>
                                    {% else %}
                                        <span class="cidea-priority is-{{ idea.priority }}"><iconify-icon icon="{{ idea.priority in ['high','urgent'] ? 'solar:arrow-up-linear' : (idea.priority == 'low' ? 'solar:arrow-down-linear' : 'solar:minus-circle-linear') }}"></iconify-icon>{{ priorityLabels[idea.priority]|default(idea.priority) }}</span>
                                    {% endif %}
                                </div>

                                <a class="cidea-card-title" href="{{ path('communication_idea_edit',{idtoken:idea.idtoken}) }}">{{ idea.title }}</a>
                                {% if idea.description %}<p>{{ idea.description|striptags|slice(0, 135) }}{{ idea.description|striptags|length > 135 ? '…' }}</p>{% endif %}

                                <div class="cidea-card-source">
                                    <span><iconify-icon icon="solar:tag-linear"></iconify-icon>{{ sourceLabels[idea.sourceType]|default('Source non renseignée') }}</span>
                                    <span><iconify-icon class="is-{{ idea.suggestedPlatform ?: 'generic' }}" icon="{{ platformIcons[idea.suggestedPlatform]|default(platformIcons.generic) }}"></iconify-icon>{{ platformLabels[idea.suggestedPlatform]|default('Générique') }}</span>
                                </div>

                                {% if idea.sourceType == 'ai' %}<div class="cidea-ai-note"><iconify-icon icon="solar:magic-stick-3-linear"></iconify-icon>Suggestion générée avec l’IA</div>{% endif %}

                                <footer>
                                    <span class="cidea-author">{% if author %}<i><img src="{{ user_avatar_url(author) }}" alt=""></i>{{ author }}{% else %}<i>—</i>Non assignée{% endif %}</span>
                                    <span class="cidea-card-actions">
                                        {% if status == 'selected' and not idea.convertedPost and is_granted('COMMUNICATION_EDIT', idea) %}
                                            <form method="post" action="{{ path('communication_idea_convert',{idtoken:idea.idtoken}) }}">
                                                <input type="hidden" name="_token" value="{{ csrf_token('communication_idea_convert_'~idea.idtoken) }}">
                                                <button class="cidea-convert" type="submit"><iconify-icon icon="solar:plain-2-bold"></iconify-icon>Transformer</button>
                                            </form>
                                        {% elseif status == 'converted' and idea.convertedPost %}
                                            <a class="cidea-open-post" href="{{ path('communication_post_show',{idtoken:idea.convertedPost.idtoken}) }}">Voir la publication<iconify-icon icon="solar:arrow-right-linear"></iconify-icon></a>
                                        {% endif %}
                                        {% if status == 'selected' and is_granted('COMMUNICATION_ARCHIVE', idea) %}
                                            <form method="post" action="{{ path('communication_archive',{type:'idea',idtoken:idea.idtoken}) }}">
                                                <input type="hidden" name="_token" value="{{ csrf_token('communication_archive_'~idea.idtoken) }}">
                                                <button class="cidea-archive" type="submit" title="Archiver"><iconify-icon icon="solar:archive-down-linear"></iconify-icon></button>
                                            </form>
                                        {% endif %}
                                    </span>
                                </footer>
                            </article>
                        {% endfor %}
                    </div>
                    {% if status not in ['converted','rejected'] and is_granted('COMMUNICATION_CREATE') %}
                        <a class="cidea-add" href="{{ path('communication_idea_new',{status:status}) }}" data-turbo-frame="frame_modal"><iconify-icon icon="solar:add-circle-linear"></iconify-icon>Ajouter une idée</a>
                    {% endif %}
                </section>
            {% endfor %}
        </div>

        <div class="cidea-no-results" data-communication-idea-board-target="empty" hidden>
            <iconify-icon icon="solar:lightbulb-bolt-broken"></iconify-icon>
            <strong>Aucune idée ne correspond à votre recherche</strong>
            <span>Essayez de modifier ou de réinitialiser les filtres.</span>
        </div>
        <div class="cidea-toast" data-communication-idea-board-target="toast" role="status" hidden></div>
    </div>
{% else %}
    {% set genericStatusLabels = {
        draft:'Brouillon',writing:'En rédaction',to_review:'À valider',selected:'Sélectionnée',
        converted:'Convertie',rejected:'Rejetée',approved:'Approuvée',changes_requested:'Modifications demandées',
        planned:'Planifiée',active:'Active',completed:'Terminée',cancelled:'Annulée',archived:'Archivée',
        scheduled:'Planifiée',queued:'En file d’attente',processing:'En cours',published:'Publiée',
        failed:'Échec',retry_scheduled:'Nouvelle tentative planifiée',requested:'Demandée',
        disconnected:'Déconnecté',connected:'Connecté'
    } %}
    <section class="card communication-panel">
        <div class="card-header d-flex justify-content-between align-items-center gap-3">
            <p class="text-muted mb-0">{{ description }}</p>
            {% if new_route|default(null) and is_granted('COMMUNICATION_CREATE') %}
                <a class="capsule-button capsule-button--primary" href="{{ path(new_route) }}"><i class="ti ti-plus"></i>Ajouter</a>
            {% endif %}
        </div>
        <div class="list-group list-group-flush">
            {% for item in items %}
                <article class="list-group-item py-3">
                    <div class="d-flex justify-content-between align-items-start gap-3">
                        <div>
                            {% set label = item.internalTitle|default(item.title|default(item.name|default(item.originalFilename|default(item.displayName|default('Élément éditorial'))))) %}
                            {% if show_route|default(null) %}
                                <a class="fw-semibold text-decoration-none" href="{{ path(show_route, {idtoken: item.idtoken}) }}">{{ label }}</a>
                            {% else %}<strong>{{ label }}</strong>{% endif %}
                            {% if item.description|default(null) %}
                                <div class="small text-muted mt-1">{{ item.description|striptags|slice(0, 180) }}</div>
                            {% elseif item.masterContent|default(null) %}
                                <div class="small text-muted mt-1">{{ item.masterContent|striptags|slice(0, 180) }}</div>
                            {% endif %}
                        </div>
                        {% if item.status|default(null) %}
                            <span class="badge bg-light text-dark">{{ genericStatusLabels[item.status]|default(item.status|replace({'_': ' '})) }}</span>
                        {% endif %}
                    </div>
                </article>
            {% else %}
                <div class="list-group-item text-center text-muted py-5">Aucun élément enregistré.</div>
            {% endfor %}
        </div>
    </section>
{% endif %}
{% endblock %}