@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-2">
                        @component('frontend.mediknode.components.sidemenu')
                        @endcomponent
                    </div>
                    <div class="col-md-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <form action="{{ route('reservation.contact', ['event' => $event->slug]) }}"
                                        method="POST">
                                        @csrf
                                        <div>
                                            <p class="fs-6 mt-3"><span class="bold">Hôtel : </span>
                                                {{ session('reservationData.hotel.name') }}
                                                <span class="mt-1 mb-2">
                                                    @for ($i = 1; $i <= session('reservationData.hotel.stars'); $i++)
                                                        <span class="fa fa-star text-warning"></span>
                                                    @endfor
                                                </span>
                                            </p>
                                            <p class="fs-6 mt-3"><span class="bold">Date d'arrivée : </span>
                                                {{ \Carbon\Carbon::parse(session('reservationData.startDate'))->format('d/m/Y') }}
                                            </p>
                                            <p class="fs-6 mt-3"><span class="bold">Date de départ : </span>
                                                {{ \Carbon\Carbon::parse(session('reservationData.endDate'))->format('d/m/Y') }}
                                            </p>
                                            <p class="fs-6 mt-3"><span class="bold">Nombre de nuitée : </span>
                                                {{ session('reservationData.numberOfNights') }}</p>
                                            <p class="fs-6 mt-3"><span class="bold">Montant Total : </span>
                                                {{ session('totalPrice') }} TND</p>
                                        </div>

                                        <hr class="mt-3 mb-3 w-50 mx-auto">

                                        {{-- <h3>Prix Total : {{ $totalPrice }} TND</h3> --}}
                                        {{-- {{ dd($roomsData) }} --}}
                                        @foreach ($roomsData as $index => $room)
                                            <div class="mb-4">
                                                <h3 class="event-title mt-3">Chambre {{ $index + 1 }} :</h3>
                                                <div>
                                                    {{-- <p>roomTypeId : {{ $room['roomTypeId'] }}</p>
                                                    <p>roomType : {{ $room['roomType'] }}</p>
                                                    <p>adults : {{ $room['adults'] }}</p>
                                                    <p>children : {{ $room['children'] }}</p>
                                                    <p>babies : {{ $room['babies'] }}</p>
                                                    <p>arrangementId : {{ $room['arrangementId'] }}</p>
                                                    <p>arrangementType : {{ $room['arrangementType'] }}</p>
                                                    <p>price : {{ $room['price'] }}</p> --}}

                                                    <input type="hidden" name="rooms[{{ $index }}][roomTypeId]"
                                                        value="{{ $room['roomTypeId'] }}" />
                                                    <input type="hidden" name="rooms[{{ $index }}][roomType]"
                                                        value="{{ $room['roomType'] }}" />
                                                    <input type="hidden" name="rooms[{{ $index }}][adults]"
                                                        value="{{ $room['adults'] }}" />
                                                    <input type="hidden" name="rooms[{{ $index }}][babies]"
                                                        value="{{ $room['babies'] }}" />
                                                    <input type="hidden" name="rooms[{{ $index }}][arrangementId]"
                                                        value="{{ $room['arrangementId'] }}" />
                                                    <input type="hidden"
                                                        name="rooms[{{ $index }}][arrangementType]"
                                                        value="{{ $room['arrangementType'] }}" />
                                                    <input type="hidden" name="rooms[{{ $index }}][price]"
                                                        value="{{ $room['price'] }}" />


                                                    <p class="bold">Type : {{ $room['roomType'] }}</p>
                                                    <p class="bold">Arrangement : {{ $room['arrangementType'] }}</p>
                                                    <p class="bold">Occupant{{ $room['adults'] > 1 ? 's' : '' }} :</p>
                                                    @for ($i = 0; $i < $room['adults']; $i++)
                                                        <div class="row ms-3 mb-3">
                                                            <label for="adult_{{ $index }}_{{ $i }}"
                                                                class="col-sm-2 col-form-label">Adulte {{ $i + 1 }}
                                                                :</label>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][adults][{{ $i }}][firstname]"
                                                                    id="adult_{{ $index }}_{{ $i }}"
                                                                    class="form-control" {{-- value="Prénom Adulte {{ $i + 1 }}" --}}
                                                                    placeholder="Prénom" required>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][adults][{{ $i }}][lastname]"
                                                                    {{-- value="Nom Adulte {{ $i + 1 }}" --}} class="form-control"
                                                                    placeholder="Nom" required>
                                                            </div>
                                                        </div>
                                                    @endfor

                                                    @for ($i = 0; $i < $room['children']; $i++)
                                                        <div class="row ms-3 mb-3">
                                                            <label for="child_{{ $index }}_{{ $i }}"
                                                                class="col-sm-2 col-form-label">Enfant {{ $i + 1 }}
                                                                :</label>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][children][{{ $i }}][first_name]"
                                                                    id="child_{{ $index }}_{{ $i }}"
                                                                    class="form-control" value="" placeholder="Prénom"
                                                                    required>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][children][{{ $i }}][last_name]"
                                                                    class="form-control" value="" placeholder="Nom"
                                                                    required>
                                                            </div>
                                                        </div>
                                                    @endfor

                                                    @for ($i = 0; $i < $room['babies']; $i++)
                                                        <div class="row ms-3 mb-3">
                                                            <label for="baby_{{ $index }}_{{ $i }}"
                                                                class="col-sm-2 col-form-label">Bébé {{ $i + 1 }}
                                                                :</label>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][babies][{{ $i }}][first_name]"
                                                                    id="baby_{{ $index }}_{{ $i }}"
                                                                    class="form-control" value="" placeholder="Prénom"
                                                                    required>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <input type="text"
                                                                    name="rooms[{{ $index }}][babies][{{ $i }}][last_name]"
                                                                    class="form-control" value="" placeholder="Nom"
                                                                    required>
                                                            </div>
                                                        </div>
                                                    @endfor
                                                </div>
                                            </div>
                                        @endforeach

                                        <hr class="mt-3 mb-3 w-50 mx-auto">

                                        <div class="d-flex justify-content-center gap-3">
                                            <button class="btn btn-success btn-min-width" type="submit">Suivant</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection