@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{
            /* background-color: #ddd; */
            color: #000;
        }
    </style>

@endsection

<div class="card">
    <div class="card-header">
        <h5 class="mb-0">
            {{-- <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#booking_details" aria-expanded="false" aria-controls="booking_details"> --}}
            Room Information
            {{-- </button> --}}

            @isset($booking_room_details)
                <input type="hidden" id="max_row_count" value="{{ count($booking_room_details) - 1 }}" />
            @endisset

            @empty($booking_room_details)
                <input type="hidden" id="max_row_count" value="20" />
            @endempty
        </h5>
    </div>
    {{-- <div id="booking_details" class="collapse" aria-labelledby="booking_details" data-parent="#accordionExample"> --}}
    <div class="card-body" style="max-height: 70vh;overflow: auto">
        <div class="row d-flex justify-content-between">
            <div class='col-md-3'>
                <div class="form-group">

                    {{-- @foreach (getTaxes([1]) as $val)
                        <input name="vat_taxes[]" data-value="" value=""
                            class="fd_vat_list" type="checkbox" checked />                     @endforeach --}}

                    @foreach(getTaxes(array(1)) as $val)
                        <input name="vat_taxes[]" data-value="" value="" class="fd_vat_list" 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 /> 
                        @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="form-group">
                    <input 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 />
                    Including
                    <input name="fd_vat_type" type="radio" value="2" @isset($row_id) @if ($booking_info->tax_type == 2) checked @endif @endisset> Excluding
                </div>
            </div>
            @isset($allotment_id)
                <div class="col-md-7 mb-2">
                    <table class="table table-bordered allotment_info_table">
                        <tbody>
                            <tr>
                                <th>Alloted Room: </th>
                                <td class="text-center">{{ $allotment_info->fd_allotment_details->sum('qty') }}</td>
                                <th>Current Checkin Qty: </th>
                                @php
                                    $current_checkin_qty = $allotment_info->get_checkin_info->where('checkin_status',1)->count();
                                @endphp
                                <td class="text-center">{{ $current_checkin_qty }}</td>
                            </tr>
                            <tr>
                                <th>Available: </th>
                                <td class="text-center">{{ $allotment_info->fd_allotment_details->where('start_date', '<=',date('Y-m-d'))->where('end_date', '>=',date('Y-m-d'))->sum('qty')-$current_checkin_qty }}</td>
                                <th>Last Date: </th>
                                <td class="text-center">{{ date('d-m-Y', strtotime($allotment_info->fd_allotment_details->sortByDesc('end_date')->first()->end_date)) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            @endisset
            @empty($row_id)
                <div class="col-md-2">
                    <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">Change Rent</button>
                </div>
            @endempty
        </div>
        @empty($row_id)
        <div class="row d-flex justify-content-end">
            <div class="col-md-6">
                <div class="form-group row">
                    <label for="" class="col-sm-3 offset-1 col-form-label">Room Type :</label>
                    <div class="col-sm-5">
                        <select name="" class="curr_room_type form-control input_shadow select_2">
                            @foreach ($room_types as $val)
                                <option value="{{ $val->id }}">{{ $val->name }}</option>
                            @endforeach
                        </select>

                    </div>
                    <div class="col-sm-3">
                        <button class="btn btn-success btn-sm check_available_rooms" type="button">Search</button>
                    </div>
                </div>
            </div>
        </div>
        @endempty
        <div class="row">
            <table class="table table-bordered" width="100%">
                <thead>
                    <tr>
                        @if ($resv_type == 1)
                            <td>Room No</td>
                        @else
                            <td>Bed No</td>
                        @endif
                        @if ($resv_type != 1)
                            <td>Room No</td>
                        @endif
                        <td>Vou.Number</td>
                        <td>Room Type</td>
                        <td>From Date</td>
                        <td>Total Night</td>
                        <td>To Date</td>
                        <td>Rent</td>
                        <td>Total Amount</td>
                        <td>Remarks</td>
                        {{-- <td>Action</td> --}}
                    </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) @endphp
                            <tr data-id="{{$i}}" class="tr-{{$i}}">
                                <input type="hidden" name="chkin_rmd_id[{{$i}}]" value="{{$list->id}}">
                                <td style="min-width: 100px">
                                    <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>
                                </td>
                                <td>
                                    <input type="hidden" data-id="{{$i}}" value="1" name="room_qty[{{$i}}]"
                                        class="form-control b-qty-{{$i}}">
                                    <input readonly="" data-id="{{$i}}"  value="{{date('d-m-Y', strtotime($list->start_date_time))}}" name="from_date[{{$i}}]"
                                        class="form-control input_shadow b-from-date-{{$i}}" >
                                </td>
                                <td width="5%">
                                    <input readonly {{-- onkeyup="keyUpResvNight(this)" --}} data-id="{{$i}}" name="room_night[{{$i}}]"
                                        class="form-control input_shadow b-night-{{$i}}" value="{{$list->qty}}">
                                </td>
                                <td>
                                    <input data-id="{{$i}}" name="to_date[{{$i}}]" class="form-control input_shadow b-to-date-{{$i}}" readonly="" value="{{date('d-m-Y', strtotime($list->end_date_time.'+1 day'))}}">
                                </td>
                                <td width="8%">
                                    <input readonly="" data-id="{{$i}}" name="rent[{{$i}}]" @if($booking_info->tax_type == 2) value="{{$list->rent}}" @else value="{{$list->rent+$list->vat}}" @endif onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow 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>
                                {{-- <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


                    @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}}">
                            {{-- <script>
                                options[list.id] = list.room_number;
                            </script> --}}
                            @php $i = $list->id @endphp
                            <tr data-id="{{$i}}" class="tr-{{$i}}">
                                {{-- <input type="hidden" name="chkin_rmd_id[{{$i}}]" value="{{$list->id}}"> --}}
                                <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>
                                <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 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>
                                </td>
                                <td>
                                    <input type="hidden" data-id="{{$i}}" value="1" name="room_qty[{{$i}}]"
                                        class="form-control b-qty-{{$i}}">
                                    <input readonly="" data-id="{{$i}}" name="from_date[{{$i}}]" class="form-control temp_bs_datepicker input_shadow b-from-date-{{$i}}" value="{{date('d-m-Y')}}">
                                </td>
                                <td width="5%">
                                    <input onkeyup="keyUpResvNight(this)" data-id="{{$i}}" name="room_night[{{$i}}]"
                                        class="form-control input_shadow b-night-{{$i}}">
                                </td>
                                <td>
                                    <input data-id="{{$i}}" name="to_date[{{$i}}]" class="form-control input_shadow b-to-date-{{$i}}" readonly="">
                                </td>
                                <td width="8%">
                                    <input readonly="" data-id="{{$i}}" name="rent[{{$i}}]" onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow 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>


<!-- Modal -->
<div class="modal fade" id="room_modal" data-backdrop="static" data-keyboard="false" tabindex="-1"
    aria-labelledby="room_modal" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Available Room List</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th>
                                @if ($resv_type == 1) Room @else Bed @endif No
                            </th>
                            @if ($resv_type == 2)
                                <th>Room No</th>
                            @endif
                            <th>Room Type</th>
                            <th>Floor</th>
                            <th>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-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary get_result">Assign</button>
            </div>
        </div>
    </div>
</div>


@section('script')


    <script>
        $(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() {
                var room_type = $('.curr_room_type').val();
                method = 'get';
                url = "/frontdesk/ajax/get_available_room";
                data = {
                    'room_type': room_type,
                    'type': {{ $resv_type }}
                };
                // console.log(room_type);
                var list = '';
                ajaxCustom(function(res) {
                    $('.checkall').prop('checked', false);
                    $('#room_modal').modal('show');
                    console.log(res);
                    $.each(res, function(key, val) {
                        var bed_room_no = '';
                        if (val.room_id != 0) {
                            bed_room_no = "<td>" + val.room.room_number + "</td>";
                        }
                        list += '<tr id="' + val.id + '">' +
                            '<td>' + (key + 1) + '</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 + '"></td>' +
                            '</tr>';
                    });
                    $('.available_room_list').html(list);
                }, 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 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 (list.length > 0) {
                    // $('.result').text("You Have Selected: "+ list);
                    console.log(list);
                    var selected_row = JSON.stringify(list);
                    method = 'get';
                    url = "/frontdesk/ajax/get_room_info";
                    data = {
                        data: selected_row
                    };
                    ajaxCustom(function(res) {
                        console.log(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;
                            console.log('options',options);
                            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.room.room_number +
                                        '</td>';
                                }

                                insert_list += '<tr data-id="' + val.id + '" class="tr-' +
                                    val.id + '">' +
                                    '<td style="min-width: 100px"><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 + '"></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 b-room-types-' + val.id + '">' +
                                    '<option selected value="' + val.room_type.id + '">' +
                                    val.room_type.name + '</option>' +
                                    '</select>' +
                                    '</td>' +
                                    '<td><input type="hidden" data-id="' + val.id +
                                    '" value="1" name="room_qty[' + val.id +
                                    ']" class="form-control input_shadow b-qty-' + val.id +
                                    '" /><input data-id="' + val.id +
                                    '" value="{{ date('d-m-Y') }}" name="from_date[' + val
                                    .id + ']" class="form-control updated_bs_datepicker input_shadow b-from-date-' + val.id +
                                    '"/></td>' +
                                    '<td width="5%"><input onkeyup="keyUpResvNight(this)" data-id="' +
                                    val.id + '" name="room_night[' + val.id +
                                    ']" class="form-control input_shadow b-night-' + val.id +
                                    '"/></td>' +
                                    '<td><input data-id="' + val.id + '" name="to_date[' +
                                    val.id + ']" class="form-control input_shadow b-to-date-' + val.id +
                                    '" readonly /></td>' +
                                    '<td width="8%"><input readonly data-id="' + val.id +
                                    '" name="rent[' + val.id +
                                    ']" onkeyup="calTotalOnRateChange(this)" class="form-control input_shadow 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>';
                            }
                            // console.log(Object.keys(options).length);
                            // // $('.append_all_room').html(options);
                        })
                        $('.tbody_multi_row').append(insert_list);
                        triggerDatePicker();
                        // $('.bs_datepicker').trigger('change');
                        // flatpickr('.bs_datepicker',{
                        //     enableTime: true,
                        //     dateFormat: 'd-m-Y',//'YYYY-MM-DD',
                        // });
                        // initDatePickerHotel();
                    }, method, url, data);
                } else {
                    alert("Nothing Selected");
                }
            });


            // calTotalOnRateChange();
            // $('.bs_datepicker').datepicker();

            call_added_room();
        });

        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;
                });
            }
        }

        // function calToDateCheckIn(){
        //     console.log("3423423423");
        // }

        $(document).ready(function(){
            flatpickr('.updated_bs_datepicker',{
                enableTime: true,
                dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            });
            $('.select_2').select2();
        });

        function triggerDatePicker(){
            console.log("abc");
            // flatpickr('.updated_bs_datepicker',{
            //     enableTime: true,
            //     dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            // });
            flatpickr('.updated_bs_datepicker',{
                dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            });
        }
    </script>

@endsection