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

{% block title %}Mes objectifs – EOS{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h5 mb-0 fw-bold">Plafond & Plancher</h1>
    <a href="{{ path('app_target_new') }}" class="btn btn-primary btn-sm">+ Nouvel objectif</a>
</div>

{% if targets is empty %}
    <div class="eos-empty">
        <span class="eos-empty-icon">🎯</span>
        Aucun objectif défini pour l'instant.<br>
        <a href="{{ path('app_target_new') }}" class="btn btn-primary btn-sm mt-3">Définir mes objectifs</a>
    </div>
{% else %}

    {# Objectif actif en avant #}
    {% for target in targets %}
        {% if target.isOpen() %}
        <div class="card mb-4">
            <div class="card-header">Objectif en cours</div>
            <div class="card-body">
                <div class="row g-3 text-center">
                    <div class="col-6">
                        <div class="target-big-val">{{ target.targetCalories }}<span class="target-big-unit">kcal</span></div>
                        <div class="kpi-label mt-1">Plafond calorique</div>
                    </div>
                    <div class="col-6">
                        <div class="target-big-val" style="color: var(--eos-green)">{{ target.targetProteins }}<span class="target-big-unit">g</span></div>
                        <div class="kpi-label mt-1">Plancher protéique</div>
                    </div>
                </div>
                <div class="text-eos-muted small mt-3 text-center">
                    Actif depuis le {{ target.validFrom|date('d/m/Y') }}
                </div>
            </div>
        </div>
        {% endif %}
    {% endfor %}

    {# Historique #}
    <h2 class="h6 text-eos-muted mb-2">Historique</h2>
    <div class="card">
        <div class="table-responsive">
            <table class="table table-sm day-table mb-0">
                <thead>
                    <tr>
                        <th>Plafond (kcal)</th>
                        <th>Plancher (g)</th>
                        <th>Actif depuis</th>
                        <th>Jusqu'au</th>
                        <th class="text-center">Statut</th>
                    </tr>
                </thead>
                <tbody>
                {% for target in targets %}
                    <tr>
                        <td class="fw-bold text-eos">{{ target.targetCalories }}</td>
                        <td class="fw-bold" style="color: var(--eos-green)">{{ target.targetProteins }}</td>
                        <td>{{ target.validFrom|date('d/m/Y') }}</td>
                        <td class="text-eos-muted">{{ target.validUntil ? target.validUntil|date('d/m/Y') : '–' }}</td>
                        <td class="text-center">
                            {% if target.isOpen() %}
                                <span class="badge badge-accepted">Actif</span>
                            {% else %}
                                <span class="badge badge-ignored">Archivé</span>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endif %}
{% endblock %}