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

{% block title %}Résultat de votre recherche{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-lg-12">
            <div id="div_chartTR"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12 col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Résultat de la recherche</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Nous avons trouvé {{ count}} résulats</p>
                    <div class="table-responsive-sm table-responsive-md table-responsive-lg">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">ID</th>
                            <th scope="col">Date Heure</th>
                            <th scope="col">Température</th>
                            <th scope="col">Pression</th>
                            <th scope="col">Humidité</th>
                        </tr>
                        </thead>
                        <tbody>
                {% for resultat in resultats %}
                        <tr>
                            <th scope="row">{{ resultat.id }}</th>
                            <td>{{ resultat.dateheure|date("d/m/Y H:i") }}</td>
                            <td>{{ resultat.temperature }}</td>
                            <td>{{ resultat.pression }}</td>
                            <td>{{ resultat.humiditer }}</td>
                        </tr>
                {% endfor %}
                        </tbody>
                    </table>
                    </div>
                    <a href="{{ path('historique') }}">Retour a la page Historique</a>
                </div>
            </div>
        </div>
    </div>
</div>


    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        {{ gc_language('fr') }}
        {{ gc_draw(chartTR, 'div_chartTR') }}

    </script>




{% endblock %}