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

{% block title %}Modifier {{ article.nom|capitalize }}{% endblock %}

{% block body %}
<div class="form-wrap">

    <div class="form-page-header">
        <a href="{{ path('app_article_index') }}" class="btn-back">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/>
            </svg>
            Retour
        </a>
        <h2 class="form-page-title">Modifier <span>{{ article.nom|capitalize }}</span></h2>
    </div>

    <div class="form-card">
        {{ include('article/_form.html.twig', {'button_label': 'Enregistrer'}) }}
    </div>

    <div class="form-danger-zone">
        <p class="danger-label">Zone dangereuse</p>
        {{ include('article/_delete_form.html.twig') }}
    </div>

</div>
{% endblock %}