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

{% block title %}Nouvelle Intervention | {{ 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">Enregistrer une Intervention</h3>
            <p class="text-muted small mb-0 d-none d-md-block">Suivez les dépenses de maintenance et les travaux sur vos biens.</p>
        </div>
        
        <div>
            <a href="{{ path('app_entreprise_intervention_index') }}" class="btn btn-sm btn-outline-secondary btn-return shadow-sm px-3">
                <i class="fas fa-arrow-left me-1"></i> Retour à l'historique
            </a>
        </div>
    </div>

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

    <div class="row g-4">
        {# --- ZONE FORMULAIRE --- #}
        <div class="col-12 col-lg-8">
            <div class="card card-form shadow-sm border-0">
                <div class="card-body p-4">
                    {# Inclusion du formulaire partiel avec les mêmes variables de style que pour Location #}
                    {{ include('entreprise/intervention/_form.html.twig', {
                        'button_label': 'Enregistrer l\'intervention',
                        'button_class': 'btn btn-primary px-5 shadow-sm fw-bold'
                    }) }}
                </div>
            </div>
        </div>

        {# --- ZONE D'INFORMATION (SIDEBAR) --- #}
        <div class="col-12 col-lg-4">
            <div class="card border-0 shadow-sm info-card" style="background-color: #f8f9fc;">
                <div class="card-body p-4">
                    <h6 class="fw-bold text-dark mb-3">
                        <i class="fas fa-info-circle me-2 text-primary"></i> Suivi des Charges
                    </h6>
                    <p class="small text-muted mb-3">
                        L'enregistrement des interventions permet de calculer précisément la <strong>rentabilité nette</strong> de vos biens.
                    </p>
                    <ul class="list-unstyled small text-muted mb-3">
                        <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Les montants sont déduits du rapport financier.</li>
                        <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Archivez les descriptions pour l'historique du bien.</li>
                        <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Utile pour la justification des charges.</li>
                    </ul>
                    
                    <div class="alert alert-info border-0 small mb-0">
                        <i class="fas fa-lightbulb me-2"></i>
                        <strong>Conseil :</strong> Soyez précis dans la description pour retrouver facilement quel artisan est intervenu en cas de litige.
                    </div>

                    <hr class="my-4 opacity-10">
                    
                    <div class="p-3 bg-white rounded border border-light text-center shadow-sm">
                        <small class="text-muted">
                            <i class="fas fa-chart-line text-success me-1"></i> 
                            <strong>Impact financier :</strong><br>
                            Cette dépense sera automatiquement répercutée dans vos <strong>rapports mensuels</strong>.
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}