@extends('admin.layouts.container')

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

    <div class="border-item">
        <form class="form-row">
            {{--        @if($hotelReservation ?? ''  && $hotelReservation->id)--}}
            {{--            @method('PUT')--}}
            {{--        @endif--}}
            {{--        @csrf--}}

            <div class="card col-md-12 mb-5">
                <div class="card-body d-flex status_container">
                    {{-- && $hotelReservation->pay_type == 'online'--}}
                    @if($hotelReservation->status == 'current')
                        <div class="custom-control custom-checkbox ml-5 confirmed">
                            <input type="checkbox" value="confirmed" class="custom-control-input" id="confirmed">
                            <label class="custom-control-label" for="confirmed"> {{__('hotel_reservations.confirmed')}}</label>
                        </div>
                        <div class="custom-control custom-checkbox refund">
                            <input type="checkbox" value="refund" class="custom-control-input" id="refund">
                            <label class="custom-control-label" for="refund"> {{__('hotel_reservations.refund')}}</label>
                        </div>
{{--                        @elseif($hotelReservation->status == 'current' && $hotelReservation->pay_type == 'pay_in_advance')--}}
{{--                        <div class="custom-control custom-checkbox ml-5 confirmed">--}}
{{--                            <input type="checkbox" value="confirmed" class="custom-control-input" id="confirmed">--}}
{{--                            <label class="custom-control-label" for="confirmed"> {{__('hotel_reservations.confirmed')}}</label>--}}
{{--                        </div>--}}
                    @else
                        <h3>{{__('hotel_reservations.status') . ' : ' . __('hotel_reservations.'.$hotelReservation->status)}}</h3>
                    @endif
                </div>
            </div>

            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.user_id') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->name ?? $hotelReservation->user_name }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.user_email') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->user_email ?? $hotelReservation->email }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.user_phone') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->user_phone ?? $hotelReservation->phone }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.hotel_name') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->hotel_name }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.hotel_email') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->hotel_email }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.hotel_address') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->hotel_address }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.city_name') }} </label>
                <input readonly class="form-control bg-white"  value='{{$hotelReservation->city_name}}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.room_type') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $roomType }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.days_count') }} </label>
                <input readonly class="form-control bg-white"  value='{{$hotelReservation->days_count}}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.person_count') }} </label>
                <input readonly class="form-control bg-white"  value='{{$hotelReservation->person_count}}'/>
            </div>

            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.going_date') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->going_date }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.return_date') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->return_date }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ __('hotel_reservations.total') }} </label>
                <input readonly class="form-control bg-white"  value='{{ $hotelReservation->total }}'/>
            </div>
{{--            <div class="form-group col-lg-12">--}}
{{--                <table class="table table-bordered table-hover">--}}
{{--                    <thead>--}}
{{--                    <tr>--}}
{{--                        <th>#</th>--}}
{{--                        <th>{{__('hotel_reservations.added_services')}}</th>--}}
{{--                        <th>{{__('hotel_reservations.added_services_price')}}</th>--}}
{{--                    </tr>--}}
{{--                    </thead>--}}
{{--                    <tbody>--}}
{{--                    @foreach($hotelReservation->added_service as $key => $service)--}}
{{--                        <tr>--}}
{{--                            <td>{{$loop->iteration}}</td>--}}
{{--                            <td>{{__('hotels.'.$service)}}</td>--}}
{{--                            <td>{{$hotelReservation->added_service_price[$key]}}</td>--}}
{{--                        </tr>--}}
{{--                    @endforeach--}}
{{--                    </tbody>--}}
{{--                    <tfoot>--}}
{{--                    <tr>--}}
{{--                        <th colspan="2" class="text-center">--}}
{{--                            {{__('hotel_reservations.total')}}--}}
{{--                        </th>--}}
{{--                        <th class="text-center">{{ $hotelReservation->total}}</th>--}}
{{--                    </tr>--}}
{{--                    </tfoot>--}}
{{--                </table>--}}
{{--            </div>--}}

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

    <div class="modal fade confirmation_modal" id="modal-id">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body text-center">
                    <h3><i class="fa fa-exclamation-triangle fa-2x text-warning"></i></h3>
                    <h2></h2>
                    <form action="{{route('hotel_reservations.changeReservationStatus')}}" method="post" class="confirm_form">
                        <input type="hidden" name="reservation_status" class="reservation_status">
                    </form>
                </div>
                <div class="modal-footer d-flex justify-content-between">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary confirm_button">Confirm</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

@endsection

@section('inner_js')
    <script>
        let confirmMessage = "{{__('hotel_reservations.confirm_reservation')}}";
        let refundMessage = "{{__('hotel_reservations.refund_reservation')}}";
        let changeReservationStatusRoute = "{{route('hotel_reservations.changeReservationStatus')}}";
        let reservationId = "{{$hotelReservation->id}}";
        $('input[type="checkbox"]').click(function (e) {
            e.preventDefault();
            let status = $(this).val();
            if(status === 'confirmed'){
                $('.confirmation_modal .modal-body h2').html(confirmMessage);
            }
            if(status === 'refund'){
                $('.confirmation_modal .modal-body h2').html(refundMessage);
            }

            $('input[type="hidden"].reservation_status').val($(this).val());
            $('.confirmation_modal').modal()
        });

        $('.confirmation_modal').on('hide.bs.modal', function () {
            $('input[type="hidden"].reservation_status').val('');
        });

        $('.confirm_button').click(async function (e) {
            e.preventDefault();

            let form = $('.confirm_form'),
                data = new FormData(form[0]),
                url = form.attr('action'),
                method = form.attr('method');

            data.append('reservation_id', reservationId);

            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method
            });

            if (response.message){
                $('.confirmation_modal').modal('hide');
                $('.status_container').html(`<h2>`+response.message+`</h2>`);
                toasterSuccess(response.message);
            }

            if (response.errors){
                toasterError(response.errors);
            }
        })
    </script>
@endsection