{# -*- mode: jinja-html -*- #}
{% extends 'base.j2' %}

{% block styles %}
{{super()}}
<script src="/ScoDoc/static/jQuery/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="/ScoDoc/static/DataTables/datatables.min.css">
<script type="text/javascript" charset="utf8" src="/ScoDoc/static/DataTables/datatables.min.js"></script>
{% endblock %}

{% block app_content %}
{% include 'entreprises/nav.j2' %}

{% if logs %}
<div class="container">
    <h3>Dernières opérations</h3>
    <ul>
        {% for log in logs %}
        <li><span style="margin-right: 10px;">{{ log.date.strftime('%d %b %Hh%M') }}</span><span>{{ log.text|safe }} par
                {{ log.authenticated_user|get_nomcomplet_by_username }}</span></li>
        {% endfor %}
    </ul>
</div>
{% endif %}

<div class="container" style="margin-bottom: 10px;">
    <h1>Liste des entreprises à valider</h1>
    <table id="table-entreprises-validation">
        <thead>
            <tr>
                <td data-priority="3">SIRET</td>
                <td data-priority="1">Nom</td>
                <td data-priority="4">Adresse</td>
                <td data-priority="5">Code postal</td>
                <td data-priority="6">Ville</td>
                <td data-priority="7">Pays</td>
                <td data-priority="2">Action</td>
            </tr>
        </thead>
        <tbody>
            {% for entreprise in entreprises %}
            <tr class="table-row active">
                <th><a href="{{ url_for('entreprises.fiche_entreprise_validation', entreprise_id=entreprise.id) }}">{{
                        entreprise.siret }}</a></th>
                <th>{{ entreprise.nom }}</th>
                <th>{{ entreprise.adresse }}</th>
                <th>{{ entreprise.codepostal }}</th>
                <th>{{ entreprise.ville }}</th>
                <th>{{ entreprise.pays }}</th>
                <th>
                    <a class="btn btn-default"
                        href="{{ url_for('entreprises.fiche_entreprise_validation', entreprise_id=entreprise.id) }}">Voir</a>
                </th>
            </tr>
            {% endfor %}
        </tbody>
        <tfoot>
            <tr>
                <td>SIRET</td>
                <td>Nom</td>
                <td>Adresse</td>
                <td>Code postal</td>
                <td>Ville</td>
                <td>Pays</td>
                <td>Action</td>
            </tr>
        </tfoot>
    </table>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        let table = new DataTable('#table-entreprises-validation',
            {
                "autoWidth": false,
                "responsive": {
                    "details": true
                },
                "pageLength": 10,
                "language": {
                    "emptyTable": "Aucune donnée disponible dans le tableau",
                    "info": "Affichage de _START_ à _END_ sur _TOTAL_ entrées",
                    "infoEmpty": "Affichage de 0 à 0 sur 0 entrées",
                    "infoFiltered": "(filtrées depuis un total de _MAX_ entrées)",
                    "lengthMenu": "Afficher _MENU_ entrées",
                    "loadingRecords": "Chargement...",
                    "processing": "Traitement...",
                    "search": "Rechercher:",
                    "zeroRecords": "Aucune entrée correspondante trouvée",
                    "paginate": {
                        "next": "Suivante",
                        "previous": "Précédente"
                    }
                }
            });
    });
</script>
{% endblock %}