{% extends 'parents/_layout.html.twig' %}

{% block title %}{{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% block page_title %}{{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% block body %}
    {% if alertesVisibles is not empty %}
        <div class="card mb-5 mb-xl-8 border border-warning">
            <div class="card-header border-0 pt-6">
                <div class="card-title"><h3>Alertes</h3></div>
            </div>
            <div class="card-body pt-0">
                <ul class="mb-0">
                    {% for alerte in alertesVisibles %}
                        <li><strong>{{ alerte.type.label }}</strong> - {{ alerte.description }}</li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    {% endif %}

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Aujourd'hui</h3></div>
            <div class="card-toolbar">
                <a href="{{ path('parents_espace_fil', {enfantId: enfant.id}) }}" class="btn btn-light-primary btn-sm">Voir le fil du jour complet &rarr;</a>
            </div>
        </div>
        <div class="card-body pt-0">
            {% if filDuJour.repas is empty and filDuJour.siestes is empty and filDuJour.soins is empty and filDuJour.activites is empty and filDuJour.humeurs is empty %}
                <div class="text-muted mb-4">Rien de saisi pour le moment aujourd'hui.</div>
            {% else %}
                <div class="d-flex flex-column gap-2 mb-4">
                    {% for repas in filDuJour.repas %}
                        <div class="border border-warning border-2 rounded p-3 bg-light-warning">{{ repas.dateHeure|date('H:i') }} - Repas ({{ repas.moment.label }}) : {{ repas.quantiteMangee.label }}</div>
                    {% endfor %}
                    {% for sieste in filDuJour.siestes %}
                        <div class="border border-info border-2 rounded p-3 bg-light-info">{{ sieste.dateHeure|date('H:i') }} - Sieste : {{ sieste.qualite.label }}</div>
                    {% endfor %}
                    {% for soin in filDuJour.soins %}
                        <div class="border border-danger border-2 rounded p-3 bg-light-danger">{{ soin.dateHeure|date('H:i') }} - Soin : {{ soin.type.label }}</div>
                    {% endfor %}
                    {% for activite in filDuJour.activites %}
                        <div class="border border-success border-2 rounded p-3 bg-light-success">{{ activite.dateHeure|date('H:i') }} - Activité{% if activite.descriptionEffective %} : {{ activite.descriptionEffective }}{% endif %}</div>
                    {% endfor %}
                    {% for humeur in filDuJour.humeurs %}
                        <div class="border border-primary border-2 rounded p-3 bg-light-primary">{{ humeur.dateHeure|date('H:i') }} - Humeur : {{ humeur.humeur.label }}</div>
                    {% endfor %}
                </div>
            {% endif %}
            <a href="{{ path('parents_espace_fil', {enfantId: enfant.id}) }}" class="btn btn-light-primary">Voir le fil du jour complet &rarr;</a>
        </div>
    </div>
{% endblock %}