{% extends 'TdbBaseBundle::layout.html.twig' %}
{% from "TdbBaseBundle::macros.html.twig" import userChip %}
{% block title %}Réservations du matériel{% endblock %}

{% block body %}
    <div class="block-flat">
        <div class="header">
            <h3>Gestion des réservations</h3>
        </div>

        <div class="content">
            {% if is_granted("ROLE_RESERVATION_USER") %}<a href="{{ path('_tdb_reservation_new') }}"
                                                           class="btn btn-rad btn-primary"><i class="fas fa-pencil-alt"></i>
                Réserver du matériel</a>{% endif %}
        </div>
    </div>





    <div class="block-transparent">
        <div class="header">
            <div class="btn-group pull-right">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    Trier<span class="caret"></span></button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="{{ path('_tdb_reservation_index', {'sort':'dateFrom'}) }}">Date de début croissante</a>
                    </li>
                    <li><a href="{{ path('_tdb_reservation_index', {'sort':'dateFrom', 'order': 'desc'}) }}">Date de
                            début décroissante</a></li>
                    <li><a href="{{ path('_tdb_reservation_index', {'sort':'id'}) }}">Date de création croissante</a>
                    </li>
                    <li><a href="{{ path('_tdb_reservation_index', {'sort':'id', 'order': 'desc'}) }}">Date de création
                            décroissante</a></li>
                </ul>
            </div>
            <h3>Réservations à venir</h3>
        </div>

        {% for reservation in reservationsAVenir %}
            <div class="block-flat">
                <div class="header">
                    <div class="actions">
                        Priorité : {{ reservation.readablePriorite }}
                        {% if is_granted('edit',reservation) %}
                            <a href="{{ path('_tdb_reservation_edit', {'id': reservation.id}) }}"
                               title="Modifier la réservation"><i
                                        class="fas fa-pencil-alt"></i> </a>
                        {% endif %}

                        {% if is_granted('delete',reservation) %}
                            <a href="{{ path('_tdb_reservation_delete', {'id': reservation.id}) }}"
                               title="Supprimer la réservation"><i
                                        class="fas fa-trash"></i> </a>
                        {% endif %}


                        {% if is_granted('approve',reservation) and (reservation.statut == "ATTENTE_VALIDATION" or reservation.statut == "REFUSE") %}
                            <a href="{{ path('_tdb_reservation_accept', {'id': reservation.id}) }}"
                               title="Accepter la réservation"><i
                                        class="fas fa-thumbs-up"></i> </a>
                        {% endif %}

                        {% if is_granted('reject',reservation) and (reservation.statut == "ATTENTE_VALIDATION" or reservation.statut == "ACCEPTE") %}
                            <a href="{{ path('_tdb_reservation_reject', {'id': reservation.id}) }}"
                               title="Rejeter la réservation"><i
                                        class="fas fa-thumbs-down"></i> </a>
                        {% endif %}
                        <a class="minimize" href="#"><i class="fas fa-chevron-down"></i> </a>
                    </div>
                    <h5>
                        <span class="label
                                    {% if reservation.statut == 'ACCEPTE' %} label-success
                                    {% elseif reservation.statut == 'REFUSE' %} label-danger
                                    {% else %} label-warning
                                    {% endif %}">{{ reservation.readableStatut }}</span>
                                {% if reservation.inProgress %}
                                    <span class="label label-info">En cours</span>
                                {% endif %}    
                        {{ userChip(reservation.responsable, 30) }} du {{ reservation.dateFrom | date('d/m/y H:i') }}
                        au {{ reservation.dateTo | date('d/m/y H:i') }}
                        {% if (reservation.statut == 'ACCEPTE') and (is_granted('approve',reservation)) %}
                            <i>(Réservation acceptée 
                            {% if (reservation.approver != NULL) %}
                                par {{ userChip(reservation.approver, 30)}})
                            {% else %}
                                automatiquement)
                            {% endif %}
                            </i>
                        {%endif%}
                        {% if (reservation.statut == 'REFUSE') and (is_granted('reject',reservation)) %}
                            <i>(Réservation refusée 
                            {% if (reservation.approver != NULL) %}
                                par {{ userChip(reservation.approver, 30)}})
                            {% else %}
                                automatiquement)
                            {% endif %}
                            </i>
                        {% endif %}
                    </h5>
                </div>
                <div class="content">
                    <ul class="list-group">
                        <li class="list-group-item">
                            {% if reservation.inProgress %}
                                <div class="progress" style="margin-bottom:0;">
                                    <div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="{{ reservation.advancement }}"
                                    aria-valuemin="0" aria-valuemax="100" style="width:{{ reservation.advancement }}%">
                                        {{ reservation.advancement|number_format }} %
                                    </div>
                                </div>
                            {% else %}
                                Début dans {{ reservation.delay|date('%a jour(s) %h heure(s) %i minute(s)') }}
                            {% endif %}
                        </li>
                        <li class="list-group-item">
                            <h6>Matériel emprunté</h6>
                            <ul class="">
                                {% for reservationMateriel in reservation.reservationMateriels %}
                                    <li>{{ reservationMateriel.quantite }} {{ reservationMateriel.materiel.nom }}</li>
                                {% endfor %}
                            </ul>
                        </li>
                        {% if reservation.commentaire %}
                            <li class="list-group-item">
                                <i class="fas fa-comment"></i> {{ reservation.commentaire | nl2br }}
                            </li>
                        {% endif %}

                        {% if reservation.prestation %}
                            <li class="list-group-item">
                                Prestation : {{ reservation.prestation.intitule }}
                            </li>
                        {% endif %}

                        {% if reservation.event %}
                            <li class="list-group-item">
                                Evènement : {{ reservation.event.name }}
                            </li>
                        {% endif %}


                        {% if reservation.lieu %}
                            <li class="list-group-item">
                                <i class="fas fa-map-marker"></i> {{ reservation.lieu }}
                            </li>
                        {% endif %}
                        <li class="list-group-item">
                            <h6>
                                <a href="{{ path('_tdb_membres_profile', {'username': reservation.responsable.username}) }}">{{ reservation.responsable.nomComplet }}</a>
                            </h6>
                            <div>
                                <i class="fas fa-mobile"></i>
                                {{ reservation.responsable.telephone }}
                            </div>
                            <div>
                                <i class="fas fa-envelope"></i>
                                <a href="mailto:{{ reservation.responsable.email }}">{{ reservation.responsable.email }}</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        {% else %}
            <div class="block-flat">
                <div class="content">
                    <p>Pas de réservation à venir.</p>
                </div>
            </div>
        {% endfor %}

    </div>



{% endblock %}