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

{% block title %}Liste des spectacles{% 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 spectacles</h5>
                    </div>
                    <div class="col-6 text-end ">
                        <a href="{{ path('spectacle_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">Affiche</th>
                            <th>Titre</th>
                            <th class="text-center">Actif</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for spectacle in spectacles %}
                            <tr>
                                <td class="text-center">
                                    {% if spectacle.image %}
                                        <img class="img-max-lg"
                                             src="{{ asset('uploads/spectacles/images/' ~ spectacle.image) }}"/>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="h6">{{ spectacle.name }}</span>
                                    <br>
                                    <small class="text-muted">{{ spectacle.description }}</small>
                                </td>
                                <td class="text-center">
                                    {% if spectacle.actif %}
                                        <span class="text-success fw-bolder"><i
                                            class="ti-check fw-bold"></i> </span>
                                    {% else %}
                                        <span class="text-danger fw-bolder"><i
                                                    class="ti-close fw-bold"></i> </span>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    <a class="action-link" href="{{ path('spectacle_edit', {'idSpectacle':spectacle.id}) }}"><i
                                                class="ti-pencil"></i></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

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