@extends('admin.layout.master')
@section('custom_style')
    <style>

    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">
        @if ($errors->any())
            <div class="alert alert-danger" id="hide-alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="card sina-card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div class="col-9">
                <h5 class="font-weight-bold mb-0">{{ __('obs.received') }}</h5>
            </div>
            @if (isset(request()->invoice))
                <div class="col-1">
                    <a href="{{ route('frontdesk.report.receipt_print', ['invoice' => request()->invoice]) }}"
                        class="btn btn-sm btn-warning pull-end" target="_blank"><i class="fa fa-print"
                            aria-hidden="true"></i></a>
                </div>
            @endif
            <a href="{{ route('frontdesk.receipt.list') }}" class="btn btn-sm btn-light">{{ __('obs.receipt_list') }}</a>

        </div>
        <div class="card-body">
            <form action="{{ route('frontdesk.receipt.receive') }}" method="get" class="form-horizontal"
                enctype="multipart/form-data">
                <div class="row g-2 gx-3">
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label class="col-sm-5 labels">{{ __('obs.camelcase_customer') }}
                                {{ __('obs.list') }}</label>
                            <div class="col-sm-7">
                                <select id="party_id" name="customer_id" class="form-control fd_agent_search">
                                    @if (request()->customer_id != null)
                                        <option value="{{ request()->customer_id }}">
                                            {{ \App\Models\Parties::find(request()->customer_id)->name_eng }}
                                        </option>
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label class="col-sm-5 labels">{{ __('obs.room') }} {{ __('obs.no') }}</label>
                            <div class="col-sm-7">
                                <select id="room_id" name="room_id"
                                    class="form-control cl-form-control input_shadow select_2">

                                </select>
                            </div>
                        </div>
                    </div>
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label class="col-sm-4 labels">{{ __('obs.company') }}</label>
                            <div class="col-sm-8">
                                <select name="company_id" class="form-control fd_company_search" id="fd_company_search">
                                    @if (request()->company_id != null)
                                        <option value="{{ request()->company_id }}">
                                            {{ \App\Models\Frontdesk\FdCompanyDetails::find(request()->company_id)->name }}
                                        </option>
                                    @endif
                                </select>
                            </div>
                            @error('company_id')
                                <span class="help-block text-center text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label for="package_type" class="col-sm-5 labels">{{ __('obs.package_type') }}</label>
                            <div class="col-sm-7">
                                <select name="package_type_id" class="form-control cl-form-control" id="package_type">
                                    <option value=""> All </option>
                                    @foreach (getPackages() as $data)
                                        <option @if ($data->id == request()->package_type_id) selected @endif
                                            value="{{ $data->id }}">
                                            {{ $data->name_eng }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            @error('package_type_id')
                                <span class="help-block text-center text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label class="col-sm-5 labels">{{ __('obs.from') }}</label>
                            <div class="col-sm-7">
                                <input type="text"
                                    value="{{ request()->start_date ? date('d-m-Y', strtotime(request()->start_date)) : date('d-m-Y') }}"
                                    class="form-control date_picker" id="start_date" name="start_date">
                            </div>
                            @error('start_date')
                                <span class="help-block text-center text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class='col-md-3'>
                        <div class="row align-items-center gx-sm-2 gx-0">
                            <label class="col-sm-5 labels">{{ __('obs.to') }}</label>
                            <div class="col-sm-7">
                                <input type="text"
                                    value="{{ request()->end_date ? date('d-m-Y', strtotime(request()->end_date)) : date('d-m-Y') }}"
                                    class="form-control date_picker" id="end_date" name="end_date">
                            </div>
                            @error('end_date')
                                <span class="help-block text-center text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class='col-md-4'>
                        <div class="row align-items-start gx-sm-2 gx-0">
                            <label for="ware_id" class="col-md-3 labels">{{ __('obs.select_hotel') }}</label>
                            <div class="col-md-8">
                                <select name="warehouse_id[]" style="" id="warehouse_id" class="form-control select_2"
                                    multiple>
                                    @forelse (adminAsignedWarehouseList()->where('type',2) as $warehouse)
                                        <option @if (!adminAccessAllStore()) disabled="disabled" @endif
                                            value="{{ $warehouse->id }}">{{ $warehouse->name_eng }}</option>
                                        @forelse (adminAsignedWarehouseList()->where('type',3)->where('parent_id',$warehouse->id) as $store)
                                            <option @if (current_store() != current_warehouse() && current_store() == $store->id) selected="selected" @endif
                                                value="{{ $store->id }}">->->{{ $store->name_eng }}</option>
                                        @empty
                                        @endforelse
                                    @empty
                                    @endforelse
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="d-flex">
                            <div class="form-group text-center">
                                <button id="" type="submit" class="btn cl-btn btn-primary" name="search_result">
                                    <i class="bi bi-search me-1"></i>
                                    {{ __('obs.search') }}
                                </button>
                            </div>
                            <div class="form-group text-center ms-3">
                                <a id="" href="{{ route('frontdesk.receipt.receive') }}"
                                    class="btn cl-btn btn-default">{{ __('obs.refresh') }} </a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>
    <form action="{{ route('frontdesk.receipt.store') }}" method="post" class="form-horizontal" id="receive_form"
        enctype="multipart/form-data">
        @csrf


        <div class="row">
            <div class="col-md-9">
                @include('frontdesk.receipt.reservation-type.checkin_wise')
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header bg-warning" style="">
                        <h5 class="font-weight-bold text-center">{{ __('obs.receive') }} {{ __('obs.summary') }}</h5>
                    </div>
                    <div class="card-body p-2">
                        <div class="row g-2">

                            <div class="col-12 form-group">
                                <div class="form-group row">
                                    <div class="col-md-1 mt-2">
                                        <input type="checkbox" name="deduct_from_advance" onclick="deduct_advance();"
                                            id="deduct_from_advance" class="form-check-input" value="1" />
                                    </div>
                                    <label for="deduct_from_advance" class="form-check-label cl-form-check-label col-md-10 col-form-label">{{ __('obs.deduct_from_advance') }}?</label>
                                </div>
                            </div>

                            <div class="col-12 form-group">
                                <div class="form-group row">
                                    <label for="" class="labels col-md-6 col-form-label  pe-0">{{ __('obs.receive') }} {{ __('obs.amount') }} :</label>
                                    <div class="col-md-6 ps-0">
                                        <input type="number" name="distribute" class="form-control text-end" id="amount_for_all"
                                            placeholder="" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 form-group d-flex justify-content-center">
                                <button id="amount_distribute" onclick="return distribute_amount();" class="btn btn-info">
                                    {{ __('obs.distribute') }}
                                </button>
                            </div>
                            

                            <div class="col-12 form-group">
                                <label>Discount</label>
                                <input name="" class="form-control input_shadow" id="show_discount"
                                    value="0" readonly>
                            </div>
                            <div class="col-12 form-group">
                                <label>Commission</label>
                                <input name="" class="form-control  input_shadow" id="show_commission"
                                    readonly="readonly">
                            </div>
                            <div class="col-12 form-group">
                                <label>Amount</label>
                                <input name="" class="form-control input_shadow" id="show_reeceived_amount"
                                    readonly>
                            </div>

                            <div class="col-12 form-group" id="receipt_method_div">
                                <label class="labels">Method</label>
                                <select id="receipt_type" name="cash_bank_id" class="form-control cl-form-control"
                                    required>
                                    <option value="" class="">{{ __('obs.select_cash_bank') }} </option>
                                    @forelse (getCashBank() as $cashBank)
                                        <option value="{{ $cashBank->account_id }}"
                                            cash_bank_type="{{ $cashBank->type }}" class="">
                                            {{ $cashBank->name_eng }}
                                        </option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>

                            <div class="payment_details" style="display: none">
                                <div class="col-12 form-group">
                                    <label class="col-sm-7">{{ __('obs.cheque_date') }}</label>
                                    <input type="text" name="date" id="cheque_date"
                                        class="form-control fd_bs_datepicker">
                                </div>

                                <div class="col-12 form-group">
                                    <label class="col-sm-7">{{ __('obs.cheque') }} {{ __('obs.no') }}</label>
                                    <input type="text" name="cheque_or_transaction_number" id="cheque_number"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-12 form-group">
                                <label class="col-sm-7">{{ __('obs.remarks') }}</label>
                                <textarea name="remarks" id="remarks" class="form-control cl-form-control" rows="2"></textarea>
                            </div>

                            <div class="col-12 text-center form-group">
                                <button style="display:none" id="submit_button" type="button"
                                    class="btn btn-danger w-100">
                                    {{ __('obs.submit') }}
                                </button>
                            </div>
                        </div>
                    </div>

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

@endsection


@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

    <script>
        $(".select_2").select2();


        $('.advance_select_box').on('change', function() {
            // var field_id = $(this).attr("field-id");
            var field_id = $(this).closest('tr').attr("data-id");

            $("#receipt_type").prop("required", false);
            $("#receipt_method_div").hide();
            $(".payment_details").hide();


            var advance_voucher_id = $("#advance_voucher" + field_id).val();
            $("#advance_voucher_id").val(advance_voucher_id);
            var remaining_amount = $(".remaining_amount" + field_id).val();
            // alert(remaining_amount);
            var adjustment_amount = $("#adjustment_amount" + field_id).val();
            if (adjustment_amount) {
                var amount = adjustment_amount;
            } else {
                var amount = remaining_amount;
            }

            $("#amount_for_all").val(amount)

            $("#deduct_from_advance").prop("checked", true);
            $('#amount_for_all').prop('readonly', true);
            $('.discount').prop('readonly', true);
            $('.commision').prop('readonly', true);

            $(".input_field").each(function() {
                $(this).val('')
            });
            $("#submit_button").hide();


            var customer_id = $("#party_id").val();
            var company_id = $("#fd_company_search").val();
            var package_type_id = $("#package_type").val();
            var warehouse_id = $(this).attr("hotel-id");
            // var hotel_id = $("#advance_warehouse"+row_id).val();

            var start_date = $("#start_date").val();
            var end_date = $("#end_date").val();
            var url = "{{ route('frontdesk.get_agent_checkin_list') }}";

            ajaxCustom(function(data) {
                $("#tbl_body").html(data);
                calculate_grand_total();
            }, "GET", url, {
                customer_id: customer_id,
                warehouse_id: warehouse_id,
                company_id: company_id,
                package_type_id: package_type_id,
                start_date: start_date,
                end_date: end_date
            });


        });



        function calculate_grand_total() {
            var sum = 0;
            $(".balance").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));

            var sum = 0;
            $(".total_received").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#received_total").val(parseFloat(sum).toFixed(2));

            var sum = 0;
            $(".total_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_amount").val(parseFloat(sum).toFixed(2));
        }

        function deduct_advance() {
            $("#submit_button").hide();
            $(".input_field").each(function() {
                $(".advance_select_box").prop("checked", false);
                $('.discount').prop('readonly', false);
                $('.commision').prop('readonly', false);
                $(this).val('')
                $("#amount_for_all").val('');

            });

            if ($("#deduct_from_advance").prop("checked") == true) {
                $("#receipt_type").prop("required", false);
                $("#receipt_method_div").hide();
                $(".payment_details").hide();

                $('.discount').prop('readonly', true);
                $('.commision').prop('readonly', true);
                $('#amount_for_all').prop('readonly', true);

            } else {
                $("#receipt_method_div").show();
                $("#receipt_type").val("").trigger("change");
                $("#receipt_type").prop("required", true);
                $(".advance_select_box").prop("checked", false);
                $('#amount_for_all').prop('readonly', false);
            }



        }

        function distribute_amount() {
            $(".input_field").each(function() {
                $('.discount').prop('readonly', false);
                $('.commision').prop('readonly', false);
                $(this).val('')
            });
            var amount = $('#amount_for_all').val();


            custom_function(amount);

            var grand_total = $("#grand_total").val();

            var sum = 0;
            $(".balance").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));

            if (grand_total > 0) {
                $("#submit_button").show();
            } else {
                $("#submit_button").hide();
            }
        }


        function custom_function(value) {
            // if(!confirm("Are You Sure to This"))
            event.preventDefault();
            var rowCount = $("#checkin_list_table > tbody > tr").length;
            var amount = value;


            for (let i = 1; i <= rowCount; i++) {
                if (amount > 0) {
                    var receive_amount = calculate_amount(i);


                    var total_amount = parseFloat($("#total_amount" + i).val());
                    var total_received = parseFloat($("#total_received" + i).val());

                    if (total_amount != total_received) {
                        var final_amount = parseFloat(amount) > parseFloat(receive_amount) ? parseFloat(receive_amount) :
                            parseFloat(amount);

                        $("#amount" + i).val(final_amount);
                        var balance = calculate_balance(i, final_amount);
                        $("#balance" + i).val(balance);
                        amount -= receive_amount;
                    }
                }


                var check_amount = parseFloat($("#amount" + i).val());

                if (isNaN(check_amount)) {
                    $("#commision" + i).val('');
                    $("#discount" + i).val('');
                    // $("#balance"+i).val('');
                }
            }

            var sum = 0;
            $(".final_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });

            $("#grand_total").val(sum);
            $("#show_reeceived_amount").val(sum);


            var sum = 0;
            $(".total_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });

            $("#total_amount").val(sum);

            // $('#amount_distribute').prop("disabled", true);

        }



        function calculate_amount(i) {
            var field_id = i;
            var total_amount = parseFloat($("#total_amount" + field_id).val());


            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" + field_id)
                .val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" + field_id)
                .val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($(
                "#total_received" +
                field_id).val());
            var amount = parseFloat(total_amount - (total_received + commision + discount)).toFixed(2);


            return amount;


        }

        function calculate_balance(field_id, value) {
            var total_amount = parseFloat($("#total_amount" + field_id).val());

            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" + field_id)
                .val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" + field_id)
                .val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($(
                "#total_received" +
                field_id).val());

            var balance = parseFloat(total_amount - (total_received + parseFloat(value) + commision + discount)).toFixed(2);

            return balance;
        }

        $(document).on('keyup', '.commision', function() {
            var sum_commission = 0;
            $(".commision").each(function() {
                if ($(this).val() !== "")
                    sum_commission += parseFloat($(this).val());
            });
            $("#show_commission").val(parseFloat(sum_commission).toFixed(2));
        });

        $(document).on('keyup', '.discount', function() {
            var sum_discount = 0;
            $(".discount").each(function() {
                if ($(this).val() !== "")
                    sum_discount += parseFloat($(this).val());
            });
            $("#show_discount").val(parseFloat(sum_discount).toFixed(2));
        });




        $(document).on('keyup', '.input_field', function() {
            // event.preventDefault();


            var field_id = $(this).attr("field-id");
            var attr_id = $(this).attr("id")
            var total_amount = parseFloat($("#total_amount" + field_id).val());
            var amount = isNaN(parseFloat($("#amount" + field_id).val())) ? 0 : parseFloat($("#amount" + field_id)
                .val());
            var commision = isNaN(parseFloat($("#commision" + field_id).val())) ? 0 : parseFloat($("#commision" +
                field_id).val());
            var discount = isNaN(parseFloat($("#discount" + field_id).val())) ? 0 : parseFloat($("#discount" +
                    field_id)
                .val());
            var total_received = isNaN(parseFloat($("#total_received" + field_id).val())) ? 0 : parseFloat($(
                "#total_received" + field_id).val());


            var balance = parseFloat(total_amount - (total_received + amount + commision + discount)).toFixed(2);

            if (balance >= 0) {
                $("#balance" + field_id).val(balance);
            } else {
                $("#amount" + field_id).val(' ')
                $("#balance" + field_id).val(' ');
            }

            //    $("#balance"+field_id).val(balance);
            if (attr_id == "commision" + field_id || attr_id == "discount" + field_id) {
                var final_amount = total_amount - (discount + commision)
                var balance = total_amount - (total_received + final_amount + commision + discount);

                if (final_amount > 0) {
                    $("#amount" + field_id).val(final_amount);
                    $("#balance" + field_id).val(balance);
                } else {
                    $("#commision" + field_id).val(' ')
                    $("#discount" + field_id).val(' ');
                }

            }
            var sum = 0;
            $(".final_amount").each(function() {
                if ($(this).val() !== "")
                    sum += parseFloat($(this).val());
            });

            var grand_total = $("#grand_total").val(parseFloat(sum).toFixed(2));
            $("#show_reeceived_amount").val(parseFloat(sum).toFixed(2));

            check_over_amount(field_id);

            var balance_sum = 0;
            $(".balance").each(function() {
                if ($(this).val() !== "")
                    balance_sum += parseFloat($(this).val());
            });
            $("#total_balance").val(parseFloat(sum).toFixed(2));




            // alert(grand_total);
            if (sum > 0) {
                $("#submit_button").show();
            } else {

                $("#submit_button").hide();
            }

        });

        function check_over_amount(field_id) {
            //Check grand_total > total_adjustment_amount 
            if ($("#deduct_from_advance").prop("checked") == true) {
                var grand_total = parseFloat($("#grand_total").val());
                var total_adjustment_amount = parseFloat($("#amount_for_all").val());
                console.log(grand_total, total_adjustment_amount)
                console.log(grand_total > total_adjustment_amount)
                // alert(grand_total,total_adjustment_amount)
                var sum = 0;
                if (grand_total > total_adjustment_amount) {
                    $("#amount" + field_id).val(0);
                    $("#balance" + field_id).val('');
                    $("#commision" + field_id).val('')
                    $("#discount" + field_id).val('');
                    var sum = 0;
                    $(".final_amount").each(function() {
                        if ($(this).val() !== "")
                            sum += parseFloat($(this).val());
                    });
                    var grand_total = $("#grand_total").val(parseFloat(sum).toFixed(2));
                    $("#show_reeceived_amount").val(parseFloat(sum).toFixed(2));

                }
            }


            //Check grand_total > total_adjustment_amount 
        };

        $(document).on('keyup', '.adjustment_amount', function() {

            $("#deduct_from_advance").prop("checked", false);
            $(".advance_select_box").prop("checked", false);
            $("#amount_for_all").val('')
            $(".input_field").each(function() {
                $(this).val('')
            });
            $("#submit_button").hide();
        });


        $(document).ready(function() {

            calculate_grand_total();
            var invoice = {{ session()->get('invoice') }}


            $("#party_id").on('change', function(e) {
                var party_id = $(this).val();
                var url = "{{ route('frontdesk.get_agent_checkin_room_number') }}";

                ajaxCustom(function(data) {
                    $("#room_id").html(data);
                }, "GET", url, {
                    party_id: party_id
                });

            });

            var rowCount = $("#checkin_list_table > tbody > tr").length;
            for (let i = 1; i <= rowCount; i++) {
                var total_amount = parseInt($("#total_amount" + i).val());
                var total_received = parseInt($("#total_received" + i).val());

                if (total_amount == total_received) {
                    $('.commision' + i).prop('readonly', true);
                    $('.discount' + i).prop('readonly', true);
                    $('.amount' + i).prop('readonly', true);

                }

            }

            //  if (invoice > 0) {
            //      var url = "/frontdesk/report/receipt_print?print=true&invoice="+invoice;
            //      // window.open(url, '_blank','width=900,height=900');
            //      window.open(url, '_blank');
            // };


            $('#submit_button').click(function() {
                var receiptType = $("#receipt_type").val().trim();
                var isDeductFromAdvance = $("#deduct_from_advance").prop("checked");

                if (isDeductFromAdvance || receiptType.length > 0) {
                    Swal.fire({
                        title: "Are you sure?",
                        text: "Do you want to proceed with the submission?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#3085d6",
                        cancelButtonColor: "#d33",
                        confirmButtonText: "Yes, submit it!"
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $("#receive_form").submit();
                            $(this).hide();
                        }
                    });
                } else {
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: "Please Select Receipt Method"
                    });
                }
            });



        });

        $("#receipt_type").on('change', function(e) {
            var cash_bank_type = $(this).find('option:selected').attr("cash_bank_type");
            if (cash_bank_type == 2) {
                $(".payment_details").show();
                $('#bank_account_id').prop('required', true);
                $('#cheque_date').prop('required', true);
                $('#cheque_number').prop('required', true);
            } else {
                $('#bank_account_id').prop('required', false);
                $('#cheque_date').prop('required', false);
                $('#cheque_number').prop('required', false);
                $(".payment_details").hide();
            }
        });
    </script>
@endsection