@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Hébergement - {!! \App\Helpers\TextHelper::addSup($event->title) !!}
        @endslot
        @slot('li_1')
            Hébergement - {{ $event->title }}
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-md-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <p class="text-center mt-5 mb-5">Merci pour votre réservation. Nous vous enverrons les
                                        détails par email.</p>

                                    {{-- <table width="98%" border="1" cellpadding="0" cellspacing="0"
                                        style="border-color:{{ $event->hebergement_accent_color }}; border-collapse: collapse; margin: 0 auto;">
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Contact réservation</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Prénom : {{ $reservation->firstname }}
                                                <br>
                                                Nom : {{ $reservation->lastname }}
                                                <br>
                                                Email : {{ $reservation->email }}
                                                <br>
                                                Mobile : {{ $reservation->mobile }}
                                                <br>
                                                @isset($reservation->organisation)
                                                    <div>Société/Organisation :
                                                        {{ $reservation->organisation }}
                                                    </div>
                                                @endisset
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Hôtel</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ $reservation->hotel->name }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Date d'arrivée</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ \Carbon\Carbon::parse($reservation->start_date)->format('d/m/Y') }}
                                                à
                                                14h00
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Date de départ</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ \Carbon\Carbon::parse($reservation->end_date)->format('d/m/Y') }}
                                                à
                                                12h00
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Nombre de nuitée</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ $reservation->number_of_nights }}
                                            </td>
                                        </tr>

                                        @foreach ($reservation->roomReservations as $index => $room)
                                            <tr>
                                                <td align="left" bgcolor="#FFFFFF"
                                                    style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                    Chambre
                                                    {{ $index + 1 }}
                                                    :</span></td>
                                                <td align="left" bgcolor="#FFFFFF"
                                                    style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                    @isset($room['code_pre_registration'])
                                                        <div>Code pré-réservation :
                                                            {{ $room->code_pre_registration }}</div>
                                                    @endisset

                                                    @isset($room->roomType)
                                                        <div>Type : {{ $room->roomType->type }}</div>
                                                    @endisset

                                                    @isset($room->arrangementType)
                                                        <div>Arrangement : {{ $room->arrangementType }}</div>
                                                    @endisset

                                                    @isset($room->guests)
                                                        @foreach ($room->guests as $i => $adult)
                                                            <div>
                                                                Occupant {{ $i + 1 }} :
                                                                {{ $adult->firstname ?? '' }}
                                                                {{ $adult->lastname ?? '' }}
                                                            </div>
                                                        @endforeach
                                                    @endisset

                                                    @isset($room->price)
                                                        <div>Prix : {{ $room->price }} TND</div>
                                                    @endisset
                                                </td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Montant Total</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ $reservation->total_price }} TND
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="color:{{ $event->hebergement_accent_color }}; border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                Mode de paiement</td>
                                            <td align="left" bgcolor="#FFFFFF"
                                                style="border: 1px solid {{ $event->hebergement_accent_color }}; font-family: sans-serif; font-size: 17px; padding:10px;">
                                                {{ $reservation->mode_paiement }}
                                            </td>
                                        </tr>
                                    </table> --}}
                                    <div class="mt-4">
                                        {!! $event->footer_content_hebergement !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection