{{-- @extends('frontdesk.layouts.master_fullwidth') --}}
@extends('admin.layout.master')
@section('content')
        <style>
            .mn{margin: 0;padding: 0}
        </style>
        <div class="row w-100">
            @include("frontdesk.share.fd_booking_rightside_quick_access")
        </div>
        <div class="row w-100">
            {{-- <div class="col-1" ></div> --}}
            <div class="col-10">
                <h4 class="mb-0 text-center mb-2">
                    @if($resv_type == 1)
                        {{__('obs.edit_checkin_by_room')}}
                    @else
                        {{__('obs.edit_checkin_by_bed')}}
                    @endif

                    ({{ $booking_info?->checkin_code }})

                    @if($booking_info->allotment_id) {{__('obs.from')}} {{__('obs.allotment')}} (<a title="Print" class="text-light" target="__blank" href="{{ route('frontdesk.allotment.print',['id'=>$booking_info->allotment_id]) }}">
                        {{ $booking_info->get_allotment_info->code }} )</a>
                    @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
            <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_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-contact-tab" data-bs-toggle="tab" href="#nav-4" role="tab" aria-controls="nav-4" aria-selected="false">{{__('obs.guest_information')}}</a>
                                <a class="nav-link" id="nav-contact-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-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-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-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>
        <script src="{{ asset('/') }}frontdesk/booking/fd_booking.js{{ getJsVersion() }}"></script>

        <script>
            let global_balady_id = @json(getBaladyId());
            let global_vat_id = @json(getVATId());
        </script>
@endsection