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

{% block title %}
    Informations de réservation | {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a class="opacity-5 text-dark" href="{{ path('@Booking_reservation_admin_index') }}">
                    Réservations
                </a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                N° <b>{{ booking.reference }}</b>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                <b>{{ booking.dateRange }}</b>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                <b>{{ booking.rooms|length }}</b> chambre(s)
            </li>
        </ol>
    </nav>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {card_header_title:'Informations de réservation'}) }}
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-4">
                            <h2>Informations</h2>
                            <ul class="list-group">
                                <li class="list-group-item flex-between-center">
                                    <span><b>{{ booking.user.fullName }}</b></span>
                                    <span>{{ include('bundles/_copy_to_clipboard.html.twig', {idToCopy:'prescriber_user', valueToCopy:booking.user.email}) }}</span>
                                    <span><a href="{{ path('@User_admin_user_edit', {'id':booking.user.id}) }}">Fiche client</a></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span><b>{{ booking.user.profile.name|default('--') }}</b></span>
                                    <span><b>{{ booking.user.locale|upper }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span><b>{{ booking.duration }}</b> nuits</span>
                                    <span><b>{{ booking.dateRange }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span><b>{{ booking.rooms|length }}</b> chambre(s)</span>
                                    <span><b>{{ booking.adults }}</b> adulte(s)</span>
                                    <span><b>{{ booking.children }}</b> enfant(s)</span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>Souhait de couchage</span>
                                    <span><b>{{ booking.requestedRoomType.name|default('--NC--') }}</b></span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-4">
                            <h2>Etat / Règlement</h2>
                            <ul class="list-group">
                                <li class="list-group-item flex-between-center">
                                    <span>Statut</span>
                                    <span><b>{{ booking.displayStatus }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>N° réservation</span>
                                    <span><b>{{ booking.reference }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>Date du règlement</span>
                                    <span><b>{{ booking.paidAt? booking.paidAt|date('d/m/Y H:i:s') : '' }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>N° règlement</span>
                                    <span><b>{{ booking.paymentSessionId }}</b></span>
                                </li>
                            </ul>
                            <ul class="list-group mt-3">
                                <li class="list-group-item flex-between-center">
                                    <span>Montant total des adultes</span>
                                    <span><b>{{ resumeBooking.totalAdults|formatPriceDevise }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>Montant total des enfants</span>
                                    <span><b>{{ resumeBooking.totalChildren|formatPriceDevise }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>Montant total des options</span>
                                    <span><b>{{ resumeBooking.totalOptions|formatPriceDevise }}</b></span>
                                </li>
                                <li class="list-group-item flex-between-center">
                                    <span>Montant total de la réservation</span>
                                    <span><b>{{ resumeBooking.total|formatPriceDevise }}</b></span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-4">
                            <h2>Chambre(s)</h2>
                            <ul class="list-group">
                                {% for room in booking.rooms %}
                                    <li class="list-group-item flex-between-center">
                                        <span><a href="{{ path('@Booking_room_admin_edit', {'id':room.id}) }}">{{ room.name }}</a></span>
                                    </li>
                                {% endfor %}
                            </ul>
                            <h2 class="mt-3">Option(s)</h2>
                            <ul class="list-group">
                                {% for option in booking.options %}
                                    <li class="list-group-item flex-between-center">
                                        <span>{{ option.name }} {% if option.rates is not empty %} - {{ option.rates[0].season.name }}</span><span>{{ option.rates[0].price|formatPriceDevise }}{% endif %}</span>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}