{{-- @extends('frontdesk.layouts.master_fullwidth') --}}
@extends('admin.layout.master')
@include('frontdesk.dashboard.room_images_modal')
@section('title','Direct Check In')
@section('content')
        <style>
            /* .mn{margin: 0;padding: 0} */
            .nav-tabs .nav-link {
                font-size: 1.2rem;
            }
        </style>
        <div class="w-100">
            <div class="row w-100">
                {{-- <div class="col-1" ></div> --}}
                <div class="col-10">
                    <div class="">
                        @include("frontdesk.share.fd_booking_rightside_quick_access")
                    </div>
                    <h4 class="text-center mb-2 fs-4">
                        {{__('obs.direct')}} {{__('obs.check_in_by')}} @if($resv_type == 1) {{__('obs.room')}} @else {{__('obs.bed')}} @endif @isset($allotment_id) {{__('obs.from')}} {{__('obs.allotment')}} (<a title="Print" class="text-light" target="__blank" href="{{ route('frontdesk.allotment.print',['id'=>$allotment_id]) }}">
                            {{ $allotment_info->code }}</a>) @endisset

                        @if (isset($is_revenue_posting))
                            @if($is_revenue_posting == 1)
                                <span class="text-danger fw-bold">(Only Revenue Posting)</span>
                            @endif
                        @endif
                    </h4>
                </div>
                {{-- <div class="col-1" style="margin: 0;padding: 0"></div> --}}
            </div>
            <form method="post" id="form_booking" action="{{ route('frontdesk.checkin.store') }}" name="form" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="warning_check" class="warning_check" value="1">
                <input type="hidden" name="is_revenue_posting" id="is_revenue_posting" value="{{ isset($is_revenue_posting) ? $is_revenue_posting : 0 }}">
                <input type="hidden" name="is_commission" id="is_commission" value="{{ request()->is_commission ?? 0 }}">
                <div class="row w-100">
                    {{-- <div class="col-1" style="margin: 0;padding: 0">
                        @include("frontdesk.share.fd_booking_leftside_quick_access")
                    </div> --}}
                    <div class="col-10">
                        <div class="card-box">
                            <div class="card-block">
                                <nav class="my-2">
                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                        <a class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" href="#nav-1" role="tab" aria-controls="nav-1" aria-selected="true">{{__('obs.reservation')}}</a>
                                        <a class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" href="#nav-2" role="tab" aria-controls="nav-2" aria-selected="false">{{__('obs.booking')}} {{__('obs.details')}}</a>
                                        <a class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" href="#nav-3" role="tab" aria-controls="nav-3" aria-selected="false">{{__('obs.facility_provided')}}</a>
                                        <a class="nav-link" id="nav-contact2-tab" data-bs-toggle="tab" href="#nav-4" role="tab" aria-controls="nav-4" aria-selected="false">{{__('obs.guest')}} {{__('obs.information')}}</a>
                                        <a class="nav-link" id="nav-contact3-tab" data-bs-toggle="tab" href="#nav-5" role="tab" aria-controls="nav-5" aria-selected="false">{{__('obs.terms')}}</a>
                                    </div>
                                </nav>
                                <div class="tab-content" id="nav-tabContent">
                                    <div class="tab-pane fade show active" id="nav-1" role="tabpanel" aria-labelledby="nav-1-tab">
                                        {{-- @include("frontdesk.share.form_booking_basic_info") --}}
                                        @include("frontdesk.check_in.check_in_basic_info")
                                    </div>
                                    <div class="tab-pane fade" id="nav-2" role="tabpanel" aria-labelledby="nav-2-tab">
                                        {{-- @include("frontdesk.share.form_booking_guest_info") --}}
                                        @include("frontdesk.check_in.check_in_room_details")
                                    </div>
                                    <div class="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-3-tab">
                                        @include("frontdesk.share.facilities")
                                        {{-- @include("frontdesk.check_in.check_in_facilities") --}}
                                    </div>
                                    <div class="tab-pane fade" id="nav-4" role="tabpanel" aria-labelledby="nav-4-tab">
                                        {{-- @include("frontdesk.share.form_booking_resv_room_details") --}}
                                        @include("frontdesk.check_in.check_in_guest_info")
                                    </div>
                                    <div class="tab-pane fade" id="nav-5" role="tabpanel" aria-labelledby="nav-5-tab">
                                        {{-- @include("frontdesk.share.form_booking_resv_room_details") --}}
                                        @include("frontdesk.common.terms")
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-2" >
                        <div class="row">
                            @include("frontdesk.share.bill")
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <div class="modal fade" id="errorModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{__('obs.errors')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    </div>
                    <div class="modal-body all_errors" style="color: red;">

                    </div>
                    <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('obs.close')}}</button>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('script_after')
        <script src="{{ asset('/') }}frontdesk/booking/fd_booking.js{{ getJsVersion() }}"></script>

        <script>
            let global_balady_id = @json(getBaladyId());
            let global_vat_id = @json(getVATId());
            // $(document).ready(function(){
            //     $('#checkin_submit').submit(function(){
            //         var k = 1;
            //         var errors = '';
            //         var agent = $('#agent_id').val();
            //         if(agent == null){
            //             k=0;
            //             errors += "<p>Agent Is Required</p>";
            //         }

            //         var company = $('.fd_company_search').val();
            //         if(company == 0 || company == null){
            //             k=0;
            //             errors += "<p>Company Is Required</p>";
            //         }

            //         if($('.gross_bill').val()<=0){
            //             errors += "<p>Please Select At least A Room</p>";
            //             k=0;
            //         }
            //         if($('.all_guest_info>tr').length <=0){
            //             errors += "<p>No Guest Information Provided</p>";
            //             k=0;
            //         }



            //         if(k == 1){
            //             return true;
            //         }else{
            //             $('.all_errors').html(errors);
            //             $('#errorModal').modal('show');
            //             return false;
            //         }
            //     });
            // });
            let is_edit = @json(isset($row_id) ? 1 : 0)

            $(document).ready(function(){
                if(is_edit == 0){
                    commonFromDateChange();
                }
            });
        </script>
@endsection


{{-- @section('script') --}}



{{-- @endsection --}}