{% extends '@App/partials/base.html.twig' %}

{% set isEdit = isEdit|default(false) %}
{% block title %}{{ isEdit ? 'Modifier une actualité' : 'Ajouter une actualité' }}{% endblock %}

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid py-4">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
      <div>
        <div class="text-muted mb-1 fs-5">Actualités <i class="ti ti-chevron-right align-middle"></i> {{ isEdit ? 'Modifier une actualité' : 'Ajouter une actualité' }}</div>
        <h1 class="fw-bold mb-1" style="font-size:3rem;line-height:1.1;">{{ isEdit ? 'Modifier' : 'Publier une nouvelle' }}<br>actualité</h1>
        <p class="text-muted mb-0 fs-5">{{ isEdit ? 'Mettez à jour votre contenu et vos paramètres de publication' : 'Informez votre communauté des dernières nouveautés' }}</p>
      </div>
      <div class="d-flex gap-2">
        <button class="btn btn-light border px-4 py-2" type="button" disabled><i class="ti ti-eye me-1"></i>Aperçu</button>
        <button class="btn btn-light border px-4 py-2" type="submit" form="actualite-form" name="submit_action" value="draft">Enregistrer brouillon</button>
        <button class="btn btn-success px-4 py-2" type="submit" form="actualite-form" name="submit_action" value="publish"><i class="ti ti-send me-1"></i>Publier</button>
      </div>
    </div>

    {% if errors is defined and errors|length > 0 %}
      <div class="alert alert-danger border-danger-subtle">
        <ul class="mb-0">
          {% for error in errors %}
            <li>{{ error }}</li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}

    <form id="actualite-form" method="post" action="{{ formAction }}" enctype="multipart/form-data" data-turbo="false">
      <input type="hidden" name="_token" value="{{ csrf_token(csrfTokenId|default('admin_actualite_new')) }}">

      <div class="row g-4">
        <div class="col-xl-8">
          <div class="card border rounded-4">
            <div class="card-body p-4 p-lg-5">
              <h4 class="fw-bold mb-4">Informations principales</h4>

              <div class="mb-3">
                <label class="form-label fw-semibold">Titre de l'actualité <span class="text-danger">*</span></label>
                <input type="text" class="form-control form-control-lg" name="title" value="{{ old.title|default('') }}" placeholder="Ex: Nouvelle fonctionnalité de suivi des partenariats" required>
                <div class="form-text">Un titre accrocheur qui résume l'information principale</div>
              </div>

              <div class="mb-3">
                <label class="form-label fw-semibold">Résumé <span class="text-danger">*</span></label>
                <textarea class="form-control" name="excerpt" rows="4" maxlength="150" placeholder="Résumé court de l'actualité qui apparaîtra dans la liste..." required>{{ old.excerpt|default('') }}</textarea>
                <div class="form-text">Maximum 150 caractères - visible dans l'aperçu</div>
              </div>

              <div class="row g-3 mb-3">
                <div class="col-md-6">
                  <label class="form-label fw-semibold">Catégorie <span class="text-danger">*</span></label>
                  {% set categoryValue = old.category|default('') %}
                  <select class="form-select" name="category" required>
                    <option value="">Sélectionner une catégorie</option>
                    {% for c in ['Plateforme','Partenariats','Juridique','Fiscalité','Conformité'] %}
                      <option value="{{ c }}" {{ categoryValue == c ? 'selected' : '' }}>{{ c }}</option>
                    {% endfor %}
                  </select>
                </div>
                <div class="col-md-6">
                  <label class="form-label fw-semibold">Priorité</label>
                  {% set priorityValue = old.priority|default('Normale') %}
                  <select class="form-select" name="priority">
                    {% for p in ['Faible','Normale','Haute','Critique'] %}
                      <option value="{{ p }}" {{ priorityValue == p ? 'selected' : '' }}>{{ p }}</option>
                    {% endfor %}
                  </select>
                </div>
              </div>

              <div class="mb-3">
                <label class="form-label fw-semibold">Tags</label>
                <input type="text" class="form-control" name="tags" value="{{ old.tags|default('') }}" placeholder="nouveauté, partenariat, mécénat...">
                <div class="form-text">Séparez les tags par des virgules</div>
              </div>

              <div class="mb-3">
                <label class="form-label fw-semibold">Contenu de l'actualité</label>
                <textarea class="form-control tinymce" data-controller="tinymce" name="contentHtml" rows="16" placeholder="Rédigez le contenu complet de l'actualité...">{{ old.contentHtml|default('') }}</textarea>
              </div>
            </div>
          </div>
        </div>

        <div class="col-xl-4">
          <div class="card border rounded-4 mb-4">
            <div class="card-body p-4">
              <h4 class="fw-bold mb-4">Publication</h4>

              <div class="mb-3">
                <label class="form-label fw-semibold">Statut</label>
                {% set statusValue = old.status|default('DRAFT') %}
                <select class="form-select" name="status">
                  <option value="DRAFT" {{ statusValue == 'DRAFT' ? 'selected' : '' }}>Brouillon</option>
                  <option value="PUBLISHED" {{ statusValue == 'PUBLISHED' ? 'selected' : '' }}>Publié</option>
                  <option value="ARCHIVED" {{ statusValue == 'ARCHIVED' ? 'selected' : '' }}>Archivé</option>
                </select>
              </div>

              <div class="mb-3">
                <label class="form-label fw-semibold">Audience</label>
                {% set audienceValue = old.audience|default('all_users') %}
                <select class="form-select" name="audience">
                  <option value="all_users" {{ audienceValue == 'all_users' ? 'selected' : '' }}>Tous les utilisateurs</option>
                  <option value="organization" {{ audienceValue == 'organization' ? 'selected' : '' }}>Organisation uniquement</option>
                </select>
              </div>

              <div class="mb-3">
                <label class="form-label fw-semibold">Date de publication</label>
                <input type="datetime-local" class="form-control" name="publishedAt" value="{{ old.publishedAt|default('') }}">
              </div>

              <div class="form-check mb-2">
                <input class="form-check-input" type="checkbox" name="pinTop" id="pinTop" value="1" {{ old.pinTop|default('') ? 'checked' : '' }}>
                <label class="form-check-label" for="pinTop">Épingler en haut</label>
              </div>
              <div class="form-check mb-2">
                <input class="form-check-input" type="checkbox" name="notifyEmail" id="notifyEmail" value="1" {{ old.notifyEmail|default('') ? 'checked' : '' }}>
                <label class="form-check-label" for="notifyEmail">Envoyer notification email</label>
              </div>
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="notifyPush" id="notifyPush" value="1" {{ old.notifyPush|default('') ? 'checked' : '' }}>
                <label class="form-check-label" for="notifyPush">Notification push mobile</label>
              </div>
            </div>
          </div>

          <div class="card border rounded-4">
            <div class="card-body p-4">
              <h4 class="fw-bold mb-4">Référencement</h4>
              <div class="mb-3">
                <label class="form-label fw-semibold">Slug URL</label>
                <div class="input-group">
                  <span class="input-group-text">/actualites/</span>
                  <input type="text" class="form-control" name="slug" value="{{ old.slug|default('') }}" placeholder="nouvelle-fonctionnalite">
                </div>
              </div>
              <div>
                <label class="form-label fw-semibold">Meta description</label>
                <textarea class="form-control" name="sourceName" rows="4" placeholder="Description SEO courte pour cette actualité...">{{ old.sourceName|default('') }}</textarea>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock %}