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

{% block pp %}{{pp}}{% endblock %}

{% block css %}{{css}}{% endblock %}

{% block title %}Analyses - HearthTrack{% endblock %}

{% block user %}{{user}} - {{role}}{% endblock %}

{% block body %}
    <div class="container-fluid px-4">
        <h1 class="mt-4">Analyses</h1>
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item"><a href="/home">Accueil</a></li>
            <li class="breadcrumb-item active">Analyses</li>
        </ol>
        <div class="card-body">
            <div class="datatable-container">
                <table id="datatablesSimple" class="datatable-table">
                    <thead>
                    <tr>
                        <th>Date</th>
                        <th>Heure de début</th>
                        <th>Heure de fin</th>
                        <th>Type</th>
                        <th>effort ressenti</th>
                        <th>Variabilité</th>
                        <th>Variance</th>
                        <th>Ecart type</th>
                        <th>Moyenne</th>
                        <th>Maximum</th>
                        <th>Minimum</th>
                        <th>Temperature moyenne</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tfoot>
                    <tr>
                        <th>Date</th>
                        <th>Heure de début</th>
                        <th>Heure de fin</th>
                        <th>Type</th>
                        <th>effort ressenti</th>
                        <th>Variabilité</th>
                        <th>Variance</th>
                        <th>Ecart type</th>
                        <th>Moyenne</th>
                        <th>Maximum</th>
                        <th>Minimum</th>
                        <th>Temperature moyenne</th>
                    </tr><tr></tr>

                    </tfoot>
                    <tbody>
                    {% for analyze in analyzes %}
                        <tr>
                            <td>{{analyze.date}}</td>
                            <td>{{analyze.heureDebut}}</td>
                            <td>{{analyze.heureFin}}</td>
                            <td>{{analyze.type}}</td>
                            <td>{{analyze.effortRessenti}}</td>
                            <td>{{analyze.variabilite}}</td>
                            <td>{{analyze.variance}}</td>
                            <td>{{analyze.ecartType}}</td>
                            <td>{{analyze.moyenne}} Bpm</td>
                            <td>{{analyze.max}} Bpm</td>
                            <td>{{analyze.min}} Bpm</td>
                            <td>{{analyze.temperature}} °C</td>
                            <td>{{ analyze.effortRessenti }}</td>
{#                            <td><a href="/analyze/{{ analyse.effortRessenti }}">En savoir plus</a></td>#}
                            <td><a href="{{ path('analyze_details', {'id': analyze.effortRessenti }) }}">En savoir plus</a></td>
{#                            <td><a href="/analyses">En savoir plus</a></td>#}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    </div>
    </div>
{% endblock %}

{% block script %}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    <script src="js/scripts.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
    <script src="js/datatables-simple-demo.js"></script>
{% endblock %}