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

{% block title %}Liste des représentations{% endblock %}

{% block titre_page %}Liste des représentations{% endblock %}
{% block resume_page %}Représentations passées et futures{% endblock %}
{% block description_page %}
    {% set presence = constant('App\\Constants\\ReponsePresence::PRESENT') %}
    <span class="text-{{ presence.color }}"><i
                class="ti-{{ presence.icon }} fw-bold"></i></span> : {{ presence.label }} <br/>
    {% set presence = constant('App\\Constants\\ReponsePresence::SUPPLEENT') %}
    <span class="text-{{ presence.color }}"><i
                class="ti-{{ presence.icon }} fw-bold"></i></span> : {{ presence.label }} <br/>

    {% set presence = constant('App\\Constants\\ReponsePresence::ABSENT') %}
    <span class="text-{{ presence.color }}"><i
                class="ti-{{ presence.icon }} fw-bold"></i></span> : {{ presence.label }} <br/>

    {% set presence = constant('App\\Constants\\ReponsePresence::NE_SAIT_PAS') %}
    <span class="text-{{ presence.color }}"><i
                class="ti-{{ presence.icon }} fw-bold"></i></span> : {{ presence.label }} ainsi que les non répondus
    <br/>

{% endblock %}

{% block body %}
    <div class="row">
        {% if derniereRepresentation %}
            <div class="col-md-6 mb-3">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <h5 class="card-title">Dernière représentation</h5>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-4 text-center">
                                {% if derniereRepresentation.spectacle.image %}
                                    <img class="img-max-lg"
                                         src="{{ asset('uploads/spectacles/images/' ~ derniereRepresentation.spectacle.image) }}"/>
                                {% endif %}
                            </div>
                            <div class="col-8">
                                <div class="fs-3 text-primary fw-bold">{{ derniereRepresentation.spectacle.name }}</div>
                                <div class="fs-5 mb-3">Le {{ derniereRepresentation.date|date('d/m/y') }}
                                    à {{ derniereRepresentation.heure|date('H:i') }}</div>
                                <div>
                                    <a class="btn btn-primary rounded-pill"
                                       href="{{ path('representation_bilan', {'representationId':derniereRepresentation.id}) }}"><i
                                                class="ti-bar-chart"></i>&nbsp;Bilan</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
        {% if prochaineRepresentation %}
            <div class="col-md-6 mb-3">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <h5 class="card-title">Prochaine représentation</h5>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-4 text-center">
                                {% if prochaineRepresentation.spectacle.image %}
                                    <img class="img-max-lg"
                                         src="{{ asset('uploads/spectacles/images/' ~ prochaineRepresentation.spectacle.image) }}"/>
                                {% endif %}
                            </div>
                            <div class="col-8">
                                <div class="fs-3 text-primary fw-bold">{{ prochaineRepresentation.spectacle.name }}</div>
                                <div class="fs-5 mb-3">Le {{ prochaineRepresentation.date|date('d/m/y') }}
                                    à {{ prochaineRepresentation.heure|date('H:i') }}</div>
                                <div class="row">
                                    <div class="col-6">
                                        <a class="btn btn-primary rounded-pill"
                                           href="{{ path('representation_registered', {'representationId':prochaineRepresentation.id}) }}"><i
                                                    class="ti-user"></i>&nbsp;Inscrits</a>
                                    </div>
                                    <div class="col-6 text-end" style="line-height: 36px">
                                        {{ prochaineRepresentation.presences|presence('PRESENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::PRESENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>&nbsp;
                                        {{ prochaineRepresentation.presences|presence('SUPPLEENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::SUPPLEENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>&nbsp;
                                        {{ prochaineRepresentation.presences|presence('ABSENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::ABSENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>&nbsp;
                                        {{ prochaineRepresentation.presences|presence('NE_SAIT_PAS')|length + prochaineRepresentation.presences|presence(null)|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::NE_SAIT_PAS') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
    <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 prochaines représentations</h5>
                    </div>
                    <div class="col-6 text-end ">
                        <a href="{{ path('representation_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">Spectacle</th>
                            <th></th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Salle</th>
                            <th class="text-center">Infos</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for representation in prochainesRepresentations %}
                            <tr>
                                <td class="text-center">
                                    {% if representation.spectacle.image %}
                                        <img class="img-max-lg"
                                             src="{{ asset('uploads/spectacles/images/' ~ representation.spectacle.image) }}"/>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="h6">

                                    {% if representation.date|date('ymd')|number_format < "now"| date('ymd')|number_format %}
                                        <a class="link"
                                           href="{{ path('representation_bilan', {'representationId':representation.id}) }}">{{ representation.spectacle.name }}</a>
                                    {% else %}
                                        <a class="link"
                                           href="{{ path('representation_registered', {'representationId':representation.id}) }}">{{ representation.spectacle.name }}</a>
                                    {% endif %}
                                    <br>
                                    <small class="text-muted">{{ representation.spectacle.description }}</small>
                                </td>
                                <td class="text-center">
                                    <span class="h6">{{ representation.date|date('d M Y') }} à {{ representation.heure|date('H:i') }}</span>
                                    {% if representation.heureRdv %}
                                        <br>
                                        <small class="text-muted">Rendez-vous
                                            à {{ representation.heureRdv|date('H:i') }}</small>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {% if representation.salle %}
                                        <span class="h6">{{ representation.salle.name }}</span>
                                        <br>
                                        <small class="text-muted">{{ representation.salle.address }}</small>
                                    {% else %}
                                        <small class="text-muted">Non défini</small>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    <div>
                                        {{ representation.presences|presence('PRESENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::PRESENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('SUPPLEENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::SUPPLEENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('ABSENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::ABSENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('NE_SAIT_PAS')|length + representation.presences|presence(null)|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::NE_SAIT_PAS') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                </td>
                                <td class="text-center">
                                    {% if representation.date|date('ymd')|number_format < "now"| date('ymd')|number_format %}
                                        <a class="action-link"
                                           href="{{ path('representation_bilan', {'representationId':representation.id}) }}"><i
                                                    class="ti-bar-chart"></i></a><br/>
                                    {% else %}
                                        <a class="action-link"
                                           href="{{ path('representation_registered', {'representationId':representation.id}) }}"><i
                                                    class="ti-user"></i></a><br/>
                                    {% endif %}
                                    <a class="action-link"
                                       href="{{ path('representation_edit', {'idRepresensation':representation.id}) }}"><i
                                                class="ti-pencil"></i></a><br/>
                                    <a class="action-link deleteRepresentation" data-id="{{ representation.id }}"
                                       data-info="{{ representation.spectacle.name }} du {{ representation.date|date('d/m/y') }}"
                                       href="#modal-delete-representation" role="button" data-bs-toggle="modal"><i
                                                class="ti-trash"></i></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
    <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 anciennes représentations</h5>
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th class="text-center">Spectacle</th>
                            <th></th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Salle</th>
                            <th class="text-center">Infos</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for representation in anciennesRepresentations %}
                            <tr>
                                <td class="text-center">
                                    {% if representation.spectacle.image %}
                                        <img class="img-max-lg"
                                             src="{{ asset('uploads/spectacles/images/' ~ representation.spectacle.image) }}"/>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="h6">

                                    {% if representation.date|date('ymd')|number_format < "now"| date('ymd')|number_format %}
                                        <a class="link"
                                           href="{{ path('representation_bilan', {'representationId':representation.id}) }}">{{ representation.spectacle.name }}</a>
                                    {% else %}
                                        <a class="link"
                                           href="{{ path('representation_registered', {'representationId':representation.id}) }}">{{ representation.spectacle.name }}</a>
                                    {% endif %}
                                        </span>
                                    <br>
                                    <small class="text-muted">{{ representation.spectacle.description }}</small>
                                </td>
                                <td class="text-center">
                                    <span class="h6">{{ representation.date|date('d M Y') }} à {{ representation.heure|date('H:i') }}</span>
                                    {% if representation.heureRdv %}
                                        <br>
                                        <small class="text-muted">Rendez-vous
                                            à {{ representation.heureRdv|date('H:i') }}</small>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {% if representation.salle %}
                                        <span class="h6">{{ representation.salle.name }}</span>
                                        <br>
                                        <small class="text-muted">{{ representation.salle.address }}</small>
                                    {% else %}
                                        <small class="text-muted">Non défini</small>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    <div>
                                        {{ representation.presences|presence('PRESENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::PRESENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('SUPPLEENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::SUPPLEENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('ABSENT')|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::ABSENT') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                    <div>
                                        {{ representation.presences|presence('NE_SAIT_PAS')|length + representation.presences|presence(null)|length }}
                                        {% set presence = constant('App\\Constants\\ReponsePresence::NE_SAIT_PAS') %}
                                        <span class="text-{{ presence.color }}"><i
                                                    class="ti-{{ presence.icon }} fw-bold"></i></span>
                                    </div>
                                </td>
                                <td class="text-center">
                                    {% if representation.date|date('ymd')|number_format < "now"| date('ymd')|number_format %}
                                        <a class="action-link"
                                           href="{{ path('representation_bilan', {'representationId':representation.id}) }}"><i
                                                    class="ti-bar-chart"></i></a><br/>
                                    {% else %}
                                        <a class="action-link"
                                           href="{{ path('representation_registered', {'representationId':representation.id}) }}"><i
                                                    class="ti-user"></i></a><br/>
                                    {% endif %}
                                    <a class="action-link"
                                       href="{{ path('representation_edit', {'idRepresensation':representation.id}) }}"><i
                                                class="ti-pencil"></i></a><br/>
                                    <a class="action-link deleteRepresentation" data-id="{{ representation.id }}"
                                       data-info="{{ representation.spectacle.name }} du {{ representation.date|date('d/m/y') }}"
                                       href="#modal-delete-representation" role="button" data-bs-toggle="modal"><i
                                                class="ti-trash"></i></a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

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

{% block modals %}
    <div class="modal" id="modal-delete-representation" aria-hidden="true"
         aria-labelledby="exampleModalToggleLabel2"
         tabindex="0">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalToggleLabel2">Supprimer la représentation</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    Tu veux vraiment supprimer la représentation ?<br/>
                    <span class="fw-bold" id="info"></span>
                </div>
                <div class="modal-footer">
                    <a href="#"
                       class="btn btn-primary modal-submit"><i class="ti-trash"></i>
                        Supprimer</a>
                    <button class="btn btn-light" data-bs-dismiss="modal" aria-label="Close">Annuler
                    </button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/jquery-3.7.1.min.js') }}"></script>
    <script type="text/javascript">
        $('.deleteRepresentation').on('click', function (element) {
            var url = "{{ path('representation_delete', {'idRepresensation':'___'}) }}";
            url = url.replace('___', $(this).data('id'));

            $('#info').text($(this).data('info'));

            $('#modal-delete-representation .modal-submit').attr('href', url);
        });
    </script>
{% endblock %}