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

{% block communication_title %}{{ title }} · Communication{% endblock %}
{% block communication_heading %}{{ title }}{% endblock %}
{% block communication_header %}{% if resource not in ['campaign', 'variant'] %}{{ parent() }}{% endif %}{% endblock %}

{% block communication_content %}
{% if resource == 'campaign' %}
{% set campaignObjectives = {
    awareness:{label:'Notoriété',icon:'solar:eye-bold-duotone'},
    lead_generation:{label:'Génération de prospects',icon:'solar:user-plus-bold-duotone'},
    engagement:{label:'Engagement',icon:'solar:chat-round-dots-bold-duotone'},
    product_launch:{label:'Promotion de produit',icon:'solar:bag-4-bold-duotone'},
    education:{label:'Leadership d’opinion',icon:'solar:medal-ribbon-star-bold-duotone'},
    community:{label:'Développement de communauté',icon:'solar:users-group-rounded-bold-duotone'}
} %}
{% set campaignPlatforms = {
    linkedin:{label:'LinkedIn',icon:'mdi:linkedin'},
    instagram:{label:'Instagram',icon:'mdi:instagram'},
    twitter:{label:'X / Twitter',icon:'ri:twitter-x-fill'},
    facebook:{label:'Facebook',icon:'mdi:facebook'}
} %}
{% set campaignContentTypes = {
    articles:'Articles',carousels:'Carrousels',videos:'Vidéos',stories:'Stories',
    images:'Images',polls:'Sondages',reels:'Reels'
} %}
{% set selectedPlatforms = entity.platforms|default(['linkedin']) %}
{% set selectedContentTypes = entity.contentTypes|default(['articles','carousels','images']) %}
{% set campaignColor = entity.color|default('#6253ec') %}

<div class="communication-campaign-editor"
     data-controller="communication-campaign-editor"
     data-communication-campaign-editor-default-color-value="{{ campaignColor }}">
    <form id="campaign-editor-form" method="post" data-communication-campaign-editor-target="form">
        <input type="hidden" name="_token" value="{{ csrf_token(csrf_intention) }}">

        <header class="cceditor-topbar capsule-heading">
            <div class="cceditor-heading">
                <a href="{{ path(back_route, back_params|default({})) }}" aria-label="Retour aux campagnes"><iconify-icon icon="solar:arrow-left-linear"></iconify-icon></a>
                <div><p><span>Campagnes</span><i>›</i>{{ entity ? 'Modifier la campagne' : 'Nouvelle campagne' }}</p><h1>{{ entity ? 'Modifier une campagne' : 'Créer une campagne' }}</h1></div>
            </div>
            <div class="cceditor-top-actions">
                {% if entity and is_granted('COMMUNICATION_ARCHIVE', entity) %}
                    <button class="is-archive" type="submit" form="communication-archive-form" title="Archiver"><iconify-icon icon="solar:archive-linear"></iconify-icon></button>
                {% endif %}
                <button class="is-draft capsule-button capsule-button--secondary" type="submit" name="campaign[status]" value="draft" formnovalidate>
                    <iconify-icon icon="solar:diskette-linear"></iconify-icon>Enregistrer comme brouillon
                </button>
                <button class="is-create capsule-button capsule-button--primary" type="submit" name="campaign[status]" value="{{ entity ? entity.status : 'active' }}">
                    <iconify-icon icon="solar:plain-2-bold"></iconify-icon>{{ entity ? 'Enregistrer la campagne' : 'Créer la campagne' }}
                </button>
            </div>
        </header>

        <nav class="cceditor-steps" aria-label="Étapes de création">
            <button class="is-active is-complete" type="button" data-step="general" data-action="communication-campaign-editor#goToStep"><i><iconify-icon icon="solar:check-read-linear"></iconify-icon></i><span>Informations générales</span></button>
            <b></b>
            <button type="button" data-step="platforms" data-action="communication-campaign-editor#goToStep"><i>2</i><span>Plateformes et audience</span></button>
            <b></b>
            <button type="button" data-step="planning" data-action="communication-campaign-editor#goToStep"><i>3</i><span>Planification du contenu</span></button>
            <b></b>
            <button type="button" data-step="review" data-action="communication-campaign-editor#goToStep"><i>4</i><span>Vérification et lancement</span></button>
        </nav>

        <div class="cceditor-page">
            <main class="cceditor-main">
                <section class="cceditor-card" id="cceditor-general" data-step-section="general">
                    <header><i class="is-purple"><iconify-icon icon="solar:tag-bold-duotone"></iconify-icon></i><div><h2 class="fs-5">Nom et description de la campagne</h2><p>Donnez à votre campagne une identité claire et mémorable.</p></div></header>
                    <label class="cceditor-field">Nom de la campagne <em>*</em>
                        <input type="text" name="campaign[name]" required maxlength="180" value="{{ entity.name|default('') }}" placeholder="Ex. Lancement produit T3, Notoriété été…" data-communication-campaign-editor-target="name" data-action="input->communication-campaign-editor#updatePreview">
                    </label>
                    <label class="cceditor-field">Description <small>(facultative)</small>
                        <textarea name="campaign[description]" rows="3" placeholder="Décrivez les objectifs, le contexte ou les informations utiles à votre équipe…">{{ entity.description|default('') }}</textarea>
                    </label>
                    <fieldset class="cceditor-colors">
                        <legend>Couleur de la campagne</legend>
                        {% for color in ['#6253ec','#ff7a59','#ffc21c','#22c5cf','#28bf83','#de58bd','#3197e8'] %}
                            <label style="--swatch:{{ color }}"><input type="radio" name="campaign[color]" value="{{ color }}" {{ campaignColor == color ? 'checked' }} data-action="change->communication-campaign-editor#updateColor"><i></i><span class="visually-hidden">{{ color }}</span></label>
                        {% endfor %}
                    </fieldset>
                </section>

                <section class="cceditor-card" id="cceditor-objective">
                    <header><i class="is-pink"><iconify-icon icon="solar:target-bold-duotone"></iconify-icon></i><div><h2>Objectif de la campagne</h2><p>Quel résultat souhaitez-vous obtenir avec cette campagne ?</p></div></header>
                    <div class="cceditor-objectives">
                        {% for value,item in campaignObjectives %}
                            <label>
                                <input type="radio" name="campaign[objective]" value="{{ value }}" {{ entity.objective|default('community') == value ? 'checked' }}>
                                <i><iconify-icon icon="{{ item.icon }}"></iconify-icon></i><span>{{ item.label }}</span>
                            </label>
                        {% endfor %}
                    </div>
                </section>

                <section class="cceditor-card" id="cceditor-period">
                    <header><i class="is-amber"><iconify-icon icon="solar:calendar-date-bold-duotone"></iconify-icon></i><div><h2>Période de la campagne</h2><p>Définissez les dates de début et de fin.</p></div></header>
                    <div class="cceditor-two-fields">
                        <label class="cceditor-field">Date de début <em>*</em><input type="date" name="campaign[startDate]" required value="{{ entity.startDate|default(null) ? entity.startDate|date('Y-m-d') }}" data-communication-campaign-editor-target="startDate" data-action="change->communication-campaign-editor#updatePreview"></label>
                        <label class="cceditor-field">Date de fin <em>*</em><input type="date" name="campaign[endDate]" required value="{{ entity.endDate|default(null) ? entity.endDate|date('Y-m-d') }}" data-communication-campaign-editor-target="endDate" data-action="change->communication-campaign-editor#updatePreview"></label>
                    </div>
                    <div class="cceditor-duration"><span>Durée rapide</span><div>
                        <button type="button" data-days="7" data-action="communication-campaign-editor#setDuration">1 semaine</button>
                        <button type="button" data-days="14" data-action="communication-campaign-editor#setDuration">2 semaines</button>
                        <button class="is-active" type="button" data-days="30" data-action="communication-campaign-editor#setDuration">1 mois</button>
                        <button type="button" data-days="90" data-action="communication-campaign-editor#setDuration">3 mois</button>
                        <button type="button" data-days="custom" data-action="communication-campaign-editor#setDuration">Personnalisée</button>
                    </div></div>
                </section>

                <section class="cceditor-card" id="cceditor-platforms" data-step-section="platforms">
                    <header><i class="is-blue"><iconify-icon icon="solar:share-bold-duotone"></iconify-icon></i><div><h2>Plateformes cibles</h2><p>Sélectionnez les réseaux sociaux de cette campagne.</p></div></header>
                    <div class="cceditor-platforms">
                        {% for value,item in campaignPlatforms %}
                            <label class="is-{{ value }}">
                                <input type="checkbox" name="campaign[platforms][]" value="{{ value }}" {{ value in selectedPlatforms ? 'checked' }}>
                                <i><iconify-icon icon="{{ item.icon }}"></iconify-icon></i><span>{{ item.label }}</span><b><iconify-icon icon="solar:check-circle-bold"></iconify-icon></b>
                            </label>
                        {% endfor %}
                    </div>
                    <div class="cceditor-two-fields cceditor-audience">
                        <label class="cceditor-field">Audience cible<input type="text" name="campaign[targetAudience]" value="{{ entity.targetAudience|default('') }}" placeholder="Ex. dirigeants de PME, responsables marketing…" data-communication-campaign-editor-target="audience" data-action="input->communication-campaign-editor#updatePreview"></label>
                        <label class="cceditor-field">Budget indicatif (€)<input type="number" min="0" step="0.01" name="campaign[budget]" value="{{ entity.budget|default('') }}" placeholder="Ex. 2 500"></label>
                    </div>
                </section>

                <section class="cceditor-card" id="cceditor-planning" data-step-section="planning">
                    <header><i class="is-violet"><iconify-icon icon="solar:list-check-bold-duotone"></iconify-icon></i><div><h2>Planification du contenu</h2><p>Définissez le volume et la fréquence prévus.</p></div></header>
                    <div class="cceditor-two-fields">
                        <label class="cceditor-field">Publications prévues <em>*</em>
                            <span class="cceditor-counter"><button type="button" data-action="communication-campaign-editor#decrementPosts">−</button><input type="number" min="1" max="500" name="campaign[plannedPosts]" value="{{ entity.plannedPosts|default(12) }}" data-communication-campaign-editor-target="plannedPosts" data-action="input->communication-campaign-editor#updatePreview"><button type="button" data-action="communication-campaign-editor#incrementPosts">+</button></span>
                        </label>
                        <label class="cceditor-field">Fréquence de publication
                            <select name="campaign[postingFrequency]">
                                {% for value,label in {daily:'Tous les jours',three_per_week:'3 fois par semaine',twice_per_week:'2 fois par semaine',weekly:'Une fois par semaine',custom:'Fréquence personnalisée'} %}
                                    <option value="{{ value }}" {{ entity.postingFrequency|default('three_per_week') == value ? 'selected' }}>{{ label }}</option>
                                {% endfor %}
                            </select>
                        </label>
                    </div>
                    <fieldset class="cceditor-content-types"><legend>Formats de contenu</legend><div>
                        {% for value,label in campaignContentTypes %}
                            <label><input type="checkbox" name="campaign[contentTypes][]" value="{{ value }}" {{ value in selectedContentTypes ? 'checked' }}><span>{{ label }}</span></label>
                        {% endfor %}
                    </div></fieldset>
                </section>

                <section class="cceditor-card" id="cceditor-review" data-step-section="review">
                    <header><i class="is-green"><iconify-icon icon="solar:chart-2-bold-duotone"></iconify-icon></i><div><h2>Objectifs KPI</h2><p>Définissez les indicateurs qui mesureront la réussite.</p></div></header>
                    <div class="cceditor-kpis">
                        <label class="cceditor-field">Portée cible<span><iconify-icon icon="solar:eye-linear"></iconify-icon><input type="number" min="1" name="campaign[targetReach]" value="{{ entity.targetReach|default('') }}" placeholder="Ex. 50 000"></span></label>
                        <label class="cceditor-field">Taux d’engagement cible<span><iconify-icon icon="solar:heart-linear"></iconify-icon><input type="number" min="0" max="100" step="0.01" name="campaign[targetEngagementRate]" value="{{ entity.targetEngagementRate|default('') }}" placeholder="Ex. 4 %"></span></label>
                        <label class="cceditor-field">Prospects ciblés<span><iconify-icon icon="solar:user-plus-linear"></iconify-icon><input type="number" min="1" name="campaign[targetLeads]" value="{{ entity.targetLeads|default('') }}" placeholder="Ex. 200 prospects"></span></label>
                        <label class="cceditor-field">Partages ciblés<span><iconify-icon icon="solar:share-linear"></iconify-icon><input type="number" min="1" name="campaign[targetShares]" value="{{ entity.targetShares|default('') }}" placeholder="Ex. 500 partages"></span></label>
                    </div>
                </section>

                <footer class="cceditor-bottom">
                    <button class="is-previous" type="button" data-action="communication-campaign-editor#previousStep"><iconify-icon icon="solar:arrow-left-linear"></iconify-icon>Précédent</button>
                    <button class="is-next" type="button" data-action="communication-campaign-editor#nextStep">Étape suivante<iconify-icon icon="solar:arrow-right-linear"></iconify-icon></button>
                </footer>
            </main>

            <aside class="cceditor-aside">
                <section class="cceditor-preview-panel">
                    <header><strong>Aperçu en direct</strong><span><i></i>Actualisé</span></header>
                    <div class="cceditor-preview-card" data-communication-campaign-editor-target="previewCard">
                        <i class="cceditor-preview-accent" data-communication-campaign-editor-target="previewAccent"></i>
                        <div>
                            <span class="cceditor-preview-status"><i></i>Active</span>
                            <strong data-communication-campaign-editor-target="previewName">{{ entity.name|default('Nom de la campagne') }}</strong>
                            <small data-communication-campaign-editor-target="previewAudience">{{ entity.targetAudience|default('Audience cible') ?: 'Audience cible' }}</small>
                            <p><iconify-icon icon="solar:calendar-linear"></iconify-icon><span data-communication-campaign-editor-target="previewDates">Dates à définir</span></p>
                            <div class="cceditor-preview-progress"><span>Avancement</span><b>0 / <i data-communication-campaign-editor-target="previewPosts">{{ entity.plannedPosts|default(12) }}</i> publications</b></div>
                            <em></em>
                            <dl><div><dt>Publications</dt><dd data-communication-campaign-editor-target="previewPostsDuplicate">{{ entity.plannedPosts|default(12) }}</dd></div><div><dt>Idées</dt><dd>0</dd></div><div><dt>Portée</dt><dd>—</dd></div></dl>
                        </div>
                    </div>
                    <div class="cceditor-tips">
                        <h3>Conseils</h3>
                        <p class="is-purple"><iconify-icon icon="solar:lightbulb-bolt-bold-duotone"></iconify-icon>Un nom précis aide votre équipe à retrouver rapidement la campagne.</p>
                        <p class="is-amber"><iconify-icon icon="solar:star-bold-duotone"></iconify-icon>Les campagnes de 10 à 20 publications avec des KPI clairs obtiennent souvent de meilleurs résultats.</p>
                        <p class="is-green"><iconify-icon icon="solar:magic-stick-3-bold-duotone"></iconify-icon>Vous pourrez générer des idées de publications après la création.</p>
                    </div>
                    <button class="cceditor-ai" type="button" data-action="communication-campaign-editor#aiInfo"><iconify-icon icon="solar:magic-stick-3-bold-duotone"></iconify-icon>Préparer le plan avec l’IA</button>
                </section>
            </aside>
        </div>
    </form>

    {% if entity and is_granted('COMMUNICATION_ARCHIVE', entity) %}
        <form id="communication-archive-form" method="post" action="{{ path('communication_archive',{type:'campaign',idtoken:entity.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('communication_archive_'~entity.idtoken) }}"></form>
    {% endif %}
    <div class="cceditor-toast" hidden data-communication-campaign-editor-target="toast"></div>
</div>
{% elseif resource == 'variant' %}
{% set lockedVariant = entity.lockedAt|default(null) is not null %}
{% set savedVersion = entity.contentVersion|default(null) %}
{% if app.request.method == 'POST' %}
{% set entity = app.request.request.all('variant') %}
{% set selectedMediaIds = entity.mediaIds|default([]) %}
{% endif %}
{% set variantContent = entity.content|default(post.masterContent|default('')) %}
{% set variantHashtags = entity.hashtags|default([]) %}
{% if variantHashtags is not iterable %}{% set variantHashtags = variantHashtags|split(',')|filter(value => value|trim != '') %}{% endif %}
{% set variantMentions = entity.mentions|default([]) %}
{% if variantMentions is not iterable %}{% set variantMentions = variantMentions|split(',')|filter(value => value|trim != '') %}{% endif %}
{% set variantMedia = mediaChoices|default([]) %}
{% set selectedMedia = selectedMediaIds|default([]) %}
{% set firstSelectedMedia = null %}
{% for media in variantMedia %}
    {% if firstSelectedMedia is null and media.id in selectedMedia %}{% set firstSelectedMedia = media %}{% endif %}
{% endfor %}
<div class="cvariant-editor" data-controller="communication-variant-editor">
    {% if not lockedVariant and entity.id|default(null) and app.request.query.get('schedule') == '1' %}
        <a hidden href="{{ path('communication_publication_new', {variant: entity.id}) }}" data-turbo-frame="frame_modal" data-communication-variant-editor-target="scheduleLink">Programmer</a>
    {% endif %}
    <form method="post" enctype="multipart/form-data" data-communication-variant-editor-target="form">
        <input type="hidden" name="_token" value="{{ csrf_token(csrf_intention) }}">
        {% if savedVersion is not null %}<input type="hidden" name="contentVersion" value="{{ app.request.method == 'POST' ? app.request.request.get('contentVersion', savedVersion) : savedVersion }}">{% endif %}
        <input type="hidden" name="variant[platform]" value="linkedin">
        <input type="hidden" name="variant[locale]" value="{{ entity.locale|default('fr_FR') }}">
        <input type="hidden" name="variant[primary]" value="1">
        <input type="hidden" name="variant[name]" value="{{ entity.name|default('Publication LinkedIn') }}">

        <header class="cvariant-topbar capsule-heading">
            <div class="cvariant-title">
                <a href="{{ path(back_route, back_params|default({})) }}"><iconify-icon icon="solar:arrow-left-linear"></iconify-icon>Retour</a>
                <div><h1>Éditeur de publication LinkedIn</h1><p>Rédigez, prévisualisez et programmez votre publication LinkedIn.</p></div>
            </div>
            <div class="cvariant-actions">
                <button class="capsule-button capsule-button--secondary" type="submit" name="editorAction" value="draft"><iconify-icon icon="solar:diskette-linear"></iconify-icon>{{ lockedVariant ? 'Mettre à jour la publication planifiée' : 'Enregistrer le brouillon' }}</button>
                {% if not lockedVariant %}<button class="is-schedule capsule-button capsule-button--primary" type="submit" name="editorAction" value="schedule"><iconify-icon icon="solar:clock-circle-bold"></iconify-icon>Programmer</button>{% endif %}
                <button class="is-publish" type="button" disabled title="La publication API LinkedIn n’est pas encore configurée."><iconify-icon icon="mdi:linkedin"></iconify-icon>Publier maintenant</button>
            </div>
        </header>

        {% if lockedVariant %}
            <div class="alert alert-info" role="status">L’enregistrement remplace le contenu de la publication planifiée en conservant sa date. Les versions précédentes restent consultables ci-dessous. Une diffusion déjà publiée ou en cours ne peut plus être modifiée.</div>
        {% endif %}

        <div class="cvariant-accountbar">
            <strong>Publier en tant que</strong>
            <span class="is-selected"><img src="{{ user_avatar_url(app.user) }}" alt="">{{ app.user ? (app.user.prenom ~ ' ' ~ app.user.nom)|trim : 'Profil personnel' }}<iconify-icon icon="solar:check-circle-bold"></iconify-icon></span>
            {% for account in socialAccounts|default([])|slice(0,1) %}<span><iconify-icon icon="mdi:linkedin"></iconify-icon>{{ account.displayName }}</span>{% endfor %}
            <div><b>Compatibilité LinkedIn :</b>{% for label in ['Texte','Images','PDF','Mentions','Premier commentaire'] %}<em><iconify-icon icon="solar:check-circle-bold"></iconify-icon>{{ label }}</em>{% endfor %}<em class="{{ variantHashtags|length > 5 ? 'is-warning' }}"><iconify-icon icon="{{ variantHashtags|length > 5 ? 'solar:danger-triangle-bold' : 'solar:check-circle-bold' }}"></iconify-icon>Hashtags</em></div>
        </div>

        <div class="cvariant-layout">
            <main class="cvariant-main">
                <section class="cvariant-card p-4">
                    <label class="form-label" for="publication-title">Titre de la publication *</label>
                    <input id="publication-title" class="form-control" required maxlength="200" name="post[internalTitle]" value="{{ app.request.method == 'POST' ? app.request.request.all('post').internalTitle|default('') : post.internalTitle|default('') }}" placeholder="Donnez un titre à votre publication">
                </section>
                <section class="cvariant-card cvariant-content-card">
                    <header><i class="is-blue"><iconify-icon icon="solar:pen-new-square-bold-duotone"></iconify-icon></i><h2>Contenu de la publication</h2><button type="button" disabled title="L’assistance IA n’est pas encore configurée."><iconify-icon icon="solar:magic-stick-3-bold-duotone"></iconify-icon>Améliorer avec l’IA</button></header>
                    <div class="cvariant-toolbar" aria-hidden="true"><b>B</b><i>I</i><span>☷</span><span>≣</span><span>@</span><span>#</span><span>☺</span><span>🔗</span><span>❝</span></div>
                    <textarea required maxlength="3000" name="variant[content]" data-communication-variant-editor-target="content" data-action="input->communication-variant-editor#update">{{ variantContent }}</textarea>
                    <footer><span><i data-communication-variant-editor-target="contentProgress"></i></span><b><output data-communication-variant-editor-target="contentCount">{{ variantContent|length }}</output> / 3 000</b></footer>
                </section>

                <section class="cvariant-card">
                    <header><i class="is-green"><iconify-icon icon="solar:paperclip-bold-duotone"></iconify-icon></i><h2>Médias et pièces jointes</h2></header>
                    <div class="cvariant-media-tabs">
                        <button type="button" data-accept="image/jpeg,image/png,image/webp,image/gif" data-action="communication-variant-editor#chooseUpload"><iconify-icon icon="solar:gallery-bold"></iconify-icon>Importer des images</button>
                        <button type="button" data-accept="application/pdf" data-action="communication-variant-editor#chooseUpload"><iconify-icon icon="solar:file-text-bold"></iconify-icon>Joindre un PDF</button>
                        <button type="button" data-accept="video/mp4" data-action="communication-variant-editor#chooseUpload"><iconify-icon icon="solar:videocamera-record-bold"></iconify-icon>Joindre une vidéo</button>
                        <a href="{{ path('communication_media_index') }}"><iconify-icon icon="solar:gallery-wide-bold"></iconify-icon>Médiathèque</a>
                    </div>
                    <input type="file"
                           name="variant[uploads][]"
                           multiple
                           hidden
                           data-communication-variant-editor-target="uploadInput"
                           data-action="change->communication-variant-editor#uploadsSelected">
                    <div class="cvariant-media-grid">
                        {% for media in variantMedia %}
                            <label data-communication-variant-editor-target="mediaCard">
                                <input type="checkbox" name="variant[mediaIds][]" value="{{ media.id }}" {{ media.id in selectedMedia ? 'checked' }} data-preview="{{ path('communication_media_preview',{idtoken:media.idtoken}) }}" data-kind="{{ media.mediaType }}" data-action="change->communication-variant-editor#mediaChanged">
                                {% if media.mediaType in ['image','gif'] and media.mimeType != 'image/svg+xml' %}<img src="{{ path('communication_media_preview',{idtoken:media.idtoken}) }}" alt="{{ media.altText|default(media.title|default(media.originalFilename)) }}">{% else %}<i><iconify-icon icon="solar:file-bold-duotone"></iconify-icon><small>{{ media.title|default(media.originalFilename) }}</small></i>{% endif %}
                                <b><iconify-icon icon="solar:check-circle-bold"></iconify-icon></b>
                            </label>
                        {% else %}<p class="cvariant-no-media">Aucun média disponible. Ajoutez d’abord des fichiers dans la médiathèque.</p>{% endfor %}
                    </div>
                    <a class="cvariant-add-media" href="{{ path('communication_media_index') }}"><iconify-icon icon="solar:add-circle-linear"></iconify-icon>Ajouter un média depuis la médiathèque</a>
                    <small class="cvariant-help">9 images maximum · JPG, PNG ou WebP · 50 Mo maximum par fichier.</small>
                </section>

                <section class="cvariant-card">
                    <header><i class="is-indigo"><iconify-icon icon="solar:hashtag-bold-duotone"></iconify-icon></i><h2>Hashtags</h2><span><b data-communication-variant-editor-target="hashtagCount">{{ variantHashtags|length }}</b> hashtag{{ variantHashtags|length > 1 ? 's' }} · 3 à 5 recommandés</span></header>
                    <input type="hidden" name="variant[hashtags]" value="{{ variantHashtags|join(',') }}" data-communication-variant-editor-target="hashtags">
                    <div class="cvariant-chips" data-communication-variant-editor-target="hashtagChips">{% for hashtag in variantHashtags %}<button type="button" data-value="{{ hashtag }}" data-action="communication-variant-editor#removeHashtag">#{{ hashtag }} ×</button>{% endfor %}</div>
                    <div class="cvariant-warning" hidden data-communication-variant-editor-target="hashtagWarning"><iconify-icon icon="solar:danger-triangle-bold-duotone"></iconify-icon>Plus de 5 hashtags peuvent réduire la portée. Conservez uniquement les plus pertinents.</div>
                    <div class="cvariant-add-row"><input placeholder="#AjouterUnHashtag" data-communication-variant-editor-target="hashtagInput" data-action="keydown.enter->communication-variant-editor#addHashtag"><button type="button" data-action="communication-variant-editor#addHashtag">Ajouter</button></div>
                    <small class="cvariant-suggestions">Suggestions : <button type="button" data-tag="MarqueEmployeur" data-action="communication-variant-editor#suggestHashtag">#MarqueEmployeur</button><button type="button" data-tag="Marketing2026" data-action="communication-variant-editor#suggestHashtag">#Marketing2026</button><button type="button" data-tag="Entrepreneuriat" data-action="communication-variant-editor#suggestHashtag">#Entrepreneuriat</button><button type="button" data-tag="Leadership" data-action="communication-variant-editor#suggestHashtag">#Leadership</button></small>
                </section>

                <section class="cvariant-card">
                    <header><i class="is-cyan"><iconify-icon icon="solar:mention-circle-bold-duotone"></iconify-icon></i><h2>Mentions</h2><span><b data-communication-variant-editor-target="mentionCount">{{ variantMentions|length }}</b> personne{{ variantMentions|length > 1 ? 's' }} mentionnée{{ variantMentions|length > 1 ? 's' }}</span></header>
                    <input type="hidden" name="variant[mentions]" value="{{ variantMentions|join(',') }}" data-communication-variant-editor-target="mentions">
                    <div class="cvariant-mention-list" data-communication-variant-editor-target="mentionList">{% for mention in variantMentions %}<button type="button" data-value="{{ mention }}" data-action="communication-variant-editor#removeMention"><i>@</i><span><b>{{ mention }}</b><small>Mention LinkedIn</small></span><em>@{{ mention }}</em></button>{% endfor %}</div>
                    <div class="cvariant-add-row"><input placeholder="Rechercher une personne ou une page à mentionner…" data-communication-variant-editor-target="mentionInput" data-action="keydown.enter->communication-variant-editor#addMention"><button type="button" data-action="communication-variant-editor#addMention">Ajouter</button></div>
                </section>

                <section class="cvariant-card">
                    <header><i class="is-emerald"><iconify-icon icon="solar:chat-round-dots-bold-duotone"></iconify-icon></i><div><h2>Premier commentaire</h2><p>Publié automatiquement juste après la publication.</p></div><label class="cvariant-switch"><input type="checkbox" checked data-communication-variant-editor-target="commentToggle" data-action="change->communication-variant-editor#toggleComment"><i></i></label></header>
                    <textarea maxlength="1250" name="variant[firstComment]" data-communication-variant-editor-target="firstComment" data-action="input->communication-variant-editor#update">{{ entity.firstComment|default('') }}</textarea>
                    <footer><small>Astuce : placez les liens dans le premier commentaire pour préserver la portée.</small><b><output data-communication-variant-editor-target="commentCount">{{ entity.firstComment|default('')|length }}</output> / 1 250</b></footer>
                </section>

                <section class="cvariant-card">
                    <header><i class="is-rose"><iconify-icon icon="solar:cursor-square-bold-duotone"></iconify-icon></i><div><h2>Appel à l’action</h2><p>Encouragez votre audience à agir.</p></div></header>
                    <div class="cvariant-cta-grid">{% for value,item in {question:['Poser une question','solar:question-circle-linear'],link:['Partager un lien','solar:link-linear'],poll:['Créer un sondage','solar:chart-square-linear'],download:['Télécharger une ressource','solar:download-linear']} %}<label><input type="radio" name="variant[callToAction]" value="{{ item[0] }}" {{ entity.callToAction|default('Poser une question') == item[0] ? 'checked' }}><span><iconify-icon icon="{{ item[1] }}"></iconify-icon>{{ item[0] }}</span></label>{% endfor %}</div>
                    <label class="cvariant-link">Lien associé<input type="url" name="variant[linkUrl]" value="{{ entity.linkUrl|default('') }}" placeholder="https://…"></label>
                    <div class="cvariant-success"><iconify-icon icon="solar:check-circle-bold-duotone"></iconify-icon><span><b>Appel à l’action détecté</b><small>Une question claire améliore généralement le taux de commentaires.</small></span></div>
                </section>
            </main>

            <aside class="cvariant-aside">
                <header><h2><iconify-icon icon="mdi:linkedin"></iconify-icon>Aperçu LinkedIn en direct</h2><span>Fil d’actualité</span></header>
                <article class="cvariant-preview">
                    <header><img src="{{ user_avatar_url(app.user) }}" alt=""><div><b>{{ app.user ? (app.user.prenom ~ ' ' ~ app.user.nom)|trim : 'Votre profil' }}</b><small>{{ app.user.fonction|default('Professionnel') }} · À l’instant</small></div><button type="button">+ Suivre</button></header>
                    <p data-communication-variant-editor-target="previewContent">{{ variantContent|nl2br }}</p>
                    <img {{ firstSelectedMedia ? '' : 'hidden' }} src="{{ firstSelectedMedia ? path('communication_media_preview',{idtoken:firstSelectedMedia.idtoken}) : '' }}" alt="" data-communication-variant-editor-target="previewImage">
                    <div class="cvariant-preview-attachment" hidden data-communication-variant-editor-target="previewAttachment"><iconify-icon data-communication-variant-editor-target="previewAttachmentIcon" icon="solar:file-text-bold-duotone"></iconify-icon><span><b data-communication-variant-editor-target="previewAttachmentName"></b><small data-communication-variant-editor-target="previewAttachmentType"></small></span></div>
                    <div class="cvariant-preview-tags" data-communication-variant-editor-target="previewHashtags">{% for hashtag in variantHashtags %}#{{ hashtag }} {% endfor %}</div>
                    <div class="cvariant-preview-stats"><span>👍 ❤️ 0</span><span>0 commentaire · 0 republication</span></div>
                    <nav><span>👍 J’aime</span><span>💬 Commenter</span><span>🔁 Republier</span><span>✈ Envoyer</span></nav>
                    <section><i>@</i><p data-communication-variant-editor-target="previewComment">{{ entity.firstComment|default('Votre premier commentaire apparaîtra ici.')|nl2br }}</p></section>
                </article>
                <h3>Vérification des capacités LinkedIn</h3>
                <div class="cvariant-checks"><span><iconify-icon icon="solar:check-circle-bold"></iconify-icon><b>Limite de caractères</b><small data-communication-variant-editor-target="characterCheck">Dans la limite de 3 000 caractères</small></span><span><iconify-icon icon="solar:check-circle-bold"></iconify-icon><b>Images</b><small data-communication-variant-editor-target="mediaCheck">{{ selectedMedia|length }} / 9 utilisée{{ selectedMedia|length > 1 ? 's' }}</small></span><span><iconify-icon icon="solar:check-circle-bold"></iconify-icon><b>Hashtags</b><small data-communication-variant-editor-target="hashtagCheck">{{ variantHashtags|length }} ajouté{{ variantHashtags|length > 1 ? 's' }}</small></span><span><iconify-icon icon="solar:check-circle-bold"></iconify-icon><b>Mentions</b><small data-communication-variant-editor-target="mentionCheck">{{ variantMentions|length }} valide{{ variantMentions|length > 1 ? 's' }}</small></span></div>
                <div class="cvariant-score"><div><b>Score de qualité</b><strong><output data-communication-variant-editor-target="score">70</output>/100</strong></div><span><i data-communication-variant-editor-target="scoreBar"></i></span><small data-communication-variant-editor-target="scoreText">Complétez votre publication pour améliorer son score.</small></div>
            </aside>
        </div>
    </form>
    <section class="cvariant-card p-4 mt-4" id="version-history">
        <h2>Historique des versions</h2>
        <p class="text-muted">Version actuelle : {{ savedVersion|default(1) }}. L’historique conserve les enregistrements à partir de son activation.</p>
        {% for revision in versionHistory|default([]) %}
            {% set snapshot = revision.metadata.snapshot %}
            <details class="border rounded p-3 mb-2">
                <summary><strong>Version {{ revision.metadata.version }}</strong> · {{ revision.createdAt|date('d/m/Y à H:i:s', 'Europe/Paris') }} · {{ revision.user ? (revision.user.prenom ~ ' ' ~ revision.user.nom)|trim : 'Version antérieure (auteur non disponible)' }}</summary>
                {% if revision.message %}<p class="text-muted mt-2">{{ revision.message }}</p>{% endif %}
                <h3 class="h5 mt-3">{{ snapshot.internal_title }}</h3>
                {% if snapshot.title %}<p>{{ snapshot.title }}</p>{% endif %}
                <div class="mb-3" style="white-space: pre-wrap">{{ snapshot.content }}</div>
                <dl>
                    <dt>Lien</dt><dd>{{ snapshot.link_url|default('—') }}</dd>
                    <dt>Appel à l’action</dt><dd>{{ snapshot.call_to_action|default('—') }}</dd>
                    <dt>Hashtags</dt><dd>{{ snapshot.hashtags|join(', ') }}</dd>
                    <dt>Mentions</dt><dd>{{ snapshot.mentions|join(', ') }}</dd>
                    <dt>Premier commentaire</dt><dd style="white-space: pre-wrap">{{ snapshot.first_comment|default('—') }}</dd>
                    <dt>Texte alternatif</dt><dd>{{ snapshot.alt_text|default('—') }}</dd>
                    <dt>Médias</dt><dd>{% for media in snapshot.media %}<div>{{ loop.index }}. {{ media.filename }}{% if media.alt_text %} — {{ media.alt_text }}{% endif %}</div>{% else %}Aucun média{% endfor %}</dd>
                </dl>
            </details>
        {% else %}<p>Aucune ancienne version enregistrée. La version actuelle sera conservée lors de la prochaine modification.</p>{% endfor %}
    </section>
</div>
{% else %}
<form method="post" {% if resource == 'media' %}enctype="multipart/form-data"{% endif %} class="card communication-panel">
    <input type="hidden" name="_token" value="{{ csrf_token(csrf_intention) }}">
    <div class="card-body">
        {% if resource == 'idea' %}
            <div class="row g-3">
                <div class="col-12"><label class="form-label">Titre *</label><input required maxlength="200" class="form-control" name="idea[title]" value="{{ entity.title|default('') }}"></div>
                <div class="col-12"><label class="form-label">Description</label><textarea rows="6" class="form-control" name="idea[description]">{{ entity.description|default('') }}</textarea></div>
                <div class="col-md-4"><label class="form-label">Objectif</label><select class="form-select" name="idea[objective]">{% for value,label in {awareness:'Notoriété',engagement:'Engagement',traffic:'Trafic',lead_generation:'Génération de leads',conversion:'Conversion',recruitment:'Recrutement',employer_branding:'Marque employeur',education:'Pédagogie',other:'Autre'} %}<option value="{{ value }}" {{ entity.objective|default('awareness') == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Priorité</label><select class="form-select" name="idea[priority]">{% for value,label in {low:'Faible',normal:'Normale',high:'Haute',urgent:'Urgente'} %}<option value="{{ value }}" {{ entity.priority|default('normal') == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">État</label><select class="form-select" name="idea[status]">{% set selectedIdeaStatus = entity.status|default(idea_defaults.status|default('inbox')) %}{% for value,label in {inbox:'Boîte de réception',to_review:'À examiner',selected:'Sélectionnée',converted:'Convertie',rejected:'Rejetée',archived:'Archivée'} %}<option value="{{ value }}" {{ selectedIdeaStatus == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Plateforme suggérée</label><select class="form-select" name="idea[suggestedPlatform]"><option value="">—</option><option value="generic" {{ entity.suggestedPlatform|default('') == 'generic' ? 'selected' }}>Générique</option><option value="linkedin" {{ entity.suggestedPlatform|default('') == 'linkedin' ? 'selected' }}>LinkedIn</option></select></div>
                <div class="col-md-4"><label class="form-label">Catégorie</label><select class="form-select" name="idea[categoryId]"><option value="">—</option>{% for category in categories|default([]) %}<option value="{{ category.id }}" {{ entity.category|default(null) and entity.category.id == category.id ? 'selected' }}>{{ category.name }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Date suggérée</label><input type="date" class="form-control" name="idea[suggestedPublishDate]" value="{{ entity.suggestedPublishAt|default(null) ? entity.suggestedPublishAt|date('Y-m-d') }}"></div>
                <div class="col-md-4"><label class="form-label">Heure</label><input type="time" class="form-control" name="idea[suggestedPublishTime]" value="{{ entity.suggestedPublishAt|default(null) ? entity.suggestedPublishAt|date('H:i') }}"></div>
                <div class="col-12"><label class="form-label d-block">Tags</label>{% for tag in tags|default([]) %}<label class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="idea[tagIds][]" value="{{ tag.id }}" {{ entity and entity.tags.contains(tag) ? 'checked' }}><span class="form-check-label">#{{ tag.name }}</span></label>{% else %}<span class="text-muted small">Créez d’abord des tags dans les paramètres.</span>{% endfor %}</div>
            </div>
        {% elseif resource == 'post' %}
            <div class="row g-3">
                <div class="col-12"><label class="form-label">Titre interne *</label><input required maxlength="200" class="form-control" name="post[internalTitle]" value="{{ entity.internalTitle|default('') }}"></div>
                <div class="col-12"><label class="form-label">Brief</label><textarea rows="4" class="form-control" name="post[brief]">{{ entity.brief|default('') }}</textarea></div>
                <div class="col-12"><label class="form-label">Contenu maître</label><textarea rows="10" class="form-control" name="post[masterContent]">{{ entity.masterContent|default('') }}</textarea></div>
                <div class="col-md-4"><label class="form-label">Objectif *</label><select class="form-select" name="post[objective]">{% for value in ['awareness','engagement','traffic','lead_generation','conversion','recruitment','employer_branding','event','customer_success','education','product_launch','community','other'] %}<option {{ entity.objective|default('awareness') == value ? 'selected' }}>{{ value }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Priorité</label><select class="form-select" name="post[priority]">{% for value in ['low','normal','high','urgent'] %}<option {{ entity.priority|default('normal') == value ? 'selected' }}>{{ value }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Ton</label><input maxlength="80" class="form-control" name="post[tone]" value="{{ entity.tone|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Catégorie</label><select class="form-select" name="post[categoryId]"><option value="">—</option>{% for category in categories|default([]) %}<option value="{{ category.id }}" {{ entity.category|default(null) and entity.category.id == category.id ? 'selected' }}>{{ category.name }}</option>{% endfor %}</select></div>
                <div class="col-md-6"><label class="form-label">Campagne</label><select class="form-select" name="post[campaignId]"><option value="">—</option>{% for campaign in campaigns|default([]) %}<option value="{{ campaign.id }}" {{ entity.campaign|default(null) and entity.campaign.id == campaign.id ? 'selected' }}>{{ campaign.name }}</option>{% endfor %}</select></div>
                <div class="col-12"><label class="form-label d-block">Tags</label>{% for tag in tags|default([]) %}<label class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="post[tagIds][]" value="{{ tag.id }}" {{ entity and entity.tags.contains(tag) ? 'checked' }}><span class="form-check-label">#{{ tag.name }}</span></label>{% endfor %}</div>
            </div>
        {% elseif resource == 'variant' %}
            <div class="alert alert-light">Publication : <strong>{{ post.internalTitle }}</strong></div>
            <div class="row g-3">
                <div class="col-md-6"><label class="form-label">Nom *</label><input required maxlength="140" class="form-control" name="variant[name]" value="{{ entity.name|default('') }}"></div>
                <div class="col-md-3"><label class="form-label">Plateforme *</label><select class="form-select" name="variant[platform]"><option value="generic" {{ entity.platform|default('generic') == 'generic' ? 'selected' }}>Générique</option><option value="linkedin" {{ entity.platform|default('') == 'linkedin' ? 'selected' }}>LinkedIn</option></select></div>
                <div class="col-md-3"><label class="form-label">Langue</label><input class="form-control" name="variant[locale]" value="{{ entity.locale|default('fr_FR') }}"></div>
                <div class="col-12"><label class="form-label">Titre</label><input class="form-control" name="variant[title]" value="{{ entity.title|default('') }}"></div>
                <div class="col-12"><label class="form-label">Contenu *</label><textarea required rows="12" class="form-control" name="variant[content]">{{ entity.content|default(post.masterContent|default('')) }}</textarea></div>
                <div class="col-md-6"><label class="form-label">Lien</label><input type="url" class="form-control" name="variant[linkUrl]" value="{{ entity.linkUrl|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Appel à l’action</label><input class="form-control" name="variant[callToAction]" value="{{ entity.callToAction|default('') }}"></div>
                <div class="col-12"><label class="form-label">Hashtags (séparés par des virgules)</label><input class="form-control" name="variant[hashtags]" value="{{ entity.hashtags|default([])|join(', ') }}"></div>
                <div class="col-12"><label class="form-label d-block">Médias</label>{% for media in mediaChoices|default([]) %}<label class="form-check"><input class="form-check-input" type="checkbox" name="variant[mediaIds][]" value="{{ media.id }}" {{ media.id in selectedMediaIds|default([]) ? 'checked' }}><span class="form-check-label">{{ media.title|default(media.originalFilename) }}</span></label>{% else %}<span class="text-muted small">Aucun média disponible.</span>{% endfor %}</div>
                <div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="variant[primary]" value="1" {{ entity.isPrimary|default(false) ? 'checked' }}><label class="form-check-label">Variante principale</label></div>
            </div>
        {% elseif resource == 'campaign' %}
            {% set campaignObjectives = {
                awareness:'Notoriété', engagement:'Engagement', traffic:'Génération de trafic',
                lead_generation:'Génération de prospects', conversion:'Conversion', recruitment:'Recrutement',
                employer_branding:'Marque employeur', event:'Événement', customer_success:'Fidélisation client',
                education:'Pédagogie', product_launch:'Lancement de produit', community:'Développement de communauté',
                other:'Autre'
            } %}
            {% set campaignStatuses = {
                draft:'Brouillon', planned:'Planifiée', active:'Active',
                completed:'Terminée', cancelled:'Annulée', archived:'Archivée'
            } %}
            <div class="row g-3">
                <div class="col-12"><label class="form-label">Nom *</label><input required maxlength="180" class="form-control" name="campaign[name]" value="{{ entity.name|default('') }}"></div>
                <div class="col-12"><label class="form-label">Description</label><textarea rows="5" class="form-control" name="campaign[description]">{{ entity.description|default('') }}</textarea></div>
                <div class="col-md-4"><label class="form-label">Objectif *</label><select class="form-select" name="campaign[objective]">{% for value,label in campaignObjectives %}<option value="{{ value }}" {{ entity.objective|default('awareness') == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">État</label><select class="form-select" name="campaign[status]">{% for value,label in campaignStatuses %}<option value="{{ value }}" {{ entity.status|default('draft') == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
                <div class="col-md-4"><label class="form-label">Budget</label><input type="number" min="0" step="0.01" class="form-control" name="campaign[budget]" value="{{ entity.budget|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Début</label><input type="date" class="form-control" name="campaign[startDate]" value="{{ entity.startDate|default(null) ? entity.startDate|date('Y-m-d') }}"></div>
                <div class="col-md-6"><label class="form-label">Fin</label><input type="date" class="form-control" name="campaign[endDate]" value="{{ entity.endDate|default(null) ? entity.endDate|date('Y-m-d') }}"></div>
                <div class="col-12"><label class="form-label">Audience cible</label><textarea rows="3" class="form-control" name="campaign[targetAudience]">{{ entity.targetAudience|default('') }}</textarea></div>
                <div class="col-12"><label class="form-label">Plateformes</label><input class="form-control" name="campaign[platforms]" value="{{ entity.platforms|default([])|join(', ') }}" placeholder="linkedin, instagram, facebook"></div>
            </div>
        {% elseif resource == 'template' %}
            <div class="row g-3">
                <div class="col-md-8"><label class="form-label">Nom *</label><input required maxlength="180" class="form-control" name="template[name]" value="{{ entity.name|default('') }}"></div>
                <div class="col-md-4"><label class="form-label">Plateforme</label><select class="form-select" name="template[platform]"><option value="generic" {{ entity.platform|default('generic') == 'generic' ? 'selected' }}>Générique</option><option value="linkedin" {{ entity.platform|default('') == 'linkedin' ? 'selected' }}>LinkedIn</option></select></div>
                <div class="col-12"><label class="form-label">Description</label><textarea rows="3" class="form-control" name="template[description]">{{ entity.description|default('') }}</textarea></div>
                <div class="col-md-6"><label class="form-label">Catégorie</label><select class="form-select" name="template[categoryId]"><option value="">—</option>{% for category in categories|default([]) %}<option value="{{ category.id }}" {{ entity.category|default(null) and entity.category.id == category.id ? 'selected' }}>{{ category.name }}</option>{% endfor %}</select></div>
                <div class="col-md-6"><label class="form-label">Objectif</label><select class="form-select" name="template[objective]"><option value="">—</option>{% for value in ['awareness','engagement','traffic','lead_generation','conversion','recruitment','employer_branding','event','customer_success','education','product_launch','community','other'] %}<option {{ entity.objective|default('') == value ? 'selected' }}>{{ value }}</option>{% endfor %}</select></div>
                <div class="col-12"><label class="form-label">Modèle de contenu *</label><textarea required rows="12" class="form-control" name="template[contentTemplate]">{{ entity.contentTemplate|default('') }}</textarea></div>
                <div class="col-md-6"><label class="form-label">Hashtags par défaut</label><input class="form-control" name="template[defaultHashtags]" value="{{ entity.defaultHashtags|default([])|join(', ') }}"></div>
                <div class="col-md-6"><label class="form-label">Variables disponibles</label><input class="form-control" name="template[availableVariables]" value="{{ entity.availableVariables|default([])|join(', ') }}"></div>
                <div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="template[active]" value="1" {{ entity.active|default(true) ? 'checked' }}><label class="form-check-label">Modèle actif</label></div>
            </div>
        {% elseif resource == 'media' %}
            <div class="row g-3">
                <div class="col-12"><label class="form-label">Fichier {{ entity ? '' : '*' }}</label><input type="file" class="form-control" name="media[file]" {{ entity ? '' : 'required' }} accept=".png,.jpg,.jpeg,.webp,.gif,.svg,.mp4,.pdf,.doc,.docx"></div>
                <div class="col-md-6"><label class="form-label">Titre</label><input class="form-control" name="media[title]" value="{{ entity.title|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Texte alternatif</label><input class="form-control" name="media[altText]" value="{{ entity.altText|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Dossier</label><select class="form-select" name="media[folderId]"><option value="">Sans dossier</option>{% for folder in mediaFolders|default([]) %}<option value="{{ folder.id }}" {{ entity.folder|default(null) and entity.folder.id == folder.id ? 'selected' }}>{{ folder.name }}</option>{% endfor %}</select></div>
                <div class="col-md-6"><label class="form-label d-block">Tags</label><div class="d-flex flex-wrap gap-2">{% for tag in tags|default([]) %}<label class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="media[tagIds][]" value="{{ tag.id }}" {{ entity and tag in entity.tags ? 'checked' }}><span class="form-check-label">{{ tag.name }}</span></label>{% else %}<span class="text-muted small">Aucun tag disponible.</span>{% endfor %}</div></div>
                <div class="col-12"><label class="form-label">Description</label><textarea rows="3" class="form-control" name="media[description]">{{ entity.description|default('') }}</textarea></div>
                <div class="col-md-6"><label class="form-label">Titulaire des droits</label><input class="form-control" name="media[copyrightOwner]" value="{{ entity.copyrightOwner|default('') }}"></div>
                <div class="col-md-6"><label class="form-label">Expiration des droits</label><input type="date" class="form-control" name="media[usageExpiresAt]" value="{{ entity.usageExpiresAt|default(null) ? entity.usageExpiresAt|date('Y-m-d') }}"></div>
                <div class="col-12"><label class="form-label">Droits d’utilisation</label><textarea rows="3" class="form-control" name="media[usageRights]">{{ entity.usageRights|default('') }}</textarea></div>
                {% if entity %}<div class="col-12"><a href="{{ path('communication_media_download',{idtoken:entity.idtoken}) }}">Télécharger le fichier actuel</a></div>{% endif %}
            </div>
        {% endif %}
    </div>
    <div class="card-footer d-flex justify-content-end gap-2">
        {% if entity and resource == 'idea' and not entity.convertedPost and is_granted('COMMUNICATION_EDIT', entity) %}
            <button class="btn btn-outline-primary me-auto" type="submit" form="communication-convert-form">Transformer en publication</button>
        {% endif %}
        {% if entity and resource in ['idea','post','campaign','template','media'] and is_granted('COMMUNICATION_ARCHIVE', entity) %}
            <button class="btn btn-outline-danger {{ resource == 'idea' and not entity.convertedPost ? '' : 'me-auto' }}" type="submit" form="communication-archive-form">Archiver</button>
        {% endif %}
        <a class="capsule-button capsule-button--secondary" href="{{ path(back_route, back_params|default({})) }}">Annuler</a>
        <button class="capsule-button capsule-button--primary" type="submit"><i class="ti ti-device-floppy"></i>Enregistrer</button>
    </div>
</form>
{% if entity and resource in ['idea','post','campaign','template','media'] and is_granted('COMMUNICATION_ARCHIVE', entity) %}
<form id="communication-archive-form" method="post" action="{{ path('communication_archive',{type:resource,idtoken:entity.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('communication_archive_'~entity.idtoken) }}"></form>
{% endif %}
{% if entity and resource == 'idea' and not entity.convertedPost and is_granted('COMMUNICATION_EDIT', entity) %}
<form id="communication-convert-form" method="post" action="{{ path('communication_idea_convert',{idtoken:entity.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('communication_idea_convert_'~entity.idtoken) }}"></form>
{% endif %}
{% endif %}
{% endblock %}