{% extends 'base.html.twig' %}

{% block page_title %}
	Modifier l'article | BO
{% endblock %}

{% block name_title_page_top %}
	<i class="fa-solid fa-newspaper"></i> Modifier l'article
{% endblock %}

{% block real_page_content %}

<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-md-6">
            <h1>Modifier l'article</h1>
        </div>
        <div class="col-md-6 text-end">
            <a href="{{ ea_url().setRoute('article_preview', {id: article.id}) }}" 
               class="btn btn-info me-2"
               target="_blank">
                <i class="fas fa-eye"></i> Prévisualiser
            </a>
            <a href="{{ ea_url().setRoute('article_index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Retour à la liste
            </a>
        </div>
    </div>

    {% if errors is defined and errors is not empty %}
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Erreur(s) :</strong>
            <ul class="mb-0">
                {% for error in errors %}
                    <li>{{ error }}</li>
                {% endfor %}
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endif %}

    <div class="card">
        <div class="card-body">
            <form method="post" name="article">
                <div class="mb-3">
                    <label for="article_title" class="form-label">
                        Titre <span class="text-danger">*</span>
                    </label>
                    <input type="text" 
                           class="form-control {% if errors is defined and errors is not empty %}is-invalid{% endif %}" 
                           id="article_title" 
                           name="article[title]"
                           value="{{ article.title }}"
                           required
                           maxlength="255"
                           placeholder="Entrez le titre de l'article">
                </div>

                <div class="mb-3">
                    <label class="form-label">Slug</label>
                    <input type="text"
                           class="form-control"
                           value="{{ article.slug }}"
                           disabled>
                    <input type="hidden" name="article[slug]" value="{{ article.slug }}">
                    <small class="form-text text-muted">
                        Le slug ne peut pas être modifié
                    </small>
                </div>

                <div class="mb-3">
                    <label for="article_image" class="form-label">
                        Image de couverture (URL)
                    </label>
                    <input type="url"
                           class="form-control"
                           id="article_image"
                           name="article[image]"
                           value="{{ article.image|default('') }}"
                           placeholder="https://example.com/image.jpg">
                </div>

                <div class="mb-3">
                    <label for="article_body" class="form-label">
                        Contenu <span class="text-danger">*</span>
                    </label>
                    <div data-controller="ckeditor" 
                         data-ckeditor-target="container">
                        <textarea class="form-control" 
                                  id="article_body" 
                                  name="article[body]"
                                  data-ckeditor-target="editor"
                                  rows="15"
                                  required>{{ article.body }}</textarea>
                    </div>
                </div>

                <div class="mb-3 form-check">
                    <input type="checkbox" 
                           class="form-check-input" 
                           id="article_published" 
                           name="article[published]"
                           value="1"
                           {% if article.published %}checked{% endif %}>
                    <label class="form-check-label" for="article_published">
                        Publier l'article
                    </label>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ ea_url().setRoute('article_index') }}" class="btn btn-secondary">
                        Annuler
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Enregistrer
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-body">
            <h5 class="card-title text-danger">Zone de danger</h5>
            <p class="card-text">La suppression d'un article est définitive et irréversible.</p>
            <button type="button" 
                    class="btn btn-danger"
                    data-bs-toggle="modal"
                    data-bs-target="#deleteModal">
                <i class="fas fa-trash"></i> Supprimer cet article
            </button>
        </div>
    </div>

    {# Modal de confirmation de suppression #}
    <div class="modal fade" id="deleteModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Confirmer la suppression</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    Êtes-vous sûr de vouloir supprimer l'article 
                    <strong>{{ article.title }}</strong> ?
                    <br>
                    Cette action est irréversible.
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        Annuler
                    </button>
                    <form action="{{ ea_url().setRoute('article_delete', {id: article.id}) }}" 
                          method="post" 
                          class="d-inline">
                        <button type="submit" class="btn btn-danger">
                            Confirmer la suppression
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}