@extends('admin.layouts.container')

@section('css')
    <style>
        form label{
            color: #343a40 !important;
        }
    </style>
@endsection

@section('content')
<div class="side-title">
    <h3>{{$head ?? '' }}</h3>
    <h3>{{zanaty}}</h3>

</div>

<div class="border-item">
    <form class="form-row">

        <div class="card col-lg-12 row">
            <div class="card-header">
                <h5 class="card-title"> {{__('bookings.customer_info')}} </h5>
            </div>
            <div class="card-body row">
                <div class="form-group col-lg-4">
                    <label>{{ meta('name', $local) ?? __('bookings.name') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->name }}'/>
                </div>
                <div class="form-group col-lg-4">
                    <label>{{ meta('phone', $local) ?? __('bookings.phone') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->phone }}'/>
                </div>
                <div class="form-group col-lg-4">
                    <label>{{ meta('country_id', $local) ?? __('bookings.country_id') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $country->name }}'/>
                </div>
                <div class="form-group col-lg-4">
                    <label>{{ meta('email', $local) ?? __('bookings.email') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->email }}'/>
                </div>
                <div class="form-group col-lg-4">
                    <label>{{ meta('agency', $local) ?? __('bookings.agency') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->agency }}'/>
                </div>
                <div class="form-group col-lg-4">
                    <label>{{ meta('iata_no', $local) ?? __('bookings.iata_no') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->iata_no }}'/>
                </div>
            </div>
        </div>

        <div class="card col-lg-12 row">
            <div class="card-header">
                <h5 class="card-title">
                    <h5 class="card-title"> {{__('bookings.hotel_info')}} </h5>
                </h5>
            </div>
            <div class="card-body row">

                @foreach($cities as $key => $city)
                    <div class="form-group col-lg-4">
                        <label>{{ meta('city', $local) ?? __('bookings.city') }} </label>
                        <input type="text" class="form-control bg-white" readonly value='{{ $city }}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ meta('check_out', $local) ?? __('bookings.check_in') }} </label>
                        <input type="text" class="form-control bg-white" readonly value='{{$booking->hotel_data['check_in'][$key]}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ meta('check_out', $local) ?? __('bookings.check_out') }} </label>
                        <input type="text" class="form-control bg-white" readonly value='{{$booking->hotel_data['check_out'][$key]}}'/>
                    </div>
                @endforeach


            </div>
        </div>

        <div class="card col-lg-12 row">
            <div class="card-header">
                <h5 class="card-title">
                    <h5 class="card-title"> {{__('bookings.booking_info')}} </h5>
                </h5>
            </div>
            <div class="card-body row">
                <div class="form-group col-lg-12">
                    <label>{{ meta('participants_no', $local) ?? __('bookings.participants_no') }} </label>
                    <input type="text" class="form-control bg-white" readonly value='{{ $booking->booking_data['participants_no'] }}'/>
                </div>
                @foreach($booking->booking_data['rooms_type'] as $roomType => $RoomNo)
                    @if($RoomNo == 0) @continue @endif
                    <div class="form-group col-lg-10">
                        <label>{{ __('bookings.room_type') }} </label>
                        <input type="text" class="form-control bg-white" readonly value='{{ __('bookings.'.$roomType) }}'/>
                    </div>
                    <div class="form-group col-lg-2">
                        <label class="d-flex justify-content-center">{{ __('bookings.room_number') }}</label>
                        <input type="text" class="form-control bg-white text-center" readonly value='{{ $RoomNo }}'/>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card col-lg-12 row">
            <div class="card-header">
                <h5 class="card-title">{{__('bookings.other_info')}}</h5>
            </div>
            <div class="card-body row">
                @if(count($quoteCategoriesWithSubCats))
                    @foreach($quoteCategoriesWithSubCats as $quoteCatName => $quoteCategoriesWithSubCat)
                    <div class="form-group col-lg-12 py-4 shadow">
                        <label><h6>{{ $quoteCatName }}</h6></label>
                        @foreach($quoteCategoriesWithSubCat as $quoteSubCat)
                            <input type="text" class="form-control bg-white mb-1" readonly value='{{ $quoteSubCat->quoteSubCatName }}'/>
                        @endforeach
                    </div>
                    @endforeach
                @endif
                @if($booking->notes)
                    <div class="form-group col-lg-12">
                        <label>{{ meta('notes', $local) ?? __('bookings.notes') }} </label>
                        <textarea rows="10" class="form-control bg-white" readonly>{{ $booking->notes }}</textarea>
                    </div>
                @endif
                @if(!count($quoteCategoriesWithSubCats) && !$booking->notes)
                    <div class="form-group col-lg-12 text-center text-danger font-weight-bold">
                        {{__('bookings.no_data')}}
                    </div>
                @endif
            </div>
        </div>

        <div class="text-center mt-5 col-12">
            <a href="{{route('bookings.index')}}" class="butn"><span>{{ __('bookings.head') }}</span></a>
        </div>
    </form>
</div>

@endsection

@section('inner_js')


@endsection