@section('custom_style')
    <style>
        .allotment_info_table td, .allotment_info_table th{
            border: 1px solid #000!important;
        }
        .allotment_info_table th,td{
            padding: 0.15rem 0.75rem
        }
        .allotment_info_table th{
            background-color: #f0f0f0;
            color: #000;
        }
        .allotment_info_table td{
            color: #000;
        }
    </style>
@endsection

<div class="card sina-card">
    <div class="card-header">
        <h4 class="mb-0">
            {{__('obs.room')}} {{__('obs.information')}}
            <input type="hidden" id="max_row_count" value="{{ isset($booking_room_details) ? (count($booking_room_details) - 1) : 20 }}" />
        </h4>
    </div>
    <div class="card-body" style="max-height: 70vh;overflow: auto">
        {{-- Tax related --}}
        <div class="d-flex justify-content-between">
            <div>
                <div class="d-flex">
                    <strong class="me-2">{{__('obs.vat')}} {{__('obs.value')}} : </strong>
                    @foreach(getTaxes(array(1)) as $val)
                        <div class="form-check cl-form-check me-2">
                            <label class="form-check-label cl-form-check-label" for="{{ $val->name }}"></label>
                            <input name="vat_taxes[]" id="{{ $val->name }}" class="form-check-input cl-form-check-input fd_vat_list" data-value="" value="" type="checkbox" @isset($row_id) @if(in_array($val->id,$vat_tax_transactions)) checked @endif @endisset @empty($row_id) @if($val->flag == 1) checked @endif @endempty>
                        </div>
                        @isset($row_id)
                            @if(in_array($val->id,$vat_tax_transactions))
                                <input type="hidden" name="pre_vat_ids[]" value="{{$val->id}}">
                            @endif
                        @endisset
                    @endforeach
                </div>
                <div class="d-flex">
                    <strong class="me-2">{{__('obs.vat')}} {{__('obs.type')}} : </strong>
                    <div class="form-check cl-form-check me-2">
                        <label class="form-check-label cl-form-check-label" for="fd_vat_type1">{{__('obs.including')}}</label>
                        <input class="form-check-input cl-form-check-input" id="fd_vat_type1" name="fd_vat_type" type="radio" value="1" @isset($row_id) @if ($booking_info->tax_type == 1) checked @endif @endisset @empty($row_id) checked @endempty />
                    </div>
                    <div class="form-check cl-form-check me-2">
                        <label class="form-check-label cl-form-check-label" for="fd_vat_type2">{{__('obs.excluding')}}</label>
                        <input class="form-check-input cl-form-check-input" id="fd_vat_type2" name="fd_vat_type" type="radio" value="2" @isset($row_id) @if ($booking_info->tax_type == 2) checked @endif @endisset />
                    </div>
                </div>
            </div>
            <div>
                @include('frontdesk.common.get_vacant_room_report')
                @empty($row_id)
                <button class="btn btn-warning btn-sm rate_change_request" type="button" data-toggle="tooltip" data-placement="top" title="Will Need Approvals For The Reservation">{{__('obs.change')}} {{__('obs.rent')}}</button>
                @endempty
            </div>
        </div>
        {{-- Allotment related --}}
        <div class="row">
            <div class="col-12">
                @isset($allotment_id)
                    <div class="col-md-7 mb-2 mt-3">
                        <div class="" style="max-height: 300px;">
                            <table class="table cl-table table-form table-bordered allotment_info_table">
                                <tbody>
                                    <tr>
                                        <th>{{__('obs.alloted')}} {{__('obs.room')}}: </th>
                                        <td class="text-center">{{ $allotment_info->get_rooms->count() }}</td>
                                        <th>{{__('obs.current')}} {{__('obs.check_in')}} {{__('obs.qty')}}: </th>
                                        @php
                                            $current_checkin_qty = $allotment_info->get_checkin_info->where('check_in_status',1)->count();
                                        @endphp
                                        <td class="text-center">{{ $current_checkin_qty }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{__('obs.available')}} : </th>
                                        <td class="text-center">{{ count($allotment_info->get_rooms) -$current_checkin_qty }}</td>
                                        <th>{{__('obs.last')}} {{__('obs.date')}}: </th>
                                        <td class="text-center">{{ date('d-m-Y', strtotime($allotment_info->end_date)) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endisset
            </div>
        </div>
        {{-- When Create | Options for check in (Modal open button) --}}
        @empty($row_id)
            <div class="row d-flex justify-content-end">
                <div class="col-md-3">
                    <div class="d-flex">
                        <select name="" class="curr_room_type form-control input_shadow select_2 w-100">
                            <option value="">All</option>
                            @foreach ($room_types as $val)
                            <option value="{{ $val->id }}">{{ $val->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    {{-- <div class="d-flex align-items-center" style="width: 100%">
                        <div class="d-flex justify-content-center">
                            <div class="d-flex justify-content-center">
                            </div>
                        </div>
                    </div> --}}
                </div>
                <div class="col-md-2 {{  $resv_type == 1 ? '' : 'd-none' }}">
                    <div class="d-flex">
                        <select name="" class="form-control input_shadow select_2 w-100" id="is_only_allotment">
                            <option value="0">{{ __('obs.vacant_rooms') }}</option>
                            <option value="1">{{ __('obs.allotment_rooms') }}</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-1 {{  $resv_type != 1 ? '' : 'd-none' }}">
                    <input type="number" id="filter_bed_qty" class="form-control input_shadow" value="" placeholder="{{__('obs.bed_qty')}}">
                </div>
                <div class="col-md-1">
                    <button class="btn btn-success w-100 btn-sm check_available_rooms" type="button">{{__('obs.search')}}</button>
                </div>
            </div>
        @endempty
        {{-- Common information for check in --}}
        @include('frontdesk.common.common_room_details_info')
        {{-- Room Details --}}
        <div class="row mt-3">
            <div class="cl-table-container" style="max-height: 300px">
                <table class="table cl-table table-form table-bordered" width="100%">
                    <thead>
                        <tr>
                            @if ($resv_type == 1)
                                <th>{{__('obs.room')}} {{__('obs.n_o')}}</th>
                            @else
                                <th>{{__('obs.bed')}} {{__('obs.n_o')}}</th>
                            @endif
                            @if ($resv_type != 1)
                                <th>{{__('obs.room')}} {{__('obs.n_o')}}</th>
                            @endif
                            <th>{{__('obs.voucher')}} {{__('obs.number')}}</th>
                            <th>{{__('obs.room')}} {{__('obs.type')}}</th>
                            <th>
                                {{__('obs.night')}}
                                <input type="number" id="new_master_night" value="" class="form-control input_shadow {{ isset($row_id) ? 'd-none' : '' }}" style="width: 80px">
                            </th>
                            <th>{{__('obs.t_o')}} {{__('obs.date')}}</th>
                            <th>
                                {{__('obs.rent')}} <span id="fetching_rate_info" class="badge bg-danger"></span>
                                <input type="number" id="new_master_rent" value="" class="form-control input_shadow {{ isset($row_id) ? 'd-none' : '' }}" style="width: 80px">
                            </th>
                            <th>{{__('obs.total')}} {{__('obs.amount')}}</th>
                            <th>{{__('obs.remarks')}}</th>
                        </tr>
                    </thead>
                    <tbody class="tbody_multi_row">
                        @isset($row_id)
                            @foreach ($booking_info->get_checkin_info as $list)
                                @php 
                                    // $i = ($resv_type == 1 ? $list->room_id : $list->bed_id);
                                    $i = $list->id;

                                @endphp
                                <tr data-id="{{$i}}" class="tr-{{$i}}">
                                    <input type="hidden" name="chkin_rmd_id[{{$i}}]" value="{{$list->id}}">
                                    <input type="hidden" name="room_id_when_edit[{{$i}}]" value="{{($resv_type == 1)?$list->room_id:$list->bed_id}}">
                                    <td style="min-width: 100px" class="{{ $list->check_in_status != 1 ? 'bg-danger' : '' }}">
                                        <input type="text" readonly="" name="room_no[{{$i}}]" data-id="{{$i}}"
                                            class="form-control b-room-no-2" value="{{($resv_type == 1)?$list->get_room_info->room_number:$list->get_bed_info->room_number}}">
                                    </td>
                                    @if ($resv_type != 1)
                                    <td>
                                        {{$list->get_room_info->room_number}}
                                    </td>
                                    @endif
                                    <td>
                                        <input data-id="{{$i}}" name="vou[{{$i}}]" value="{{$list->voucher_no}}" class="form-control input_shadow vou-{{$i}}">
                                    </td>
                                    <td style="min-width: 100px">
                                        <select data-id="{{$i}}" name="room_type[{{$i}}]" class="form-control input_shadow b-room-types-{{$i}}">
                                            @foreach($room_types as $val)
                                                @if($list->room_type == $val->id)
                                                    <option class="rt-{{$i}}"  selected  value="{{$val->id}}">
                                                        {{$val->name}}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <input type="hidden" data-id="{{$i}}" value="1" name="room_qty[{{$i}}]" class="form-control b-qty-{{$i}}">
                                    </td>
                                    <td width="5%">
                                        <input readonly data-id="{{$i}}" name="room_night[{{$i}}]"
                                            class="form-control new_common_night input_shadow b-night-{{$i}}" value="{{$list->qty}}">

                                    </td>
                                    <td>
                                        <input data-id="{{$i}}" name="to_date[{{$i}}]" class="form-control common_to_date input_shadow b-to-date-{{$i}}" readonly="" value="{{date('d-m-Y', strtotime($list->end_date_time.'+1 day'))}}">
                                        <span class="loading_message_show_{{$i}}" style="display: none;">
                                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                            <span class="sr-only">Loading...</span>
                                        </span>
                                    </td>
                                    <td width="8%">
                                        <input type="number" readonly="" data-id="{{$i}}" name="rent[{{$i}}]" step="any" @if($booking_info->tax_type == 2) value="{{$list->rent}}" @else value="{{$list->rent+$list->vat}}" @endif onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow new_common_rate all_b_rent b-rent-{{$i}}">
                                        <input type="hidden" data-id="{{$i}}" name="o_rent[{{$i}}]" class="form-control old_b-rent-{{$i}}" @if($booking_info->tax_type == 2) value="{{$list->rent}}" @else value="{{$list->rent+$list->vat}}" @endif>
                                    </td>
                                    <td width="8%">
                                        <input data-id="{{$i}}" name="total_rent[{{$i}}]" class="form-control input_shadow b-rent-total-{{$i}}"
                                            readonly="" @if($booking_info->tax_type == 2) value="{{round(($list->rent*$list->qty),2)}}" @else value="{{round((($list->rent+$list->vat)*$list->qty),2)}}" @endif></td>
                                    <td>
                                        <input class="form-control input_shadow rd_remarks_{{$i}} all_rd_remarks" name="rd_remarks[{{$i}}]" value="{{$list->remarks}}">
                                    </td>
                                </tr>
                            @endforeach
                        @endisset
                        @isset($from_deshboard)
                            <input type="hidden" class="from_deshboard" value="{{$from_deshboard}}">
                            @foreach ($added_rooms as $list)
                                <input type="hidden" class="added_rooms_from_deshboard" value="{{$list->id}}" data-room_number = "{{$list->room_number}}">
                                @php $i = $list->id @endphp
                                <tr data-id="{{$i}}" class="tr-{{$i}}">
                                    <td style="min-width: 100px">
                                        <input type="text" readonly="" name="room_no[{{$i}}]" data-id="{{$i}}"
                                            class="form-control b-room-no-2" value="{{$list->room_number}}">
                                    </td>
                                    @if($resv_type != 1)
                                        <td>
                                            {{ $list->getBedPlanningsOne ? $list->getBedPlanningsOne->getRoom->room_number : $list->room->room_number }}
                                            <input type="hidden" name="parent_room_id[{{$i}}]" value="{{$list->getBedPlanningsOne ? $list->getBedPlanningsOne->getRoom->id : $list->room->id}}">
                                        </td>
                                    @endif
                                    <td>
                                        <input data-id="{{$i}}" name="vou[{{$i}}]" class="form-control input_shadow vou-{{$i}}">
                                    </td>
                                    <td style="min-width: 100px">
                                        <select data-id="{{$i}}" name="room_type[{{$i}}]" class="form-control input_shadow new_common_room_types{{ $i }}  b-room-types-{{$i}}">
                                            @foreach($room_types as $val)
                                                @if($list->room_type == $val->id)
                                                    <option class="rt-{{$i}}"  selected  value="{{$val->id}}">
                                                        {{$val->name}}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <input type="hidden" data-id="{{$i}}" value="1" name="room_qty[{{$i}}]" class="form-control b-qty-{{$i}}">
                                    </td>
                                    <td width="5%">
                                        <input onkeyup="keyUpResvNight(this)" data-id="{{$i}}" name="room_night[{{$i}}]" class="form-control new_common_night input_shadow b-night-{{$i}}">
                                    </td>
                                    <td>
                                        <input data-id="{{$i}}" name="to_date[{{$i}}]" class="form-control common_to_date input_shadow b-to-date-{{$i}}" readonly="">
                                        <span class="loading_message_show_{{$i}}" style="display: none;">
                                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                            <span class="sr-only">Loading...</span>
                                        </span>
                                    </td>
                                    <td width="8%">
                                        <input type="number" readonly="" data-id="{{$i}}" data-bs-toggle='tooltip' data-bs-placement='top' data-bs-title='Rent' name="rent[{{$i}}]" step="any" onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow new_common_rate all_b_rent b-rent-{{$i}}">
                                        <input type="hidden" data-id="{{$i}}" name="o_rent[{{$i}}]" class="form-control o_b-rent-{{$i}}">
                                    </td>
                                    <td width="8%">
                                        <input data-id="{{$i}}" name="total_rent[{{$i}}]" class="form-control input_shadow b-rent-total-{{$i}}" readonly="" ></td>
                                    <td>
                                        <input class="form-control input_shadow rd_remarks_{{$i}} all_rd_remarks" name="rd_remarks[{{$i}}]">
                                    </td>
                                    <td>
                                        <button type="button" onclick="roomRowDelete({{$i}})" class="btn btn-danger">
                                            <span class="fa fa-minus-circle"></span><span class="btn_mRow_text"></span>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        @endisset
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{{-- Available Room Modal --}}
<div class="modal fade" id="room_modal" data-bs-backdrop="static" data-keyboard="false" tabindex="-1"
    aria-labelledby="room_modal" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">{{__('obs.available')}} {{__('obs.room')}} {{__('obs.list')}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" style="max-height: calc(100vh - 150px); overflow-y: auto;">
                <table class="table cl-table table-bordered table-striped table-hover" id="available_room_list_table">
                    <thead>
                        <tr>
                            <th>{{__('obs.sl')}}</th>
                            <th>{{__('obs.images')}}</th>
                            <th>
                                @if ($resv_type == 1) {{__('obs.room')}} @else  {{__('obs.bed')}} @endif {{__('obs.n_o')}}
                            </th>
                            @if ($resv_type == 2)
                                <th>{{__('obs.room')}} {{__('obs.n_o')}}</th>
                            @endif
                            <th>{{__('obs.room')}} {{__('obs.type')}}</th>
                            <th>{{__('obs.floor')}}</th>
                            <th>{{__('obs.all')}} <input type="checkbox" class="checkall"></th>
                        </tr>
                    </thead>
                    <tbody class="available_room_list">

                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__('obs.close')}}</button>
                <button type="button" class="btn btn-primary get_result">{{__('obs.assign')}}</button>
            </div>
        </div>
    </div>
</div>

@section('script')
    <script>
        let new_resv_type = @json($resv_type);
        let allotment_id = @json(isset($allotment_id) ? $allotment_id : 0);
        $(document).ready(function() {
            calResvAmount();
            $('.rate_change_request').click(function() {
                $('.all_b_rent').attr('readonly', false);
            });
            $(function() {
                $('[data-toggle="tooltip"]').tooltip()
            })
            $('.check_available_rooms').click(function() {
                showLoader();
                $('#available_room_list_table').dataTable().fnDestroy();
                var room_type = $('.curr_room_type').val();
                method = 'get';
                url = "/frontdesk/ajax/get_available_room";
                data = {
                    'room_type': room_type,
                    'type': {{ $resv_type }},
                    'allotment_id': allotment_id,
                    'is_revenue_posting' : $('#is_revenue_posting').val(),
                    'is_only_allotment' : $('#is_only_allotment').val(),
                    'bed_qty' : $('#filter_bed_qty').val()
                };
                var list = '';
                ajaxCustom(function(res) {
                    $('.checkall').prop('checked', false);
                    $('#room_modal').modal('show');

                    $.each(res, function(key, val) {
                        var bed_room_no = '';
                        if (val.room_id != 0) {
                            // bed_room_no = "<td>" + val.room.room_number + "</td>";
                            bed_room_no = `<td>
                                ${ val.get_bed_plannings_one ? (val.get_bed_plannings_one.get_room.room_number) : val.room.room_number}
                            </td>`;
                        }
                        list += `<tr id="${val.id}">
                            <td>${key + 1}</td>
                            <td onclick="viewImages('${val.id}')">View</td>
                            <td>${val.room_number}</td>
                            ${bed_room_no}
                            <td>${val.room_type.name}</td>
                            <td>${val.floor.floor_no}</td>
                            <td><input type="checkbox" class="selectedId select_id_${val.id}" data-is-allotted="${val.is_allotted}"> ${val.is_allotted == 1 ? ' (In allotment)' : ''}</td>
                        </tr>`;
                    });
                    closeLoader();
                    $('.available_room_list').html(list);
                    $('#available_room_list_table').DataTable();
                }, method, url, data);
            });

            $('.checkall').click(function() {
                $('.selectedId').prop('checked', this.checked);
            });

            $(document).on('change', '.selectedId', function() {
                let check = ($('.selectedId').filter(":checked").length == $('.selectedId').length);
                $('.checkall').prop("checked", check);
            });

            $('.get_result').click(function() {
                let allotted_rooms = [];
                let list = [];
                $(".available_room_list tr").each(function() {
                    let tr_id = $(this).attr("id");
                    if (typeof tr_id != "undefined") {
                        if ($(".select_id_" + tr_id).is(":checked")) {
                            list.push(tr_id);
                            if ($(`.select_id_${tr_id}`).data("is-allotted") == 1) {
                                allotted_rooms.push(parseInt(tr_id));
                            }
                        }
                    }
                });

                if (list.length > 0) {
                    var selected_row = JSON.stringify(list);
                    method = 'get';
                    url = "/frontdesk/ajax/get_room_info";
                    data = {
                        data: selected_row
                    };
                    ajaxCustom(function(res) {
                        var insert_list = '';
                        $('#room_modal').modal('hide');
                        $.each(res, function(key, val) {
                            var room_no_of_bed = '';
                            var old_length = Object.keys(options).length;
                            options[val.id] = val.room_number;
                            if (Object.keys(options).length > old_length) {
                                $('.append_all_room').append(`<option value="${val.id}">${val.room_number}</option>`);

                                if (val.room != null) {
                                    room_no_of_bed = `<td>
                                        ${ val.get_bed_plannings_one ? (val.get_bed_plannings_one.get_room.room_number) : val.room.room_number}
                                        <input type="hidden" name="parent_room_id[${val.id}]" value="${val.get_bed_plannings_one ? val.get_bed_plannings_one.get_room.id : val.room.id}">
                                    </td>`;
                                }
                                // let rate_codes = `<td>
                                //     <select name="new_rate_code[${val.id}]" class="form-control select_2" id="rate_code${val.id}" data-id="${val.id}" onchange="rateCodeChange(this,1)"></select>
                                // </td>
                                // <td>
                                //     <select name="new_season_code[${val.id}]" class="form-control select_2" id="season_code${val.id}" data-id="${val.id}" onchange="rateCodeChange(this)"><option value="-1"></option></select>
                                // </td>
                                // <td>
                                //     <select name="new_package_code[${val.id}]" class="form-control select_2" id="package_code${val.id}" data-id="${val.id}" onchange="rateCodeChange(this)">

                                //     </select>
                                // </td>`;
                                let replace_room_html = '';
                                if(allotted_rooms.includes(val.id)){
                                    replace_room_html = `<input type="hidden" value="${val.id}" name="room_from_allotment[${val.id}]">
                                    <div style="width: 200px" class="${ allotment_id ? 'd-none' : '' } align-items-center">
                                        <select name="replace_room[${val.id}]" class="form-control fd_vacant_room_live_search"></select>
                                    </div>`;
                                }
                                insert_list += `<tr data-id="${val.id}" class="tr-${val.id}">
                                    <td style="min-width: 100px" class="d-flex align-items-center">
                                        <input type="text" readonly name="room_no[${val.id}]" data-id="${val.id}" class="form-control input_shadow b-room-no-${val.id}" value="${val.room_number}">
                                        ${replace_room_html}
                                    </td>
                                    ${room_no_of_bed}
                                    <td>
                                        <input data-id="${val.id}" name="vou[${val.id}]" class="form-control input_shadow vou-${val.id}"/>
                                    </td>
                                    <td style="min-width: 100px">
                                        <select readonly data-id="${val.id}" name="room_type[${val.id}]" class="form-control input_shadow new_common_room_types${val.id} b-room-types-${val.id}">
                                            <option selected value="${val.room_type.id}">${val.room_type.name}</option>
                                        </select>
                                        <input type="hidden" data-id="${val.id}" value="1" name="room_qty[${val.id}]" class="form-control input_shadow b-qty-${val.id}" />
                                    </td>
                                    <td width="5%">
                                        <input onkeyup="keyUpResvNight(this)" data-id="${val.id}" name="room_night[${val.id}]" class="form-control new_common_night input_shadow b-night-${val.id}"/>
                                    </td>
                                    <td>
                                        <input data-id="${val.id}" name="to_date[${val.id}]" class="form-control common_to_date input_shadow b-to-date-${val.id}" readonly />
                                        <span class="loading_message_show_${val.id}" style="display: none;">
                                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                            <span class="sr-only">Loading...</span>
                                        </span>
                                    </td>
                                    <td width="8%">
                                        <input type="number" readonly data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Rent" step="any" data-id="${val.id}" name="rent[${val.id}]" onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow new_common_rate all_b_rent b-rent-${val.id}"/>
                                        <input type="hidden" data-id="${val.id}" name="o_rent[${val.id}]" class="form-control input_shadow o_b-rent-${val.id}"/>
                                    </td>
                                    <td width="8%">
                                        <input data-id="${val.id}" name="total_rent[${val.id}]" class="form-control input_shadow b-rent-total-${val.id}" readonly />
                                    </td>
                                    <td>
                                        <input class="form-control input_shadow rd_remarks_${val.id} all_rd_remarks" name="rd_remarks[${val.id}]">
                                    </td>
                                    <td>
                                        <button type="button" onclick=roomRowDelete(${val.id}) class="btn btn-danger btn-sm">
                                            <span class="fa fa-minus-circle">
                                            </span><span class="btn_mRow_text"></span>
                                        </button>
                                    </td>"
                                </tr>`;
                            }
                        });
                        $('.tbody_multi_row').append(insert_list);
                        triggerDatePicker();
                        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
                        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
                        $('.select_2').select2();
                        fd_remote_select("fd_vacant_room_live_search","frontdesk/vacant-room-search", true);
                    }, method, url, data);
                } else {
                    alert("Nothing Selected");
                }
            });
        });
        function roomRowDelete(id) {
            rowDelete(id);
            delete options[id];
        }
        function call_added_room(){
            if($('.from_deshboard').val() == 1){
                $('.added_rooms_from_deshboard').each(function(key,val){
                    room_info_id = $(val).val();
                    room_info_number = $(val).attr('data-room_number');
                    options[room_info_id] = room_info_number;
                });
            }
        }
        $(document).ready(function(){
            flatpickr('.updated_bs_datepicker',{
                enableTime: true,
                dateFormat: 'd-m-Y',
            });
            $('.select_2').select2();
        });
        function triggerDatePicker(){
            flatpickr('.updated_bs_datepicker',{
                dateFormat: 'd-m-Y',
            });
        }
        $(document).on('change','#new_master_night',function(){
            $('.new_common_night').val($(this).val()).trigger('keyup');
        });
        $(document).on('change','#new_master_rent',function(){
            $('.new_common_rate').val($(this).val()).trigger('keyup');
        })
    </script>
@endsection