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

{% block title %}{{ isUpdate ? 'Modifier' : 'Saisir' }} l'offrande – EOS{% endblock %}

{% block body %}
<div class="row justify-content-center">
    <div class="col-12 col-md-8 col-lg-6">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h1 class="h5 mb-0 fw-bold">
                {{ isUpdate ? 'Modifier l\'offrande du jour' : 'Offrande du jour' }}
            </h1>
            <a href="{{ path('app_daily_log_index') }}" class="text-eos-muted small">← Retour</a>
        </div>

        {{ form_start(form) }}

        {# ── Nutrition ── #}
        <div class="card mb-3">
            <div class="card-header">Nutrition</div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-12 col-sm-6">
                        {{ form_row(form.caloriesConsumed) }}
                        {% if targetCalories %}
                        <div class="small text-eos-muted mt-n2 mb-1">Plafond : {{ targetCalories }} kcal</div>
                        {% endif %}
                    </div>
                    <div class="col-12 col-sm-6">
                        {{ form_row(form.proteinsConsumed) }}
                        {% if targetProteins %}
                        <div class="small text-eos-muted mt-n2 mb-1">Plancher : {{ targetProteins }} g</div>
                        {% endif %}
                    </div>
                    <div class="col-12 col-sm-6">{{ form_row(form.weight) }}</div>
                </div>
            </div>
        </div>

        {# ── Forme mentale ── #}
        <div class="card mb-4" data-controller="daily-log">
            <div class="card-header">Forme</div>
            <div class="card-body">

                <div class="mb-3">
                    {{ form_label(form.moodScore) }}
                    <div class="score-widget">
                        {{ form_widget(form.moodScore, {attr: {
                            'data-daily-log-target': 'mood',
                            'data-action': 'input->daily-log#updateLabel'
                        }}) }}
                        <span data-daily-log-target="moodLabel" class="score-badge">
                            {{ form.moodScore.vars.data ?? 5 }}
                        </span>
                    </div>
                    {{ form_errors(form.moodScore) }}
                </div>

                <div class="mb-3">
                    {{ form_label(form.sleepScore) }}
                    <div class="score-widget">
                        {{ form_widget(form.sleepScore, {attr: {
                            'data-daily-log-target': 'sleep',
                            'data-action': 'input->daily-log#updateLabel'
                        }}) }}
                        <span data-daily-log-target="sleepLabel" class="score-badge">
                            {{ form.sleepScore.vars.data ?? 5 }}
                        </span>
                    </div>
                    {{ form_errors(form.sleepScore) }}
                </div>

                <div class="mb-3">
                    {{ form_label(form.fatigueScore) }}
                    <div class="score-widget">
                        {{ form_widget(form.fatigueScore, {attr: {
                            'data-daily-log-target': 'fatigue',
                            'data-action': 'input->daily-log#updateLabel'
                        }}) }}
                        <span data-daily-log-target="fatigueLabel" class="score-badge">
                            {{ form.fatigueScore.vars.data ?? 5 }}
                        </span>
                    </div>
                    {{ form_errors(form.fatigueScore) }}
                </div>

            </div>
        </div>

        <div class="d-flex justify-content-between align-items-center">
            {{ form_widget(form.submit, {label: isUpdate ? 'Mettre à jour' : 'Enregistrer l\'offrande', attr: {class: 'btn btn-primary'}}) }}
            <a href="{{ path('app_daily_log_index') }}" class="btn btn-link text-eos-muted">Annuler</a>
        </div>

        {{ form_end(form) }}

    </div>
</div>
{% endblock %}