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

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

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

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

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

{% block body %}
<div class="container-fluid px-4">
    <h1 class="mt-4">Exercices</h1>
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
            <li class="breadcrumb-item active">Exercices</li>
        </ol>
        <style>.btn-mrg{margin:15px; margin-left:85%}</style>
        <button class="btn btn-primary btn-mrg" id="btnNavbarSearch" type="button">Ajouter un exercice</button>
                             <div class="card-body">
                            <div class="datatable-container">                                
                            	<table id="datatablesSimple" class="datatable-table">
                                    <thead>
                                        <tr>
                                            <th>Date</th>
                                            <th>Type</th>
                                            <th>Intensité prévue</th>
                                            <th>Status</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    {% for exo in exos %}
                                        <tr>
                                            <td>{{exo.date}}</td>
                                            <td>{{exo.type}}</td>
                                            <td>{{exo.intensite}}</td>
                                            <td>{{exo.status}}</td>
                                            <td>
                                                <a href="#"><img src="/assets/img/delete.png"></a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                </div>
          </div>
    </div>
{% endblock %}