{% extends 'app/base.html.twig' %}

{% set is_edit = suivi is not null %}

{% block title %}{{ is_edit ? 'Modifier le suivi — ' ~ suivi.nom_personne : 'Nouveau suivi individuel' }}{% endblock %}

{% block body %}
<div class="d-flex align-items-center justify-content-between mb-4">
    <h1 class="h4 fw-bold page-title mb-0">
        <i class="fas fa-user-clock me-2"></i>
        {{ is_edit ? 'Modifier le suivi' : 'Nouveau suivi individuel' }}
    </h1>
    <a href="{{ is_edit ? path('tenant_dechets_suivis_show', {id: suivi.id}) : path('tenant_dechets_suivis_index') }}"
       class="btn btn-outline-secondary btn-sm">
        <i class="fas fa-arrow-left me-1"></i>Retour
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-primary text-white">
                <h6 class="mb-0">
                    <i class="fas fa-id-card me-2"></i>
                    {{ is_edit ? 'Informations du suivi' : 'Créer un suivi individuel' }}
                </h6>
            </div>
            <div class="card-body p-4">
                <form method="post" action="{{ action }}">
                    <input type="hidden" name="_token" value="{{ csrf_token(token) }}">

                    <div class="row g-3">
                        <div class="col-sm-8">
                            <label for="nom_personne" class="form-label fw-semibold">
                                Nom et prénom <span class="text-danger">*</span>
                            </label>
                            <input type="text" id="nom_personne" name="nom_personne" class="form-control"
                                   value="{{ suivi.nom_personne ?? '' }}" required
                                   placeholder="Ex : Marie Dupont">
                        </div>

                        <div class="col-sm-4">
                            <label for="type_personne" class="form-label fw-semibold">Type</label>
                            <select id="type_personne" name="type_personne" class="form-select">
                                <option value="eleve"    {{ (suivi.type_personne ?? 'eleve') == 'eleve'    ? 'selected' }}>🏫 Élève</option>
                                <option value="resident" {{ (suivi.type_personne ?? '') == 'resident' ? 'selected' }}>🏠 Résident</option>
                                <option value="patient"  {{ (suivi.type_personne ?? '') == 'patient'  ? 'selected' }}>🏥 Patient</option>
                                <option value="autre"    {{ (suivi.type_personne ?? '') == 'autre'    ? 'selected' }}>👤 Autre</option>
                            </select>
                        </div>

                        <div class="col-sm-6">
                            <label for="groupe_service" class="form-label fw-semibold">
                                Classe / Unité / Aile
                            </label>
                            <input type="text" id="groupe_service" name="groupe_service" class="form-control"
                                   value="{{ suivi.groupe_service ?? '' }}"
                                   placeholder="Ex : CP3, Unité Alzheimer, Chambre 12…">
                            <div class="form-text">Pour identifier le groupe ou l'emplacement de la personne.</div>
                        </div>

                        <div class="col-sm-6">
                            <label for="date_debut" class="form-label fw-semibold">
                                Date de début <span class="text-danger">*</span>
                            </label>
                            <input type="date" id="date_debut" name="date_debut" class="form-control"
                                   value="{{ suivi.date_debut ?? 'now'|date('Y-m-d') }}" required>
                        </div>

                        <div class="col-12">
                            <label for="motif" class="form-label fw-semibold">
                                <i class="fas fa-stethoscope text-info me-1"></i>
                                Motif médical / Prescription
                            </label>
                            <textarea id="motif" name="motif" class="form-control" rows="4"
                                      placeholder="Ex : Suspicion de dénutrition constatée par le médecin Dr. Martin le 28/03/2026. Consigne : peser les denrées servies et le retour d'assiette à chaque déjeuner et dîner.">{{ suivi.motif ?? '' }}</textarea>
                            <div class="form-text">
                                Cette information est visible depuis la fiche du suivi pour rappeler le contexte médical aux équipes.
                            </div>
                        </div>

                        <div class="col-12">
                            <label for="notes" class="form-label fw-semibold">Notes internes</label>
                            <textarea id="notes" name="notes" class="form-control" rows="2"
                                      placeholder="Informations complémentaires à usage interne…">{{ suivi.notes ?? '' }}</textarea>
                        </div>
                    </div>

                    <hr class="my-4">
                    <div class="d-flex gap-2 justify-content-end">
                        <a href="{{ is_edit ? path('tenant_dechets_suivis_show', {id: suivi.id}) : path('tenant_dechets_suivis_index') }}"
                           class="btn btn-outline-secondary">Annuler</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i>
                            {{ is_edit ? 'Enregistrer les modifications' : 'Créer le suivi' }}
                        </button>
                    </div>
                </form>
            </div>
        </div>

        {% if not is_edit %}
        <div class="alert alert-light border mt-3 small">
            <i class="fas fa-circle-info text-info me-2"></i>
            Après création, vous pourrez saisir les pesages directement depuis la fiche du suivi.
            La fiche affiche les résultats en temps réel (quantité consommée, taux de consommation, graphique d'évolution).
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}