@extends('../layout/view-tab')

@section('form-name', 'Reservation Details')

@section('form-area')

    <span class="res-detail-user-box">
        <input type="text" id="rs_id" name="rs_id" value="{{ isset($reservations) ? $reservations[0]->id : '' }}"
            hidden>
        <input type="text" id="first" name="first"
            value="{{ isset($reservations) ? $reservations[0]->checkinDate : '' }}" hidden>
        <input type="text" id="second" name="second"
            value="{{ isset($reservations) ? $reservations[0]->checkoutDate : '' }}" hidden>

        <div class="p-2 grid grid-cols-12 gap-4 row-gap-4 res-det-form">
            <div class="col-span-12 sm:col-span-12 text-center">
                <b style="font-size:15px">{{ isset($reservations) ? $reservations[0]->code : '' }}</b>
            </div>
        </div>

        <div class="p- grid grid-cols-12 gap-4 row-gap-3">
            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Guest Name : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->get_guest->guestFname : '' }}
                    {{ isset($reservations) ? $reservations[0]->get_guest->guestLname : '' }}</label>
            </div>

            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Check in Date : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->checkinDate : '' }}</label>
            </div>

            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Check out Date : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->checkoutDate : '' }}</label>
            </div>
            <div class="col-span-12 sm:col-span-6 user-label">
                <b>No of Nights : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label id="no_night" name="no_night"></label>
            </div>

            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Guest Country : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->get_guest->gcountry : '' }}</label>
            </div>

            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Agent : </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->get_travel_agent->agentName : '' }} /
                    {{ isset($reservations) ? $reservations[0]->get_travel_agent->agentCode : '' }} </label>
            </div>

            <div class="col-span-12 sm:col-span-6 user-label">
                <b>Agent Contact: </b>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->get_travel_agent->tel_no_1 : '' }}</label>
            </div>
            <div class="col-span-12 sm:col-span-12">
                <b>Remark :</b><label>{{ isset($reservations) ? $reservations[0]->remarks : '' }}</label>
            </div>
            <div class="col-span-12 sm:col-span-6">
                <label>{{ isset($reservations) ? $reservations[0]->remarks : '' }}</label>
            </div>

        </div>
    </span>

@endsection


@section('table-area')

    @php
        if ($reservations[0]->status == 2) {
            $hidd = ' ';
        } else {
            $hidd = 'hidden';
        }
    @endphp
    <div class="res-det-form-table">
      <div class="btn-line">
        <button class="tablink first-btn" onclick="openPage('Room_Details', this, '#22543d')" id="defaultOpen">Room
            Details</button>
        <button {{ $hidd }} class="tablink" onclick="openPage('Guest_List', this, '#22543d')">Guest List</button>
        <button {{ $hidd }} class="tablink {{ isset($Booking) ? '' : 'last-btn' }}"
            onclick="openPage('Bill_Details', this, '#22543d')">Bill Details</button>
        <button {{ isset($Booking) ? '' : 'hidden' }} class="tablink last-btn"
            onclick="openPage('Booking_Details', this, '#22543d')">Booking Details</button>
        </div>
        <div id="Room_Details" class="tabcontent">
            <table class="table table-report -mt-2" id="booked_rooms_table">
                <thead>
                    <tr>
                        <th class="text-center">Room No.</th>
                        <th class="text-center">Room Type</th>
                        <th class="text-center">Room Category</th>
                        <th>Basis</th>
                        <th class="text-center">Additional Facilities</th>
                    </tr>
                </thead>
                <tbody id="booked_rooms_list">
                </tbody id="tbody">
            </table>

            <div class="modal" id="additional_features_room">
                <div class="modal__content">
                    <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                        <h2 class="font-medium text-base mr-auto">Room Facilities</h2>
                    </div>

                    <div class="p-5 grid grid-cols-12 gap-4 row-gap-3">
                        <div class="col-span-12 sm:col-span-12">
                            <div id="facilitieslist">
                            </div>
                        </div>
                    </div>
                    <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                        <button type="button" data-dismiss="modal"
                            class="button w-20 border text-gray-700 dark:border-dark-5 dark:text-gray-300 mr-1">Cancel</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="Guest_List" class="tabcontent">
            <table class="table table-report -mt-2">
                <thead>
                    <tr>
                        <th class="text-center">Name</th>
                        <th class="text-center">Passport/NIC</th>
                        <th class="text-center">Nationality</th>
                        <th class="text-center">Contact No</th>
                        <th class="text-center">Date of Birth</th>
                        <th class="text-center">Room No</th>
                    </tr>
                </thead>
                <tbody id="resguestlist">

                </tbody>
            </table>
        </div>

        <div id="Bill_Details" class="tabcontent">
        
            <a href="javascript:;" data-toggle="modal"
                onclick="setresid({{ isset($reservations) ? $reservations[0]->id : '' }})" data-target="#bill_modal"
                class="button inline-block bg-theme-13 text-white add-manual-bill-btn btn-blue">Add Manual Bill</a>

            <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">
                <table id="po_table" name="po_table" class="table table-report -mt-2">
                    <thead>
                        <tr>
                            <td>Bill Type</td>
                            <td>Bill Refference No</td>
                            <td>Amount</td>
                            <td>Room No</td>
                            <td class="text-center">Action</td>
                        </tr>
                    </thead>

                    <tbody id="data_table_additional">
                    </tbody>
                </table>
            </div>





            <div class="daily-forecast-label-box md:block mr-auto ma-auto text-gray-600">


                <div class="grid grid-cols-12 gap-1">
                    <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Room Rate :</span>
                    </div>
                    <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
                        <div class="value-side" id="rate" name="rate"> </div>
                    </div>
                </div>



                <div class="grid grid-cols-12 gap-1">
                    <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Additional Bills
                            :
                        </span></div>
                    <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
                        <div class="value-side" id="adbill" name="adbill"> </div>
                    </div>
                </div>



                <div class="grid grid-cols-12 gap-1">
                    <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Extra Charges
                            :</span></div>
                    <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
                        <div class="value-side" id="echarge" name="echarge"> </div>
                    </div>
                </div>

                <div class="grid grid-cols-12 gap-1">
                    <div class="col-span-12 sm:col-span-6 xl:col-span-9 intro-y"><span class="label-side">Total Bill
                            :</span></div>
                    <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
                        <div class="value-side" id="Tbill" name="Tbill"> </div>
                    </div>
                </div>
            </div>
            <div class="modal" id="bill_modal">
                <div style="width: 60%;" class="modal__content">
                    <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                        <h2 class="font-medium text-base mr-auto">Manual Bill</h2>
                        <button type="button" class="button  bg-theme-13 text-white" style="margin-top:5%;"
                            id="addbtn" onclick="addrow()">Add a bill</button>
                    </div>
                    <form id="bill_form" method="POST">
                        @csrf
                        <input type="text" hidden name="bill_res_id" id="bill_res_id">
                        <div class="p-5 grid grid-cols-12 gap-4 row-gap-3">
                            <div class="col-span-12 sm:col-span-12">
                                <div style="overflow:auto;">
                                    <table class="table table-report mt-2">
                                        <thead>
                                            <tr>
                                                <td>Bill Type</td>
                                                <td>Bill Refference No</td>
                                                <td></td>
                                                <td>Amount</td>
                                                <td>Room No</td>
                                            </tr>
                                        </thead>
                                        <tbody id="manual_bill_list">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                            <button onclick="save_manual_bill()" type="button" class="button w-20 bg-theme-9 text-white"
                                id="savebtn">Save</button>
                            <button type="button" class="button w-20 bg-theme-11 text-white"id="clrbtn"
                                onclick="clearbilllist()">Clear</button>
                            <button type="button" name="bill_cln_btn" id="bill_cln_btn" data-dismiss="modal"
                                class="button w-20 bg-theme-6 text-white">Cancel</button>
                        </div>

                    </form>

                </div>
            </div>
        </div>

        <div id="Booking_Details" class="tabcontent">
            <div class="book-dt-box mt-5">
               
                <div class="grid grid-cols-12 book-dt-line">
                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Booking code : </b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->BK_with_res->code : '' }}</label>
                        </div>
                     </div>
                    </div>

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid  grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Check in Date :</b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->BK_with_res->booking_checkinDate : '' }}</label>
                        </div>
                     </div>
                    </div>

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid  grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Check out Date :</b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->BK_with_res->booking_checkoutDate : '' }}</label>
                        </div>
                     </div>
                    </div>
                
                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Booked Guest : </b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->get_guest->guestFname : '' }}
                            {{ isset($Booking) ? $Booking[0]->get_guest->guestLname : '' }}</label>
                        </div>
                     </div>
                    </div>

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Agent :</b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->get_travel_agent->agentName : '' }}</label>
                        </div>
                     </div>
                    </div>

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Agent Contact :</b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->get_travel_agent->tel_no_1 : '' }}</label>
                        </div>
                     </div>
                    </div>
                

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 sm:col-span-4 book-dt-label">
                            <b>Remark :</b>
                        </div>
                        <div class="col-span-6 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->BK_with_res->user_remarks : '' }}</label>
                        </div>
                     </div>
                    </div>

                    <div class="grid col-span-12 sm:col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6">
                     <div class="grid grid-cols-12">
                        <div class="col-span-6 md:col-span-4 sm:col-span-4 book-dt-label">
                            <b>System Remark : </b>
                        </div>
                        <div class="col-span-6 md:col-span-8 sm:col-span-8 book-dt-value">
                            <label>{{ isset($Booking) ? $Booking[0]->BK_with_res->remarks : '' }}</label>
                        </div>
                     </div>
                    </div>

                </div>


                
            </div>
        </div>
        </span>
    </div>
    </div>
@endsection

@section('script-area')

    @if (isset($room_catogory_withid))
        <script>
            $(function() {
                $('#savebtn').text('UPDATE');
                // $('#status_box').show('fast');
            });
        </script>
    @endif
    @if (!isset($room_catogory_withid))
        <script>
            $(function() {

                $('#clear').attr('hidden', true);


            });
        </script>
    @endif



    <script>
        function openPage(pageName, elmnt, color) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";

            }
            tablinks = document.getElementsByClassName("tablink");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].style.backgroundColor = "";
                tablinks[i].classList.remove('active_tab');
            }
            document.getElementById(pageName).style.display = "block";
            elmnt.style.backgroundColor = color;
            elmnt.classList.add('active_tab');
        }

        // Get the element with id="defaultOpen" and click on it
        document.getElementById("defaultOpen").click();


        $(function() {
            var f1st = document.getElementById('first').value;
            var s2nd = document.getElementById('second').value;
            var no_night = calculateDT(f1st, s2nd);

            $('#no_night').text(no_night);
            var id = $('#rs_id').val();
            getReservationRooms(id);
            guestlist(id);
            get_additional_bills(id);
            Manual_bill_load();
        });


        function calculateDT(firstdate, lastdate) {
            var oneD = 1000 * 60 * 60 * 24;
            var startDT = firstdate;
            var endDT = lastdate;
            var sMS = new Date(startDT);
            var eMS = new Date(endDT);
            return Math.round((eMS.getTime() - sMS.getTime()) / oneD);

        }

        function getReservationRooms(id) {


            var url = "{{ route('get_reservation_rooms') }}";

            var params = {
                'res_id': id,
            }

            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                success: function(res) {

                    var data = res;

                    var total_bill = 0;


                    $('#booked_rooms_list').html('');
                    $('#remarks').html('');
                    $('#checkindetails').html('');
                    $('#checkin-button-holder').html('');
                    $('#printdiv').html('');

                    data.rooms.forEach(e => {

                        $('#booked_rooms_list').append('<tr><td class="text-center">' + e.room_name +
                            '</td><td class="text-center">' + e
                            .get_room_type.room_type_Select + '</td><td class="text-center">' + e
                            .get_category
                            .room_categories_name + '</td><td>' + e.mealPlanCode +
                            '</td><td class="text-center"><a href="javascript:;" data-toggle="modal" data-target="#additional_features_room" class="button text-white" onclick="get_room_facilities(' +
                            id + ',' + e.room_id +
                            ')" ><i class="fa fa-eye" aria-hidden="true"></i></a></td></tr>');

                        total_bill = Number(total_bill) + Number(e.rate);

                    });

                    if (res.res_details.status == 1) {

                        $('#checkin-button-holder').html('');
                        $('#checkin-button-holder').append(
                            '<a href="{{ route('guest_assign_reservation_view') }}?res_id=' + data
                            .res_details.id + '" class="button w-20 bg-theme-9 text-white" >Check IN</a>');
                        $('#printdiv').html('');
                        $('#printdiv').append(
                            '<a class="button w-20 bg-theme-13 text-white" href="{{ route('print_grc') }}?id=' +
                            data.res_details.id + '" target="_blank" >PRINT GRC</a>');

                    } else if (res.res_details.status == 2) {

                        $('#checkin-button-holder').html('');

                        $('#checkin-button-holder').append('<a href="{{ route('checkout_view') }}?res_id=' +
                            data.res_details.id +
                            '" class="button w-20 bg-theme-12 text-white" >CHECK OUT</a>');

                        $('#printdiv').html('');
                        $('#printdiv').append(
                            '<a style="" href="{{ route('print_res_bill') }}?id=' + data
                            .res_details.id +
                            '" class="button w-20 bg-theme-11 text-white"  target="_blank" >PRINT Bill</a>');

                    } else if (res.res_details.status == 3) {
                        $('#checkin-button-holder').html('');
                        $('#printdiv').html('');
                        $('#printdiv').append(
                            '<a  href="{{ route('print_final_res_bill') }}?id=' +
                            data.res_details.id +
                            '" class="button w-20 bg-theme-9 text-white"  target="_blank" >SHOW FINAL BILL</a>'
                        );

                    }

                    //var diff = calculateDT(data.res_details.checkinDate, data.res_details.checkoutDate);

                    // this function will add the total bill to additional bill and append the result to modal uI

                    //get_additional_bills(res.res_details.id);


                    //$('#checkindetails').append('<p style="margin-top:1%;" >No of Nights : ' + diff + '</p>');

                },
                error: function(err) {

                    notify(1, 'unable to load reservation rooms');

                }
            });


        }

        function get_room_facilities(res_id, room_id) {
            $('#facilitieslist').html('');
            var url = "{{ route('get_reserved_room_facilities') }}";

            var params = {
                'res_id': res_id,
                'room_id': room_id,
            }

            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                success: function(res) {

                    var data = res;

                    $('#facilitieslist').html('');



                    if (data.length) {

                        data.forEach(e => {
                            $('#facilitieslist').append('<p style="margin-bottom:2%;">' + e
                                .get_facilities.add_additional_facilites_name + '</p>');
                        });

                    } else {

                        $('#facilitieslist').append('<p>no additional facilities</p>');

                    }


                },
                error: function(err) {
                    console.log(err);
                    notify(1, 'unable to get the room facilities');

                },
            });

        }

        function guestlist(id) {

            var url = "{{ route('reservation_guestlist') }}";

            var param = {
                id: id,
            };

            $.ajax({
                type: 'GET',
                url: url,
                data: param,
                success: function(res) {

                    var result = res;

                    console.log(result);

                    if (result.error_status == 0) {

                        $('#resguestlist').html('');
                        

                        result.data.forEach(g => {
                            if (typeof(g.get_main_guset) != "undefined" && g.get_main_guset !== null) {
                                $('#resguestlist').append(
                                    '<tr><td class="text-center">' + g.get_main_guset[
                                        'guestFname'] + ' ' + g.get_main_guset['guestLname'] +
                                    '</td><td class="text-center">' + g.get_main_guset[
                                        'passport_id'] +
                                    '</td><td class="text-center">' + g.get_main_guset['gcountry'] +
                                    '</td><td class="text-center">' + g.get_main_guset['contactNo'] +
                                    '</td><td class="text-center">' + g.get_main_guset[
                                        'dob'] +
                                    '</td><td class="text-center">' +
                                    g.room_no +
                                    '</td></tr>'
                                );
                            } else if (typeof(g.get__gusetlist) != "undefined" && g.get__gusetlist !==
                                null) {
                                $('#resguestlist').append(
                                    '<tr><td class="text-center">' + g.get__gusetlist[
                                        'guestFname'] + ' ' + g.get__gusetlist['guestLname'] +
                                    '</td><td class="text-center">' + g.get__gusetlist[
                                        'passport_id'] +
                                    '</td><td class="text-center">' + g.get__gusetlist['gcountry'] +
                                    '</td><td class="text-center">' + g.get__gusetlist['contactNo'] +
                                    '</td><td class="text-center">' + g.get__gusetlist[
                                        'dob'] +
                                    '</td><td class="text-center">' +
                                    g.room_no +
                                    '</td></tr>'
                                );
                            }
                        });

                    }

                },
                error: function(err) {

                    $('#resguestlist').html('');

                }
            });

        }

        function setresid(id) {

            $('#bill_res_id').val(id);
            sessionStorage.setItem('manual_bill_count', 0);



        }

        function get_additional_bills(id) {

            var url = "{{ route('get_reservation_total') }}";

            var param = {
                'res_id': id,
            }


            $.ajax({
                type: 'GET',
                data: param,
                url: url,
                success: function(res) {

                    var result = res;


                    $('#rate').append('' + currency_symbol() + " " +
                        currency_changer(result.info.reservation_room_total) + ' /=' + '');

                    $('#adbill').append('' + currency_symbol() +
                        " " + currency_changer(result.info.bill_total) + ' /=' + '');

                    $('#echarge').append('' + currency_symbol() +
                        " " + currency_changer(result.info.extra_charges_total) + ' /=' + '');

                    $('#Tbill').append('' + currency_symbol() + " " +
                        currency_changer(result.info.grand_total) + ' /=' + '');

                },
                error: function(err) {

                    console.log(err);

                }

            });



        }

        function addrow() {

            var selected = $('#rs_id').val();

            var url = '{{ route('get_reservation_rooms') }}';

            var param = {
                'res_id': $('#rs_id').val(),
            };

            var index = Number(sessionStorage.getItem('manual_bill_count'));


            $.ajax({
                type: 'GET',
                url: url,
                data: param,
                success: function(res) {

                    var result = res;

                    $('#manual_bill_list').append('<tr id="bill' + index +
                        '" ><td><select name="b_type[]" ><option value="1" >House keeping</option><option value="2" >Adititional Service</option><option value="3" >KOT Bill</option><option value="4" >BOT Bill</option></select></td><td><input name="b_code[]" class="input  border flex-1" required ></td><td><p style="display:inline;" >' +
                        currency_symbol() +
                        '</p></td><td><input type="number" min:1; class="input  border flex-1" name="b_amount[]" required placeholder="' +
                        currency_symbol() +
                        '" ></td><td><select name="room_id[]" required id="room' + index +
                        '" ></select></td></tr>');

                    result.rooms.forEach(e => {

                        $('#room' + index + '').append('<option value="' + e.room_id + '">' + e
                            .room_name + '</option>');

                    });

                    index = Number(index) + Number(1);

                    sessionStorage.setItem('manual_bill_count', index);

                },
                error: function(err) {
                    console.log(err);
                }
            });

        }




        function Manual_bill_load() {

            var selected = $('#rs_id').val();

            var url = '{{ route('Load_all_maualbills') }}';

            var param = {
                'res_id': $('#rs_id').val(),
            };

            var index = Number(sessionStorage.getItem('manual_bill_count'));


            $.ajax({
                type: 'GET',
                url: url,
                data: param,
                success: function(res) {

                    var result = res;
                    console.log(result);

                    result.forEach(e => {

                        var billtype = "";
                        if (e.bill_type == 1) {
                            billtype = "House keeping";
                        }
                        if (e.bill_type == 2) {
                            billtype = "Adititional Service";
                        }
                        if (e.bill_type == 3) {
                            billtype = "KOT Bill";
                        }
                        if (e.bill_type == 4) {
                            billtype = "BOT Bill";
                        }

                        $('#data_table_additional').append('<tr><td>' + billtype + '</td><td>' + e
                            .bill_no + '</td><td>' +
                            currency_symbol() + ' ' + Math.round(e.amount) + '</td><td>' + e
                            .get_room.room_name +
                            '</td><td class="text-center"><a href="javascript:;" data-toggle="modal" class="button text-white" onclick="Delete_addtional_fac(' +
                            e.additional_bill_id +
                            ')" ><i class="fa fa-trash" aria-hidden="true"></i></a></td></tr>');

                    });

                },
                error: function(err) {
                    console.log(err);
                }
            });

        }


        function Delete_addtional_fac(id) {

            var url = "{{ route('Delete_addtional_fac') }}";

            var params = {
                'id': id,
            }

            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                success: function(res) {
                    clearbilllist();
                    notify(0, 'Delete successful!');

                },
                error: function(err) {

                    notify(1, 'Unable to delete Additional Bills!');

                }
            });

        }


        function save_manual_bill() {



            $('#bill_form').validate({
                rules: {

                    "b_code[]": {
                        required: true,
                        minlength: 2,
                    },

                    "b_amount[]": {
                        required: true,
                        min: "1",
                    }

                },
            });


            if ($('#bill_form').valid()) {

                preloader();
                var b_type = [];
                var room_id = [];
                $('select[name="b_type[]"] option:selected').each(function() {
                    b_type.push($(this).val());
                });
                $('select[name="room_id[]"] option:selected').each(function() {
                    room_id.push($(this).val());
                });
                var b_code = $('input[name="b_code[]"]').map(function() {
                    return this.value;
                }).get();
                var b_amount = $('input[name="b_amount[]"]').map(function() {
                    return this.value;
                }).get();
                var b_amount = $('input[name="b_amount[]"]').map(function() {
                    return this.value;
                }).get();
                var bill_res_id = $('#bill_res_id').val();



                var url = "{{ route('add_bill') }}";

                var param = {
                    'b_amount': b_amount,
                    'b_type': b_type,
                    'b_code': b_code,
                    'room_id': room_id,
                    'bill_res_id': bill_res_id,
                };

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                $.ajax({
                    type: 'post',
                    url: url,
                    data: param,
                    success: function(res) {
                        clearbilllist();
                        notify(0, 'Added successfully');
                        removeLoader();
                        $('#bill_cln_btn').click();
                    },
                    error: function(err) {
                        console.log(err);
                        notify(0, 'Unable Addded');
                        removeLoader();
                    }
                });

            }

        }

        function clearbilllist() {



            var id = $('#rs_id').val();
            $('#rate').html('');
            $('#adbill').html('');
            $('#echarge').html('');
            $('#Tbill').html('');

            $('#manual_bill_list').html('');
            $('#data_table_additional').html('');
            get_additional_bills(id);
            Manual_bill_load();

            sessionStorage.setItem('manual_bill_count', 0);

        }
    </script>

@endsection