@extends('layouts.master')

@section('title', 'New purchase invoice | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.new purchase invoice'))

<!-- css insert -->
@section('css')

<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- boostrap datepicker -->
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css" />

@endsection

@section('fixedcontent')
<!-- session successful message -->
@if (Session::has('success'))
<div id="flash-msg" class="shadow pt-3">
    <div class="d-flex justify-content-between mb-2">
        <i class="fas fs-1 fa-check"></i>
        <a id="flash-msg-btn" class="text-blue-300 clickable-item-pointer"><i class="fas fa-times"></i></a>
    </div>
    <h3>Sent Successfully</h3>
    <p class="text-blue-300">{{ Session::get('success') }}</p>
</div>
@endif
@endsection

<!-- content insert -->
@section('content')

<div class="container-fluid px-0 px-md-2 mt-3">

    <!-- page title link -->
    <div class="d-sm-flex align-items-center justify-content-between mb-3">
        <span class="mb-0">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.invoice.index') }}">{{
                __('basic.invoices') }} | </a>
            <a class="text-gray-300">{{ __('basic.new purchase invoice') }}</a>
        </span>
    </div>

    @foreach ($errors->all() as $error)
    <div class="text-red"><i class="fas fa-exclamation me-1"></i> {{ $error }}</div>
    @endforeach

    <form id="myform_entry" method="POST" action="{{ route('sett.purchase_invoice_store') }}"
        enctype="multipart/form-data">
        @csrf


        {{-- for work order --}}
        @if(request()->input('work_order_id'))
        <input type="hidden" name="work_order_id" value="{{ request()->input('work_order_id') }}">
        @endif

        <div class="card card-input shadow mb-3 pb-3">

            <!-- Card Header - Dropdown -->
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-receipt me-1"></i>
                    {{ __('basic.details') }}</h6>
            </div>

            <!-- Card Body -->
            <div class="card-body px-4 px-md-5">
                <div class="row">

                    <div class="col-12 mb-3">
                        <label class="form-label">{{ __('basic.suppliers') }}
                            <small>({{ __('basic.optional') }})</small></label>
                        <input id="debtor_receivable_id" type="text"
                            class="form-control @error('debtor_id') is-invalid @enderror"
                            placeholder="Write here debtor name ...">

                        @error('debtor_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror

                        <input type="hidden" id="debtor_id" name="debtor_id" value="">

                        <div id="debtor_search-eng-show-list"
                            class="search-eng-results list-group p-4 bg-white b-r-l-b-cont"
                            style="box-shadow: -1px 1rem 1rem 7px rgb(58 59 69 / 15%) !important; display:none; margin-top: -3px; border:1px solid #bcd8ff; border-top: 0px">
                        </div>
                    </div>

                    <div class="col-12 mb-3">
                        <label class="form-label">{{ __('basic.date') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                </div>
                            </div>
                            <input name="date" type="text"
                                class="form-control hasdatetimepicker @error('date') is-invalid @enderror"
                                placeholder="YYYY/MM/DD"
                                value="@if(old('birthday')){{ old('birthday') }}@else{{ date('Y-m-d') }}@endif"
                                required>
                        </div>

                        @error('date')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12 mb-3">
                        <label class="form-label">{{ __('basic.due date') }}
                            <small>({{ __('basic.optional') }})</small></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                </div>
                            </div>
                            <input name="due_date" type="text"
                                class="form-control hasdatetimepicker @error('due_date') is-invalid @enderror"
                                placeholder="YYYY/MM/DD" value="{{ old('due_date') }}">
                        </div>

                        @error('due_date')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12 mb-3">
                        <label class="form-label"> {{ __('basic.currency') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <select id="currency_id"
                            class="select2-no-search select2-hidden-accessible @error('currency_id') is-invalid @enderror"
                            name="currency_id" required>
                            @foreach ($currencies as $item)
                            <option value="{{ $item->id }}">
                                {{ $item->name . ' - ' . $item->code }}
                            </option>
                            @endforeach
                        </select>
                        <div id="currency_id-js-error-valid"></div>

                        @error('currency_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    @if(Auth::user()->branch_id == 0)
                    <div class="col-12 mb-3">
                        <label class="form-label">{{ __('basic.branch') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <select
                            class="js-example-basic-single select2-hidden-accessible @error('branch_id') is-invalid @enderror"
                            name="branch_id" required>
                            @foreach ($branches as $item)
                            <option value="{{ $item->id }}">
                                {{ $item->name }}
                            </option>
                            @endforeach
                        </select>
                        @error('branch_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>
                    @endif

                    <div class="col-12 mb-2">
                        <label class="form-label"> {{ __('basic.attached img') }}
                            <small>({{ __('basic.optional') }})</small></label>
                        <input class="form-control" name='attached_pic_income' accept="image/*" type="file"
                            id="formFile">
                        <div class="form-text text-gray-200">{{ __('basic.attached img') }}</div>
                        <span id="attached_pic_income_error" class="error-msg-form"></span>
                        @error('attached_pic_income')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12">
                        <div class="mb-3">
                            <label class="form-label">{{ __('basic.description') }} <small>({{
                                    __('basic.optional') }})</small></label>
                            <textarea name="note" class="form-control" placeholder="Write here description .." rows="4"
                                spellcheck="false">{{ old('note') }}</textarea>
                        </div>
                        @error('note')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="col-12">
                        <div class="mb-3">
                            <label class="form-label">{{ __('basic.client description') }} <small>({{
                                    __('basic.optional') }})</small></label>
                            <textarea name="client_note" class="form-control"
                                placeholder="Write here description for client .." rows="4"
                                spellcheck="false"></textarea>
                        </div>
                        @error('client_note')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>


                    <div class="col-12 fw-bold d-flex justify-content-start">
                        <span id="service_final_info" class="me-2">{{ __('basic.cost center') }}</span>
                        <div class="switch-checkbox">
                            <input class="done_btn" id="cost_center_status" name="cost_center_status" type="checkbox"
                                value="1"><label for="cost_center_status" class="ms-auto me-auto">Toggle</label>
                        </div>
                        @error('cost_center_status')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <div class="row mb-3" id="cost_center_cont" style="display: none">
                        <div class="col-12 col-md-4 mb-2 mb-md-0">
                            <label class="form-label"> {{ __('basic.cost center') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <select id="cost_center_id"
                                class="js-example-basic-single select2-hidden-accessible @error('cost_center_id') is-invalid @enderror"
                                name="cost_center_id" required>
                                <option disabled selected>
                                    {{ __('basic.not selected') }}
                                </option>
                                @foreach ($cost_centers as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->code . ' - ' . $item->name }}
                                </option>
                                @endforeach
                            </select>
                            <div id="cost_center_id-js-error-valid"></div>
                            @error('cost_center_id')
                            <span class="error-msg-form">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>

                        <div class="col-12 col-md-4 mb-3">
                            <label class="form-label">{{ __('basic.percentage') }}
                                <small>({{ __('basic.required') }})</small></label>
                            <input id="cost_center_percentage" name="cost_center_percentage" type="text"
                                class="form-control @error('cost_center_percentage') is-invalid @enderror" min="0"
                                max="100" placeholder="Write here the percentage of the cost center of this invoice ..."
                                required>
                            @error('cost_center_percentage')
                            <span class="error-msg-form">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>
                        <div class="col-12 col-md-4 mb-3">
                            <label class="form-label">{{ __('basic.cost center amount') }}
                                <small>({{ __('basic.optional') }})</small></label>
                            <input id="total_cost_center" type="text" disabled class="form-control" placeholder="0"
                                value="0">
                        </div>
                    </div>

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


        <div class="row">
            <div class="card card-input shadow mb-3 pb-3">

                <!-- Card Header - Dropdown -->
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-receipt me-1"></i>
                        {{ __('basic.accounts') }}</h6>
                </div>

                <!-- Card Body -->
                <div class="card-body px-4 px-md-5">

                    <div class="row py-3 px-4 mb-3 b-r-l-cont" style="background-color: #f3f3f3">
                        <div class="col-1">
                            <h6 class="fw-bold mb-0">{{ __('basic.type') }}</h6>
                        </div>
                        <div class="col-2">
                            <h6 class="fw-bold mb-0">{{ __('basic.item') }}</h6>
                        </div>
                        <div class="col-2">
                            <h6 class="fw-bold mb-0">{{ __('basic.description') }}</h6>
                        </div>
                        <div class="col-1">
                            <h6 class="fw-bold mb-0">{{ __('basic.quantity') }}</h6>
                        </div>
                        <div class="col-1">
                            <h6 class="fw-bold mb-0">{{ __('basic.tax') }}</h6>
                        </div>
                        <div class="col-1">
                            <h6 class="fw-bold mb-0">{{ __('basic.buy') }}</h6>
                        </div>
                        <div class="col-2">
                            <h6 class="fw-bold mb-0">{{ __('basic.sell') }}</h6>
                        </div>
                        <div class="col-2">
                            <h6 class="fw-bold mb-0">{{ __('basic.total') }}</h6>
                        </div>
                    </div>

                    <div id="new_entry_item_cont">

                        <div class="row mb-3">

                            <div class="col-1">
                                <select
                                    class="select2-no-search select2-hidden-accessible type_input @error('type') is-invalid @enderror"
                                    name="type[]" required>
                                    <option selected disabled>
                                        {{ __('basic.select type first') }}
                                    </option>
                                    <option value="hotel">
                                        {{ __('basic.hotel') }}
                                    </option>
                                    <option value="package">
                                        {{ __('basic.package') }}
                                    </option>
                                    <option value="trip">
                                        {{ __('basic.trip') }}
                                    </option>
                                    <option value="transportation">
                                        {{ __('basic.transportation') }}
                                    </option>
                                    <option value="visa">
                                        {{ __('basic.visa') }}
                                    </option>
                                    <option value="product">
                                        {{ __('basic.product') }}
                                    </option>
                                </select>
                            </div>

                            <div class="col-2">
                                <select
                                    class="js-example-basic-single item_input select2-hidden-accessible @error('item') is-invalid @enderror"
                                    name="item[]" required>
                                    <option selected disabled>
                                        {{ __('basic.select type first') }}
                                    </option>
                                </select>
                            </div>
                            <div class="col-2">
                                <input name="description[]" type="text"
                                    class="form-control @error('description') sell_item is-invalid @enderror"
                                    placeholder="Write here the description ...">
                            </div>
                            <div class="col-1">
                                <input name="quantity[]" type="number"
                                    class="form-control @error('quantity') is-invalid @enderror qty_input"
                                    placeholder="Quantity ..." min="1" max="20" value="1" required>
                            </div>
                            <div class="col-1">
                                <select
                                    class="js-example-basic-single select2-hidden-accessible @error('tax') is-invalid @enderror tax_input"
                                    name="tax[]">
                                    <option selected disabled value="0" data-percentage="0">
                                        {{ __('basic.no tax') }}
                                    </option>
                                    @foreach ($taxes as $item)
                                    <option value="{{ $item->id }}" data-percentage="{{ $item->percentage }}">
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                </select>

                                <input type="hidden" name="" value="" class="tax_input_save">
                            </div>
                            <div class="col-1">
                                <input name="buy_price[]" type="number"
                                    class="form-control @error('buy_price') is-invalid @enderror buy_input"
                                    placeholder="Purchasing Price ..." value="0">
                            </div>
                            <div class="col-2">
                                <input name="sell_price[]" type="number"
                                    class="form-control @error('debit') is-invalid @enderror sell_input"
                                    placeholder="Sell Price ..." required>
                            </div>
                            <div class="col-2">
                                <input type="number"
                                    class="form-control @error('total[]') total_item is-invalid @enderror total_input"
                                    value="0" readonly disabled>
                            </div>
                        </div>

                    </div>


                    <div class="my-3 text-end">
                        <div class="btn btn-user not_accepted-color-btn rounded-pill new_entry"><i
                                class="fas fa-plus"></i> {{
                            __('basic.new entry') }}
                        </div>
                    </div>

                    <div class="d-flex justify-content-center text-center">
                        <div class="main-color-bg text-center b-r-s-cont py-3 px-4 align-self-center me-3">
                            <h6 class="text-blue-300 text-xs mb-0"><i class="fas fa-dollar-sign"></i>
                                {{ __('basic.buy') }}
                            </h6>
                            <p id="total_debit_show" class="text-white fs-4 fw-bold mb-0">0</p>
                        </div>
                        <div class="main-color-bg text-center b-r-s-cont py-3 px-4 align-self-center me-3">
                            <h6 class="text-blue-300 text-xs mb-0"><i class="fas fa-dollar-sign"></i>
                                {{ __('basic.sell') }}
                            </h6>
                            <p id="total_credit_show" class="text-white fs-4 fw-bold mb-0">0</p>
                        </div>
                        <div class="main-color-bg text-center b-r-s-cont py-3 px-4 align-self-center me-3">
                            <h6 class="text-blue-300 text-xs mb-0"><i class="fas fa-dollar-sign"></i>
                                {{ __('basic.tax') }}
                            </h6>
                            <p id="all_tax_amount" class="text-white fs-4 fw-bold mb-0">0</p>
                        </div>
                        <div class="main-color-bg text-center b-r-s-cont py-3 px-4 align-self-center me-3">
                            <h6 class="text-blue-300 text-xs mb-0"><i class="fas fa-dollar-sign"></i>
                                {{ __('basic.total') }}
                            </h6>
                            <p id="all_total_amount" class="text-white fs-4 fw-bold mb-0">0</p>
                        </div>
                    </div>
                    <div id="entry_balance_error" class="text-center text-red" style="display: none">
                        {{ __('basic.entry amount is not balanced') }}</div>


                    <div class="d-flex justify-content-end mt-2 mb-2">
                        <input name="next" class="btn btn-primary action-button-next" id="send_form"
                            value="{{ __('basic.send') }}">
                    </div>
                </div>
            </div>
        </div>


    </form>


</div>

@endsection

<!-- js insert -->
@section('js')

<script>
    // new entry
    $(document).ready(function() {



        //----- cost center ------
        $(document).on("change", "#cost_center_status", function() {
                var have_stock = $(this);
                if(have_stock.is(':checked')){
                    $('#cost_center_cont').show();
                }else{
                    $('#cost_center_cont').hide();
                }
            });

        $(document).on('keyup', '#cost_center_percentage', function() {
            fetchCost_center();
        })


        function fetchCost_center() {
            var percentage = $('#cost_center_percentage').val();
            var amount = $('#all_total_amount').html();
            var total_amount = parseFloat((percentage / 100) * amount);
            var amount = $('#total_cost_center').val(total_amount);
        }
        //-----------------------



        // add new entry item

        $(document).on("click", ".new_entry", function() {
            $('#new_entry_item_cont').append(
                        '<div class="row mb-3">' +
                            '<div class="col-1">' +
                                '<select class="select2-no-search select2-hidden-accessible type_input @error("type") is-invalid @enderror" name="type[]" required>' +
                                '<option selected disabled>{{ __("basic.select type first") }}</option>'+
                                    '<option value="hotel">{{ __("basic.hotel") }}</option>' +
                                    '<option value="package">{{ __("basic.package") }}</option>' +
                                    '<option value="trip"> {{ __("basic.trip") }}</option>' +
                                    '<option value="transportation">{{ __("basic.transportation") }}</option>' +
                                    '<option value="visa">{{ __("basic.visa") }}</option>' +
                                    '<option value="product">{{ __("basic.product") }}</option>' +
                                '</select>' +
                            '</div>' +
                            '<div class="col-2">' +
                            '<select class="js-example-basic-single item_input select2-hidden-accessible @error("item") is-invalid @enderror" name="item[]" required>' +
                                    '<option selected disabled>{{ __("basic.select type first") }}</option>' +
                            '</select>' +
                            '</div>' +
                            '<div class="col-2">' +
                            '<input name="description[]" type="text" class="form-control @error("description") sell_item is-invalid @enderror" placeholder="Write here the description ...">' +
                            '</div>' +
                            '<div class="col-1">' +
                                '<input name="quantity[]" type="number" class="form-control @error("quantity") is-invalid @enderror qty_input" placeholder="Quantity ..." min="1" max="20" value="1" required>' +
                            '</div>' +
                            '<div class="col-1">' +
                                '<select class="js-example-basic-single select2-hidden-accessible @error("tax") is-invalid @enderror tax_input" name="tax[]">' +
                                    '<option selected disabled value="0" data-percentage="0">' +
                                        '{{ __("basic.no tax") }}' +
                                '</option>' +
                                    @foreach ($taxes as $item)
                                    '<option value="{{ $item->id }}" data-percentage="{{ $item->percentage }}">' +
                                        '{{ $item->name }}' +
                                    '</option>' +
                                    @endforeach
                                '</select>' +
                                '<input type="hidden" name="" value="" class="tax_input_save">' +
                            '</div>' +
                            '<div class="col-1">' +
                                '<input name="buy_price[]" type="text" class="form-control @error("buy_price") is-invalid @enderror buy_input" placeholder="Purchasing Price ..." value="0">' +
                            '</div>' +
                            '<div class="col-2">' +
                                '<input name="sell_price[]" type="number" class="form-control @error("debit") is-invalid @enderror sell_input" placeholder="Sell Price ..." required>' +
                            '</div>' +
                            '<div class="col-2">' +
                                '<input type="number" class="form-control @error("total[]") total_item is-invalid @enderror total_input" value="0" readonly disabled>' +
                            '</div>' +
                        '</div>'
            )

            $('.select2-no-search').select2();
            $('.js-example-basic-single').select2();

        });


        // delete entry item
        $(document).on("click", ".delete_entry", function() {
            $(this).parent().parent().parent().remove();
        });


        $(document).on("change", ".qty_input, .tax_input, .buy_input, .sell_input", function(){
            var sell = $(this).parent().parent().find('.sell_input').val();
            var qty = $(this).parent().parent().find('.qty_input').val();

            var tax = $(this).parent().parent().find('.tax_input option:selected').data('percentage');


            var total_sell = sell * qty;
            var tax_amount = parseFloat((tax / 100) * total_sell);

            $(this).parent().parent().find('.tax_input_save').val(tax_amount);

            var total = parseFloat(total_sell);

            var total_input = $(this).parent().parent().find('.total_input').val(total);

            fetchTotals()
        });


        //fetch total debt and credit
        function fetchTotals() {

            // buy
            var buy = $('.buy_input');
            var buy_total = 0;
            $.each(buy, function(key, value) {
                if(this.value > 0){
                    buy_total += parseFloat(this.value);
                }
            });

            // sell
            var sell = $('.sell_input');
            var sell_total = 0;
            $.each(sell, function(key, value) {
                if(this.value > 0){
                    sell_total += parseFloat(this.value);
                }
            });

            // tax
            var tax = $('.tax_input_save');
            var tax_total = 0;
            $.each(tax, function(key, value) {
                if(this.value > 0){
                    tax_total += parseFloat(this.value);
                }
            });


            var total_input = $('.total_input');
            var total_input_amount = 0;
            $.each(total_input, function(key, value) {
                if(this.value > 0){
                    total_input_amount += parseFloat(this.value);
                }
            });

            var total_buy = '#total_debit_show';
            var total_sell = '#total_credit_show';
            var total_tax = '#all_tax_amount';
            var all_total = '#all_total_amount';


            $(total_buy).html(buy_total.toFixed(2));
            $(total_sell).html(total_input_amount.toFixed(2));
            $(total_tax).html(tax_total.toFixed(2));
            $(all_total).html(parseFloat(total_input_amount + tax_total).toFixed(2));

            // if(buy_total == sell_total){
            //     $('#entry_balance_error').hide();
            // }else{
            //     $('#entry_balance_error').show();
            // }

            // update cost center
            fetchCost_center();
        }


        // get the product depnds on type
        $(document).on("change", ".type_input", function() {

            var type = $(this).val();
            var item = $(this).parent().parent().find('.item_input');
            var url = "{{ route('sett.fetch_products_ajax', ':type') }}";
            url = url.replace(':type', type);

            console.log(type);
            if (type) {
                $.ajax({
                    url: url,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        console.log(data);
                        item.empty();
                        $.each(data, function(key, value) {
                            item.append('<option value="' +
                                value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                item.empty();
            }
        });


});

</script>



<!-- select 2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
    integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $(document).ready(function() {
            $('.js-example-basic-single').select2();
            //hide search
            $('.select2-no-search').select2({
                minimumResultsForSearch: -1
            });
        });
</script>

<!-- jquery ui datepicker -->
<script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
    $(function() {
            $('.hasdatetimepicker').datepicker({
                todayHighlight: true,
                format: "yyyy-mm-dd",
            }).on('change', function(){
                $('.datepicker').hide();
            });;
        });
</script>

<!-- validate jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
    integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
    $(document).on("click", "#send_form", function(){

            var total_credit = $('#total_credit_show').html();
            var total_all = $('#all_total_amount').html();

                 //for validation
                 $('#myform_entry').validate({ // initialize plugin within DOM ready

                });

                if (!$('#myform_entry').valid()) {
                    return false;
                }

                $("#myform_entry").submit();

    });
</script>



<script>
    //search debtors Text to the server
    $("#debtor_receivable_id").keyup(function() {
        let search_query = $(this).val();

        var url = "{{ route('sett.invo_debtor_search', ':search_query') }}";
        url = url.replace(':search_query', search_query);

        if (search_query != "") {
            $.ajax({
                url: url,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $("#debtor_search-eng-show-list").show();

                    if (data !== "") {
                        var html = ''
                        $.each(data, function(key, value) {
                            html +=
                                '<div data-debtor_id="' + value.id +
                                '" data-debtor_name="' + value.company_name +
                                '" class="debtor_search-eng-a clickable-item-pointer list-group-item list-group-item-action border-1 text-gray-500" style="cursor: pointer;"><i class="fas fa-search text-gray-200 me-2"></i> ' +
                                value.company_name + '</div>';
                        });
                        $('#debtor_search-eng-show-list').html(html);
                    }

                    if (data == "") {
                        $('#debtor_search-eng-show-list').html(
                            '<a class="list-group-item list-group-item-action border-0"><i class="fas fa-search text-gray-200 me-2"></i>No Record</a>'
                        );
                    }
                },
            });
        } else {
            $("#debtor_search-eng-show-list").empty();
            $("#debtor_search-eng-show-list").hide();;
        }
    });

    //send the id from the patient search
    $(document).on("click", ".debtor_search-eng-a", function() {

        id = $(this).data('debtor_id');
        name = $(this).data('debtor_name');

        $('#debtor_id').val(id);
        $('#debtor_receivable_id').val(name);
        $("#debtor_search-eng-show-list").hide();;
    })

</script>
@endsection