{# templates/entreprise/intervention/edit.html.twig #}
{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Modifier Intervention #{{ intervention.id }} | {{ app.user.entreprise.raisonSociale|default('Gestion') }}{% endblock %}

{% block body %}
<div class="container-fluid py-4 px-md-4">

    {# --- EN-TÊTE HARMONISÉ --- #}
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
        <div>
            <h3 class="page-header page-header-top mb-1">
                <i class="fas fa-edit me-2 text-primary"></i>Modifier l'Intervention
            </h3>
            <p class="text-muted small mb-0 d-none d-md-block">
                ID: <strong>#{{ intervention.id }}</strong> — Concernant l'appartement <strong>{{ intervention.appartement.titre }}</strong>
            </p>
        </div>
        
        <div class="d-flex gap-2">
            <a href="{{ path('app_entreprise_intervention_show', {'id': intervention.id}) }}" class="btn btn-sm btn-outline-info shadow-sm px-3">
                <i class="fas fa-eye me-1"></i> Voir les détails
            </a>
            <a href="{{ path('app_entreprise_intervention_index') }}" class="btn btn-sm btn-outline-secondary shadow-sm px-3">
                <i class="fas fa-arrow-left me-1"></i> Retour
            </a>
        </div>
    </div>

    {% include 'flash_messages.html.twig' %}

    <div class="row g-4">
        {# --- ZONE FORMULAIRE (ÉDITION) --- #}
        <div class="col-12 col-lg-8">
            <div class="card card-form shadow-sm border-0">
                <div class="card-body p-4">
                    {{ include('entreprise/intervention/_form.html.twig', {
                        'button_label': 'Mettre à jour l\'intervention',
                        'button_class': 'btn btn-primary px-5 shadow-sm fw-bold'
                    }) }}
                </div>
            </div>
        </div>

        {# --- ZONE INFO & ACTIONS CRITIQUES --- #}
        <div class="col-12 col-lg-4">
            {# Bloc Info Modification #}
            <div class="card border-0 shadow-sm mb-4" style="background-color: #f8f9fc;">
                <div class="card-body p-4">
                    <h6 class="fw-bold text-dark mb-3">
                        <i class="fas fa-history me-2 text-primary"></i> Historique de modification
                    </h6>
                    <p class="small text-muted mb-0">
                        La mise à jour du montant recalculera automatiquement les statistiques de rentabilité du bien pour le mois de 
                        <strong>{{ intervention.dates|date('F Y') }}</strong>.
                    </p>
                </div>
            </div>

            {# ZONE DE DANGER (SUPPRESSION) #}
            <div class="card border-danger shadow-sm mb-4">
                <div class="card-header bg-danger bg-opacity-10 border-danger">
                    <h6 class="fw-bold text-danger mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i> Zone de Danger
                    </h6>
                </div>
                <div class="card-body p-4">
                    <p class="small text-muted mb-4">
                        Cette action est irréversible. La suppression de l'intervention retirera également la charge financière associée.
                    </p>
                    <div class="d-grid">
                        {{ include('entreprise/intervention/_delete_form.html.twig', {'intervention': intervention}) }}
                    </div>
                </div>
            </div>
            
            {# Rappel visuel #}
            <div class="p-3 bg-white rounded border border-light text-center shadow-sm">
                <small class="text-muted">
                    <i class="fas fa-shield-alt text-success me-1"></i> 
                    Modification sécurisée par <br><strong>{{ app.user.entreprise.raisonSociale }}</strong>
                </small>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        // Scripts spécifiques à l'édition si nécessaire
    </script>
{% endblock %}