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

{% block title %}{{ 'display.title'|trans }} - accueil{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css' rel='stylesheet' />
    <style>
        .hidden {
            display: none;
        } 
    </style>
{% endblock %}

{% block body %}
<div class="container mt-4">
    <h1>Commerces fermés</h1>
    <p>Voici la liste des commerces fermés :</p>
    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Nom du commerce</th>
                    <th>Code postal</th>
                </tr>
            </thead>
            <tbody>
                {% for place in closed_places %}
                <tr>
                    <td>
                    
                        {{ place.name }}
                    
                    </td>
                    <td>{{ place.zipCode }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>

        {% if closed_places|length == 0 %}
            <p>Aucun commerce fermé trouvé.</p>
        {% endif %}
    </div>
 
</div>
{% endblock %}