{% extends '@Prospection/prospection/layout.html.twig' %}
{% block prospection_title %}Atelier de contenu{% endblock %}
{% block prospection_content %}
<div class="prospection-form-page"><header class="capsule-heading"><div class="capsule-heading-main"><a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('prospection_content_index') }}"><i class="ti ti-arrow-left"></i></a><div class="capsule-heading-content"><h1 class="capsule-heading-title">Atelier de contenu</h1><p class="capsule-heading-subtitle">Générez une base, personnalisez-la, puis placez-la dans le planning.</p></div></div></header>
<form method="post"><input type="hidden" name="_token" value="{{ csrf_token('prospection_content_'~item.idtoken) }}"><div class="row g-4"><div class="col-xl-4"><div class="card"><div class="card-header"><h2 class="h5 mb-0">Brief de génération</h2></div><div class="card-body d-flex flex-column gap-3">
    <div><label class="form-label">Sujet *</label><input class="form-control {{ errors.topic|default ? 'is-invalid' }}" name="topic" value="{{ item.topic }}"><div class="invalid-feedback">{{ errors.topic|default }}</div></div>
    <div><label class="form-label">Canal</label><select class="form-select" name="channel">{% for value,label in {linkedin:'LinkedIn',email:'Email',newsletter:'Newsletter',blog:'Article de blog'} %}<option value="{{ value }}" {{ item.channel == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
    <div><label class="form-label">Ton</label><select class="form-select" name="tone">{% for value,label in {professional:'Professionnel',expert:'Expert',direct:'Direct',inspiring:'Inspirant'} %}<option value="{{ value }}" {{ item.tone == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
    <div><label class="form-label">Audience</label><input class="form-control" name="audience" placeholder="Ex. dirigeants de PME"></div>
    <div><label class="form-label">Objectif</label><input class="form-control" name="objective" placeholder="Ex. obtenir des rendez-vous"></div>
    <button class="capsule-button capsule-button--secondary" name="generate" value="1"><i class="ti ti-wand"></i>Générer le brouillon</button>
</div></div></div>
<div class="col-xl-8"><div class="card"><div class="card-header"><h2 class="h5 mb-0">Contenu & planification</h2></div><div class="card-body row g-3">
    <div class="col-12"><label class="form-label">Titre *</label><input class="form-control {{ errors.title|default ? 'is-invalid' }}" name="title" value="{{ item.title }}"><div class="invalid-feedback">{{ errors.title|default }}</div></div>
    <div class="col-12"><label class="form-label">Contenu *</label><textarea class="form-control {{ errors.content|default ? 'is-invalid' }}" rows="14" name="content">{{ item.content }}</textarea><div class="invalid-feedback">{{ errors.content|default }}</div></div>
    <div class="col-md-6"><label class="form-label">État</label><select class="form-select" name="status"><option value="draft" {{ item.status == 'draft' ? 'selected' }}>Brouillon</option><option value="scheduled" {{ item.status == 'scheduled' ? 'selected' }}>Planifié</option><option value="published" {{ item.status == 'published' ? 'selected' }}>Publié</option></select></div>
    <div class="col-md-6"><label class="form-label">Date de publication</label><input class="form-control {{ errors.scheduledAt|default ? 'is-invalid' }}" type="datetime-local" name="scheduledAt" value="{{ item.scheduledAt ? item.scheduledAt|date('Y-m-d\\TH:i') : '' }}"><div class="invalid-feedback">{{ errors.scheduledAt|default }}</div></div>
</div><div class="card-footer d-flex justify-content-between">{% if item.id %}<button class="capsule-button capsule-button--danger" type="submit" form="delete-content"><i class="ti ti-trash"></i>Supprimer</button>{% else %}<span></span>{% endif %}<div class="d-flex gap-2"><a class="capsule-button capsule-button--secondary" href="{{ path('prospection_content_index') }}">Annuler</a><button class="capsule-button capsule-button--primary"><i class="ti ti-device-floppy"></i>Enregistrer</button></div></div></div></div></div></form>
{% if item.id %}<form id="delete-content" method="post" action="{{ path('prospection_content_delete',{idtoken:item.idtoken}) }}" data-action="submit->prospection-ui#confirm" data-confirm="Supprimer ce contenu ?"><input type="hidden" name="_token" value="{{ csrf_token('prospection_content_delete_'~item.idtoken) }}"></form>{% endif %}
</div>
{% endblock %}