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

{% block pp %}{{pp}}{% 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.html">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>Type</th>
                                            <th>BMP</th>
                                            <th>KM/H</th>
                                            <th>Distance</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th>Date</th>
                                            <th>Type</th>
                                            <th>BPM</th>
                                            <th>KM/H</th>
                                            <th>Distance</th>
                                            </tr><tr></tr>
                                        
                                    </tfoot>
                                    <tbody>
                                    {% for analyze in analyzes %}
                                        <tr>
                                            <td>{{analyze.date}}</td>
                                            <td>{{analyze.type}}</td>
                                            <td>{{analyze.bpm}}</td>
                                            <td>{{analyze.kmh}} Km/H</td>
                                            <td>{{analyze.distance}} Km</td>
                                            <td><a href="#about">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 %}