@extends('../layout/form-layout')

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

@section('form-area')

    <form action="{{ route('add_to_invoice') }}" method="POST" id="checkoutform">

        <input type="text" id="final_room" name="final_room" hidden value="">
        <input type="text" id="count" name="count" hidden value="">
        <input type="text" id="room_count" name="room_count" hidden value="">
        <input type="text" id="final_addtional" name="final_addtional" hidden value="">
        <input type="text" id="final_subtotal" name="final_subtotal" hidden value="">
        <input type="text" id="final_grandtotal" name="final_grandtotal" hidden value="">
        <input type="text" id="final_presentage" name="final_presentage" hidden value="">
        <input type="text" id="final_discount_amount" name="final_discount_amount" hidden value="">
        <div class="intro-y grid grid-cols-12 gap-6 mt-5" id="discountappend">

        </div>
        <input type="text" id="res_id" name="res_id" hidden value="{{ isset($res_id) ? $res_id : '' }}">
        <div style="margin-bottom: 2%; border:1px solid black; ">
            <label style="font-size: 15px; margin-left: 1%;">Room Bill List</label>
            <div class="intro-y grid grid-cols-12 gap-6 mt-5" id="room-selector">

            </div>

        </div>

        <div style="margin-bottom: 2%; border:1px solid black; ">
            <label style="font-size: 15px; margin-left: 1%;">Final Bill</label>
            <div style="margin-left: 2%; margin-top:2%; ">
                <span>Reservation Code : {{ $info['reservation_details']->code }}</span>
                <span style="margin-left: 2%;">Check In : <span id="checkindate_id"></span></span>
                <span style="margin-left: 2%;">Check Out : <span id="checkoutdate_id"></span></span>
                <span style="margin-left: 2%;">Travel Agent : <span id="travelagent_id"></span></span>

            </div>

            <div style="margin-left: 2%;margin-top:1%; margin-bottom:2%; ">
                <input type="text" hidden id="add_toatal_rooms" name="add_toatal_rooms">
                <input type="text" hidden id="grandtot_rooms" name="grandtot_rooms">
                <span>Rooms Total Bill : <span id="roombill_id"></span></span>
                <span style="margin-left: 2%;">Additional Total Bill : <span id="extrabill_id"></span></span>
                <span style="margin-left: 2%;">Sub Total : <span id="subtotal_id"></span></span>
                <span style="margin-inline-start: 2%;"> Grand Total : <span id="grandtotal_id"></span></span>


                @csrf
                <input type="text" hidden value="{{ $info['reservation_details']->id }}" name="res_id">
                <div style="margin-top: 1%">
                    <span>Room Bill Discount : <input maxlength="100" style="width: 8%; margin-right:1%;" required
                            name="toatl_discount" id="toatl_discount" onblur="caltotaldisscount()" type="text"
                            class="input border flex-1" value="{{ $info['discount'] }}"></span>
                </div>

                <div style="margin-top: 1%">
                    <span>Bill Paid By : <input style="margin-left: 1%;" type="radio" name="debtor_type" value="1">
                        Guest <input style="margin-left: 1%;" type="radio" name="debtor_type" value="2"> Travel Agent
                    </span>
                </div>



            </div>

        </div>
        <div class="modal" id="header-footer-modal-preview">
            <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"><span hidden id="room_id"></span> Additional Bill List</h2>
                    <div class="dropdown sm:hidden">
                        <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
                            <i data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-600"></i>
                        </a>
                    </div>
                </div>

                <div class="p-5 grid gap-4 row-gap-3">
                    <table class="table table-report -mt-2 w-full">
                        <thead>
                            <tr>
                                <th class="whitespace-no-wrap">Bill No</th>
                                <th class="whitespace-no-wrap">Bill Type</th>
                                <th class="whitespace-no-wrap">Room No</th>
                                <th class="whitespace-no-wrap">Amount</th>
                            </tr>
                        </thead>

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

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




@endsection



@section('script-area')

    <Script>
        const room_add = [];

        function Cal_blance() {
            var prentage_total = 0;
            var add_toatal = 0;
            var add_toatal_rooms = 0;
            var prentage_total_room = 0;
            var sub_total_all_rooms = 0;

            room_add[0].data.forEach((e, index) => {
                if ($("#checkbox" + e.roomNumber).prop('checked') == true) {

                    $("#room_diss" + e.roomNumber).prop("disabled", true);
                    $("#ch_out" + e.roomNumber).prop("disabled", true);
                    disscount_amount(e.roomNumber);

                    prentage_total = $('#withdiss_total' + e.roomNumber).val();
                    add_toatal = $('#add_toatal' + e.roomNumber).val();
                    add_toatal_rooms = parseInt(add_toatal_rooms) + parseInt(add_toatal);
                    prentage_total_room = parseInt(prentage_total_room) + parseInt(prentage_total);
                    sub_total_all_rooms = parseInt(prentage_total_room) + parseInt(add_toatal_rooms);
                }
                if ($("#checkbox" + e.roomNumber).prop('checked') == false) {
                    $("#room_diss" + e.roomNumber).prop("disabled", false);
                    $("#ch_out" + e.roomNumber).prop("disabled", false);
                }

                $('#roombill_id').html('');
                $('#extrabill_id').html('');
                $('#subtotal_id').html('');
                $('#grandtotal_id').html('');

                var add_tot = currency_symbol() + ' ' + currency_changer(add_toatal_rooms);
                var add_prentage_total_room = currency_symbol() + ' ' + currency_changer(prentage_total_room);
                var add_sub_total_all_rooms = currency_symbol() + ' ' + currency_changer(sub_total_all_rooms);

                $('#roombill_id').text(add_prentage_total_room + '/=');
                $('#extrabill_id').text(add_tot + '/=');
                $('#subtotal_id').text(add_sub_total_all_rooms + '/=');
                $('#grandtotal_id').text(add_sub_total_all_rooms + '/=');
                $('#add_toatal_rooms').val(add_toatal_rooms);
                $('#grandtot_rooms').val(prentage_total_room);

                $('#final_room').val(currency_changer(prentage_total_room));
                $('#final_addtional').val(currency_changer(add_toatal_rooms));
                $('#final_subtotal').val(currency_changer(sub_total_all_rooms));
                $('#final_grandtotal').val(currency_changer(sub_total_all_rooms));
            });
        }

        function get_all_checkOutRoom() {
            var res_id = $('#res_id').val();

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

            var params = {
                'res_id': res_id,
            }

            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                success: function(res) {
                    var data = res;
                    room_add.push(res);
                    var room_count=0;

                    data.data.forEach((e, index) => {
                        room_count++;
                        var room_rate = currency_symbol() + ' ' + currency_changer(e.rate);
                        $('#room-selector').append(
                            '<input type="text" hidden  id="add_toatal' + e.roomNumber +
                            '" name="add_toatal' + e.roomNumber +
                            '"><input type="text" hidden id="subtotal' + e.roomNumber +
                            '" name="subtotal' + e.roomNumber +
                            '"><input type="text" hidden id="roomgradd_tot' + e.roomNumber +
                            '" name="roomgradd_tot' + e.roomNumber +
                            '"><input type="text" hidden id="withdiss_total' + e.roomNumber +
                            '" name="withdiss_total' + e.roomNumber +
                            '"><div class="col-span-12 lg:col-span-3 dark:bg-dark-1 rounded-md"><div class="intro-y box"><div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5"><h2 class="font-medium text-base mr-auto">' +
                            e.get_room.room_name +
                            '</h2><div class="w-full sm:w-auto flex items-center sm:ml-auto mt-3 sm:mt-0"><div class="mr-3"></div><input " class="show-code input input--switch border" type="checkbox" id="checkbox' +
                            e.roomNumber + '" name="checkbox[]" value="' + e.roomNumber +
                            '"  onchange="Cal_blance()"></div></div><div class="p-5" ><div class="preview"><div class="text-left text-sm-left"><div style="margin-left: 2%; margin-top:2%; "><span style="margin-left: 2%;">Meal Plan : ' +
                            e.get_meal_plan.mealPlanCode +
                            '</span><span style="margin-left: 5%;">Rate : ' + room_rate +
                            '/=</span> </div><div style="margin-left: 2%; margin-top:2%; "><span style="margin-left: 2%;margin-Top: 5%;">Check Out : <input type="date" min="' +
                            e.res_buy_allocation.checkinDate + '" max="' + e.res_buy_allocation
                            .checkoutDate +
                            '" id="ch_out' + e.roomNumber + '" name="ch_out[' + e.roomNumber +
                            ']" class="input w-40 border flex-1" value="' +
                            e.res_buy_allocation.checkoutDate +
                            '"></span></div><div style="margin-left: 2%; margin-top:2%; "><span style="margin-left: 2%;">Disscount : <input style="margin-left: 3%;" type="text" onblur="disscount_amount(' +
                            e.roomNumber + ')"; placeholder="0" id="room_diss' + e.roomNumber +
                            '" name="room_diss[' + e.roomNumber +
                            ']" class="input w-20 border flex-1"  value=""></span></div></div><div class="text-right text-sm-left"> <div style="margin-left: 2%; margin-top:10%; "><span style="margin-left: 2%;">Room Bill: <span id="roomamount' +
                            e.roomNumber +
                            '"></span></span><br><a  href="javascript:;" data-toggle="modal" data-target="#header-footer-modal-preview"><i  class="fa fa-eye" aria-hidden="true"></i></a><span style="margin-left: 2%;">Additional Bill: <span id="billamount' +
                            e.roomNumber +
                            '"></span></span><br><span style="margin-left: 2%; margin-top:5%;">Room Sub Total: <span id="roomsubtotal' +
                            e.roomNumber +
                            '"></span></div><div style="margin-left: 2%; margin-top:5%;"><h5 class="font-medium text-base mr-auto"> <span style="margin-left: 2%; margin-top:5%; ">Room Grand Total: <span id="grandtot' +
                            e.roomNumber + '"></span></h5></div></div></div></div></div></div>'
                        );
                        var totadditionalbill = 0;
                        var sub_total = 0;
                        var append_sub = 0;
                        var add_bill = data.info;
                        console.log(add_bill);


                        add_bill.all_bills.forEach((A_bill, index) => {
                            if (A_bill.room_id == e.get_room.room_id) {
                                totadditionalbill = totadditionalbill + A_bill.amount;
                            }
                        });
                        add_bill.reservation_rooms.forEach(resvationbill => {
                            if (resvationbill.room_id == e.get_room.room_id) {
                                sub_total = resvationbill.amount + totadditionalbill;
                                append_sub = resvationbill.amount;
                            }
                        });

                        var room_additional_bill = currency_symbol() + ' ' + currency_changer(
                            totadditionalbill);
                        var room_sub_total = currency_symbol() + ' ' + currency_changer(sub_total);
                        var room_append_sub = currency_symbol() + ' ' + currency_changer(
                            append_sub);
                        $('#subtotal' + e.roomNumber).val(append_sub);
                        $('#add_toatal' + e.roomNumber).val(totadditionalbill);
                        $('#roomgradd_tot' + e.roomNumber).val(sub_total);

                        $('#billamount' + e.roomNumber).text('');
                        $('#roomsubtotal' + e.roomNumber).text('');
                        $('#grandtot' + e.roomNumber).text('');
                        $('#roomamount' + e.roomNumber).text('');

                        $('#roomamount' + e.roomNumber).text(room_append_sub + '/=');
                        $('#billamount' + e.roomNumber).text(room_additional_bill + '/=');
                        $('#roomsubtotal' + e.roomNumber).text(room_sub_total + '/=');
                        $('#grandtot' + e.roomNumber).text(room_sub_total + '/=');
                        $('#room_count').val(room_count);
                        // console.log(totadditionalbill);
                    });
  
                    var count=0;
                    data.done.forEach((p, index_val) => {
                        data.done[index_val].get_invo_romms.forEach((e, index) => {
                            console.log(e);
                            count++;
                            if (e.diss_Type == '1') {
                                $('#room_diss' + e.Room_id).val(e.disscount + '%');
                            } else {
                                $('#room_diss' + e.Room_id).val(e.disscount);
                            }
                            $('#rooch_out_diss' + e.Room_id).val(e.checkout_date);
                            var totalamout_room = currency_symbol() + ' ' + e.rate + '/-'
                            $('#grandtot' + e.Room_id).text(totalamout_room);
                            $('#checkbox' + e.Room_id).attr('checked', true);
                            $('#checkbox' + e.Room_id).attr('disabled', true);
                            $('#ch_out' + e.Room_id).attr('disabled', true);
                            $('#room_diss' + e.Room_id).attr('disabled', true);
                            $('#count').val(count);
                            $('#ch_out' + e.Room_id).val(e.checkout_date);

                        });
                    });



                },
                error: function(err) {

                    console.log(err);

                }
            });
        }

        function caltotaldisscount() {
            var full_cal_tot = 0;
            var value_diss = $('#toatl_discount').val();
            if (value_diss == '') {
                value_diss = 0;
            }
            var subtotal = $('#grandtot_rooms').val();
            var add_toatal = $('#add_toatal_rooms').val();
            var checkprentage = /[0-9]*\.?[0-9]+%/;
            $('#grandtotal_id').text('');

            if (checkprentage.test(value_diss)) {
                var arr = value_diss.split('%');
                withdiss_total = (parseInt(subtotal) - (parseInt(subtotal) * parseInt(arr[0]) / 100));
                full_cal_tot = (parseInt(subtotal) - (parseInt(subtotal) * parseInt(arr[0]) / 100)) + parseInt(
                    add_toatal);
                var grnd_cal_to = currency_symbol() + ' ' + currency_changer(full_cal_tot);
                $('#grandtotal_id').text(grnd_cal_to + '/=');
                $('#final_grandtotal').val(currency_changer(full_cal_tot));
                $('#final_presentage').val(1);
                $('#final_discount_amount').val(value_diss);
            } else {
                withdiss_total = parseInt(subtotal) - parseInt(value_diss);
                full_cal_tot = parseInt(subtotal) - parseInt(value_diss) + parseInt(add_toatal);
                var grnd_cal_to = currency_symbol() + ' ' + currency_changer(full_cal_tot);
                $('#grandtotal_id').text(grnd_cal_to + '/=');
                $('#final_grandtotal').val(currency_changer(full_cal_tot));
                $('#final_presentage').val(2);
                $('#final_discount_amount').val(value_diss);
            }
        }

        function disscount_amount(val) {
            var withdiss_total = 0;
            var full_cal_tot = 0;
            var value_diss = $('#room_diss' + val).val();
            if (value_diss == '') {
                value_diss = 0;
            }
            var subtotal = $('#subtotal' + val).val();
            var add_toatal = $('#add_toatal' + val).val();
            var checkprentage = /[0-9]*\.?[0-9]+%/;
            $('#grandtot' + val).text('');

            if (checkprentage.test(value_diss)) {
                var arr = value_diss.split('%');
                withdiss_total = (parseInt(subtotal) - (parseInt(subtotal) * parseInt(arr[0]) / 100));
                full_cal_tot = (parseInt(subtotal) - (parseInt(subtotal) * parseInt(arr[0]) / 100)) + parseInt(
                    add_toatal);
                var grnd_cal_to = currency_symbol() + ' ' + currency_changer(full_cal_tot);
                $('#withdiss_total' + val).val(withdiss_total);
                $('#grandtot' + val).text(grnd_cal_to + '/=');
                $('#discountappend').append('<input type="text" hidden  id="roomDiss' + val +
                    '" name="roomDiss' + val + '" value="1"><input type="text" hidden  id="subtotrooms' + val +
                    '" name="subtotrooms' + val + '" value="' + currency_changer(full_cal_tot) + '">');

            } else {
                withdiss_total = parseInt(subtotal) - parseInt(value_diss);
                full_cal_tot = parseInt(subtotal) - parseInt(value_diss) + parseInt(add_toatal);
                var grnd_cal_to = currency_symbol() + ' ' + currency_changer(full_cal_tot);
                $('#withdiss_total' + val).val(withdiss_total);
                $('#grandtot' + val).text(grnd_cal_to + '/=');
                $('#discountappend').append('<input type="text" hidden  id="roomDiss' + val +
                    '" name="roomDiss' + val + '" value="2"><input type="text" hidden  id="subtotrooms' + val +
                    '" name="subtotrooms' + val + '" value="' + currency_changer(full_cal_tot) + '">');
            }
        }


        $(document).ready(function() {

            get_all_checkOutRoom();

            $("#save").attr('hidden', false);
            $('#cancel').attr('hidden', false);

            var info = null;

            getBills(info);

            //-------------------------------------------

            $('#save').click(function() {

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

                        toatl_discount: {
                            required: true,
                        },

                        debtor_type: {
                            required: true,
                        }

                    }
                });
                room_add[0].data.forEach((e, index) => {

                    $("#room_diss" + e.roomNumber).prop("disabled", false);
                    $("#ch_out" + e.roomNumber).prop("disabled", false);
                });


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

                    preloader();
                    $('#checkoutform').submit();

                }

            });


            //----------------------------------------


            function getBills(info) {

                //console.log(info.reservation_details);

                $('#checkindate_id').html('');
                $('#checkoutdate_id').html('');
                $('#travelagent_id').html('');

                $('#billlist').html('');
                $('#roombill_id').html('');
                $('#subtotal_id').html('');
                $('#extrabill_id').html('');
                $('#extracharges_id').html('');
                $('#grandtotal_id').html('');

                var room_bill = currency_symbol() + ' ' + currency_changer(info.reservation_room_total);
                var extra_bill = currency_symbol() + ' ' + currency_changer(info.bill_total);
                var sub_total = currency_symbol() + ' ' + currency_changer(info.sub_total);
                var extra_charges = info.extra_charges_percentage + ' %';
                var grand_total = currency_symbol() + ' ' + currency_changer(info.grand_total);

                $('#checkindate_id').text(info.reservation_details.checkinDate);
                $('#checkoutdate_id').text(info.reservation_details.checkoutDate);
                $('#travelagent_id').text(info.reservation_details.get_travel_agent.agentName);


                // $('#roombill_id').text(extra_bill);
                // $('#extrabill_id').text(extra_bill);
                // $('#subtotal_id').text(sub_total);
                // $('#extracharges_id').text(extra_charges);
                // $('#grandtotal_id').text(grand_total);

                info.all_bills.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";
                    }

                    $('#billlist').append('<tr><td>' + e.bill_no + '</td><td>' + billtype +
                        '</td><td>' + e.room_name + '</td><td>' + currency_symbol() + ' ' +
                        currency_changer(e.amount) + '</td></tr>');
                });

            }

        });
    </Script>


@endsection