{% extends 'dashboard/base.twig' %}
{% block title %}Nouvelle Catégorie{% endblock %}
{% block title_header %}Nouvelle <span class="text-blue-500">Catégorie</span>{% endblock %}


{% block body %}
<div class="backdrop-blur-xl bg-[#1e293b]/40 border border-white/5 rounded-[2.5rem] shadow-2xl overflow-hidden">


    <div class="p-10">
        {{ form_start(form, {'attr': {'class': 'space-y-12'}}) }}
        {{ form_row(form.name) }}
        {# ACTIONS : Boutons espacés #}
        <div class="pt-10 border-t border-white/5 flex items-center justify-end">
            <div class="flex items-center space-x-16"> {# Espace large entre les deux boutons #}
                <a data-turbo="false"  href="{{ path('app_crm_category') }}" class="mr-2 text-[10px] font-black text-slate-300 hover:text-rose-500 uppercase tracking-widest transition-colors">
                    Annuler l'opération
                </a>
                <button type="submit" class="p-2 px-16 py-4 bg-blue-600 hover:bg-blue-500 text-white text-[10px] font-black uppercase tracking-[0.2em] rounded-2xl shadow-lg shadow-blue-600/20 transition-all hover:scale-105 active:scale-95">
                    Valider et enregistrer
                </button>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}

