{% extends 'base.html.twig' %}
{% block title %}Nouveau type d'entretien{% endblock %}
{% block content %}

<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1 small">
                <li class="breadcrumb-item"><a href="{{ path('app_admin_maintenance_type_index') }}">Types d'entretien</a></li>
                <li class="breadcrumb-item active">Nouveau</li>
            </ol>
        </nav>
        <h1 class="h3 mb-0 fw-bold"><i class="fas fa-plus-circle text-primary me-2"></i>Nouveau type d'entretien</h1>
    </div>
    <a href="{{ path('app_admin_maintenance_type_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-2"></i>Retour
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-5">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-primary text-white py-3">
                <h5 class="mb-0"><i class="fas fa-tag me-2"></i>Informations du type</h5>
            </div>
            <div class="card-body p-4">
                {{ form_start(form, {attr: {novalidate: 'novalidate'}}) }}
                <div class="mb-4">
                    <label class="form-label fw-semibold required">
                        <i class="fas fa-font text-primary me-1"></i>Libellé
                    </label>
                    {{ form_widget(form.label, {attr: {
                        class: 'form-control form-control-lg' ~ (form.label.vars.errors|length ? ' is-invalid' : ''),
                        placeholder: 'Ex : Assurance, Vignette, Vidange…',
                        autofocus: 'autofocus'
                    }}) }}
                    {{ form_errors(form.label) }}
                    <div class="form-text">Le libellé sera copié dans chaque entretien créé avec ce type.</div>
                </div>
                <div class="d-flex gap-2 pt-2 border-top">
                    <button type="submit" class="btn btn-primary px-4">
                        <i class="fas fa-save me-2"></i>Enregistrer
                    </button>
                    <a href="{{ path('app_admin_maintenance_type_index') }}" class="btn btn-outline-secondary">Annuler</a>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
</div>
<style>.required::after { content: ' *'; color: var(--bs-danger); }</style>
{% endblock %}