{# templates/admin/poste/edit.html.twig #}
{% extends 'layouts/admin_layout.html.twig' %}

{% block title %}Modifier Poste - LUXIM GPIM{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    {# En-tête #}
    <div class="mb-4">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1" style="font-size: 0.75rem;">
                <li class="breadcrumb-item"><a href="{{ path('app_admin_poste_index') }}" class="text-decoration-none text-muted">Postes</a></li>
                <li class="breadcrumb-item active fw-bold text-primary">Modification</li>
            </ol>
        </nav>
        <div class="d-flex justify-content-between align-items-center">
            <h3 class="page-header page-header-top mb-0">Modifier le poste : <span class="text-primary">{{ poste.libelle }}</span></h3>
            <a href="{{ path('app_admin_poste_index') }}" class="btn btn-outline-secondary btn-sm shadow-sm px-3">
                <i class="fas fa-arrow-left me-2"></i>Retour à la liste
            </a>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-12 col-md-10 col-lg-7 col-xl-5">
            
            {# Carte du formulaire de modification #}
            <div class="card shadow-sm border-0 mb-4">
                <div class="card-header bg-white py-3 border-bottom">
                    <div class="d-flex align-items-center">
                        <div class="text-warning p-2 rounded me-3" style="background-color: rgba(255, 193, 7, 0.1);">
                            <i class="fas fa-edit fa-lg"></i>
                        </div>
                        <div>
                            <h5 class="card-title mb-0 fw-bold text-dark">Mettre à jour les informations</h5>
                            <p class="text-muted mb-0 small">ID du poste : #{{ poste.id }}</p>
                        </div>
                    </div>
                </div>
                
                <div class="card-body p-4 p-md-5">
                    {{ include('admin/poste/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
                </div>
            </div>

            {# Zone de danger (Suppression) #}
            <div class="card border-danger shadow-sm mb-5" style="border-style: dashed; background-color: #fff8f8;">
                <div class="card-body d-flex justify-content-between align-items-center py-3">
                    <div>
                        <h6 class="text-danger fw-bold mb-0">Zone de danger</h6>
                        <p class="small text-muted mb-0">La suppression est irréversible.</p>
                    </div>
                    {{ include('admin/poste/_delete_form.html.twig') }}
                </div>
            </div>

        </div>
    </div>
</div>

<style>
    .card {
        animation: fadeInUp 0.4s ease-out;
    }

    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Style spécifique pour le bouton delete s'il est dans un form externe */
    .btn-outline-danger {
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
</style>
{% endblock %}