{% extends "dashboard/base_dash.html" %}
{% block title %}Suivi quotidien — GiniFollow{% endblock %}
{% block dashboard_inner %}
<div class="px-3 px-lg-4 py-4">
    <p class="dash-help mb-4">
        <strong>Suivi quotidien :</strong> saisissez tension, glycémie, humeur ou symptômes pour garder une trace utile à vous et à l’équipe. L’historique permet de voir l’évolution dans le temps.
    </p>
    <div class="row g-4">
        <div class="col-lg-6">
            <div class="card border-0 shadow-sm rounded-3">
                <div class="card-body p-4">
                    <h2 class="h5 fw-bold mb-3">Saisie du jour</h2>
                    <form method="post" novalidate>
                        {% csrf_token %}
                        {% for field in suivi_form %}
                        {% if field.name == "medicaments_pris" %}
                        <div class="form-check mb-3">
                            {{ field }}
                            <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                            {% if field.errors %}<div class="text-danger small">{{ field.errors|join:", " }}</div>{% endif %}
                        </div>
                        {% else %}
                        <div class="mb-3">
                            <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                            {{ field }}
                            {% if field.errors %}<div class="text-danger small">{{ field.errors|join:", " }}</div>{% endif %}
                        </div>
                        {% endif %}
                        {% endfor %}
                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card border-0 shadow-sm rounded-3">
                <div class="card-body p-4">
                    <h2 class="h5 fw-bold mb-3">Historique récent</h2>
                    <div class="table-responsive" style="max-height: 420px; overflow-y: auto;">
                        <table class="table table-sm align-middle">
                            <thead class="table-light sticky-top"><tr><th>Date</th><th>TA</th><th>Gly.</th><th>Méd.</th></tr></thead>
                            <tbody>
                                {% for s in historique_suivi %}
                                <tr>
                                    <td class="text-nowrap">{{ s.date|date:"d/m/Y" }}</td>
                                    <td>{% if s.tension_systolique %}{{ s.tension_systolique }}/{{ s.tension_diastolique }}{% else %}—{% endif %}</td>
                                    <td>{{ s.glycemie|default:"—" }}</td>
                                    <td>{% if s.medicaments_pris %}<span class="text-success">Oui</span>{% else %}<span class="text-muted">Non</span>{% endif %}</td>
                                </tr>
                                {% empty %}
                                <tr><td colspan="4" class="text-muted">Aucune entrée.</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}