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

{% block title %}{{ parent() }} - Moniteur{% endblock %}

{% block body %}
    <div class="container-fluid">
        <section class="pt-3 mb-5">
            <div class="h3">Température</div>

            <div class="row">
                <div class="col-12">
                    <div class="shadow-sm p-3 bg-light rounded">
                        <div class="chart-container" data-reload="300000" data-api="{{ path('api_monitoring_temperature') }}" data-type="line">
                            <canvas class="chart-canvas" id="chart-temperature"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section>
            <div class="h3">Hygrométrie</div>

            <div class="row">
                <div class="col-12">
                    <div class="shadow-sm p-3 bg-light rounded">
                        <div class="chart-container" data-reload="300000" data-api="{{ path('api_monitoring_hygrometry') }}" data-type="line">
                            <canvas class="chart-canvas" id="chart-hygrometry"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
{% endblock %}