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

{% block title %}Log Events{% endblock %}

{% block body %}
    <h1>Liste des Evénement</h1>

    <table id="tableCaptor" class="table table-striped table-bordered" style="width:100%">
        <thead>
        <tr>
            <th>Logement</th>
            <th>Statut</th>
            <th>Temps</th>
        </tr>
        </thead>
        <tbody>

            {% for event in events  %}
            <tr>
                <td>{{ event.logement.name }}</td>
                <td>{% if event.status %} On {% else %} Off {% endif %}</td>
                <td>{{ event.createdAt|date("d/m/Y h:i:s") }}</td>
            </tr>
            {% endfor %}

        </tbody>
    </table>

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.23/js/dataTables.bootstrap4.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#tableCaptor').DataTable();
        } );
    </script>

{% endblock %}