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

{% block page_title %}
	Nouvel Article | BO
{% endblock %}

{% block name_title_page_top %}
	<i class="fa-solid fa-plus"></i> Nouvel Article
{% endblock %}

{% block real_page_content %}

<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-md-6">
            <h1>Nouvel Article</h1>
        </div>
        <div class="col-md-6 text-end">
            <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" data-controller="article-form">
                <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="{{ data.title|default('') }}"
                           required
                           maxlength="255"
                           data-article-form-target="titleInput"
                           data-action="input->article-form#generateSlug"
                           placeholder="Entrez le titre de l'article">
                </div>
                <div class="mb-3">
                    <label class="form-label">Slug</label>
                    <input type="text" 
                           name="article[slug]"
                           id="article_slug"
                           class="form-control" 
                           value="{{ data.slug|default('') }}"
                           required
                           maxlength="255"
                           placeholder="Entrez le slug de l'article"
                           data-article-form-target="slugInput"
                    >
                </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="{{ data.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>{{ data.body|default('') }}</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 data.published|default(false) %}checked{% endif %}>
                    <label class="form-check-label" for="article_published">
                        Publier immédiatement
                    </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>
{% endblock %}