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

{% block title %}Liste des salles{% endblock %}

{% block titre_page %}Liste des salles{% endblock %}
{% block resume_page %}Les salles permettent de mieux cibler les lieux de représentation{% endblock %}
{% block description_page %}
{% endblock %}

{% block body %}
    <div class="col-md-12 mb-3">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-6">
                        <h5 class="card-title">Liste des salles</h5>
                    </div>
                    <div class="col-6 text-end ">
                        <a href="{{ path('salle_add') }}" class="btn btn-primary rounded-pill"><i
                                    class="ti-plus"></i> Ajouter</a>
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th class="text-center">Photo</th>
                            <th>Nom</th>
                            <th class="text-center">Adresse</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for salle in salles %}
                            <tr>
                                <td class="text-center">
                                    {% if salle.image %}
                                        <img class="img-max-lg"
                                             src="{{ asset('uploads/salles/images/' ~ salle.image) }}"/>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="h6">{{ salle.name }}</span>
                                </td>
                                <td class="text-center">
                                    {{ salle.address }}
                                </td>
                                <td class="text-center">
                                    <a class="action-link" href="{{ path('salle_edit', {'idSalle':salle.id}) }}"><i
                                                class="ti-pencil"></i></a>
                                    <a class="action-link" href="{{ path('salle_delete', {'idSalle':salle.id}) }}"><i
                                                class="ti-trash"></i></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
{% endblock %}