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

{% block title %}Bilans hebdomadaires – EOS{% endblock %}

{% block body %}
<h1 class="h5 fw-bold mb-4">Bilans hebdomadaires — Oracle</h1>

{% if assessments is empty %}
    <div class="eos-empty">
        <span class="eos-empty-icon">🔮</span>
        Aucun bilan disponible pour l'instant.<br>
        <span class="small">L'Oracle se prononcera après quelques semaines de suivi.</span>
    </div>
{% else %}
    <div class="row g-3">
    {% for wa in assessments %}
        <div class="col-12 col-md-6">
            <div class="card h-100">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span>{{ wa.startDate|date('d/m') }} → {{ wa.endDate|date('d/m/Y') }}</span>
                    {% if wa.status == 'pending' %}
                        <span class="badge badge-pending">En attente</span>
                    {% elseif wa.status == 'accepted' %}
                        <span class="badge badge-accepted">Accepté</span>
                    {% else %}
                        <span class="badge badge-ignored">Ignoré</span>
                    {% endif %}
                </div>
                <div class="card-body">
                    <div class="row g-3 mb-3">
                        <div class="col-4 text-center">
                            <div class="assessment-stat-label">Poids moy.</div>
                            <div class="assessment-stat-val">{{ wa.averageWeight }} kg</div>
                        </div>
                        <div class="col-4 text-center">
                            <div class="assessment-stat-label">TDEE estimé</div>
                            <div class="assessment-stat-val text-eos-muted">{{ wa.estimatedTdee }}</div>
                        </div>
                        <div class="col-4 text-center">
                            <div class="assessment-stat-label">Suggestion</div>
                            <div class="assessment-stat-val text-eos">{{ wa.proposedCalories }}</div>
                        </div>
                    </div>

                    <p class="small text-eos-muted mb-0" style="line-height: 1.5;">
                        Le TDEE (dépense énergétique totale) est estimé à <strong>{{ wa.estimatedTdee }} kcal/j</strong>
                        sur la base de votre poids et de votre apport observé cette semaine.
                        L'Oracle suggère <strong>{{ wa.proposedCalories }} kcal/j</strong> pour continuer dans la bonne direction.
                    </p>
                </div>

                {% if wa.isPending() %}
                <div class="card-footer bg-transparent border-0 pt-0 d-flex gap-2">
                    <form method="post" action="{{ path('app_assessment_accept', {id: wa.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('assessment_action_' ~ wa.id) }}">
                        <button class="btn btn-success btn-sm">Accepter la proposition</button>
                    </form>
                    <form method="post" action="{{ path('app_assessment_ignore', {id: wa.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('assessment_action_' ~ wa.id) }}">
                        <button class="btn btn-outline-secondary btn-sm">Ignorer</button>
                    </form>
                </div>
                {% endif %}
            </div>
        </div>
    {% endfor %}
    </div>
{% endif %}
{% endblock %}