@extends('frontdesk.layouts.master_fullwidth')
@section('content')
        <style>
            .mn{margin: 0;padding: 0}
        </style>
        <div class="col-lg-12">
            <div class="row">
                @include("frontdesk.share.fd_booking_rightside_quick_access")
            </div>
            <div class="row" style="margin-top: 10px;">
                {{-- <div class="col-1" ></div> --}}
                <div class="col-9" style="margin-top: 10px">
                    <div class="card" style="margin: 0;padding: 0">
                        <div class="card-header bg-info" id="headingOne">
                            <h5 class="mb-0 text-white">
                                Check In From Booking By @if($resv_type == 1) Room @else Bed @endif
                            </h5>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-1" style="margin: 0;padding: 0"></div> --}}
            </div>
            <form method="post" action="{{ route('frontdesk.checkin_from_booking.store') }}" id="form_booking" name="form" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="warning_check" class="warning_check" value="1">
                <div class="row">
                {{-- <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>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <a class="nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-1" role="tab" aria-controls="nav-1" aria-selected="true">Reservation</a>
                                    <a class="nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-4" role="tab" aria-controls="nav-4" aria-selected="false">Booking Details</a>
                                    <a class="nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-3" role="tab" aria-controls="nav-3" aria-selected="false">Facility Provided</a>
                                    <a class="nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-2" role="tab" aria-controls="nav-2" aria-selected="false">Guest Information</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.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.guest_info")
                                </div>
                                <div class="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-3-tab">
                                    @include("frontdesk.share.facilities")
                                </div>
                                <div class="tab-pane fade" id="nav-4" role="tabpanel" aria-labelledby="nav-4-tab">
                                    @include("frontdesk.check_in_from_booking.check_in_room_details")
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-2" style="position: fixed;top: 10%;right: 0">
                    <div class="row">
                        <div class="col">
                            @include("frontdesk.share.bill")
                        </div>
                    </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">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">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <script src="{{ asset('/') }}frontdesk/booking/fd_booking.js"></script>

        <script>
            $(document).ready(function(){
                calResvAmount();


            });

        </script>
@endsection