@extends('layouts.master')

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

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

<!-- 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 invoice from quotation') }}</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.quotation_invoice_store') }}"
        enctype="multipart/form-data">
        @csrf

        <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.receiver') }}
                            <small>({{ __('basic.required') }})</small></label>
                        <input id="credit_receivable_id" type="text"
                            class="form-control @error('traveler_id') is-invalid @enderror"
                            placeholder="Write here customer name ..." value="{{ $quotation->receivable->full_name }}"
                            readonly disabled>

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

                        <input type="hidden" id="patient_id_type" name="traveler_type"
                            value="{{ $quotation->receivable_type }}">
                        <input type="hidden" id="patient_id" name="traveler_id" value="{{ $quotation->receivable_id }}">
                        <input type="hidden" name="quotation_id" value="{{ $quotation->id }}">

                        <div id="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="{{ $quotation->quot_date }}" 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="{{ $quotation->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 }}" @if($quotation->currency_id == $item->id) selected @endif>
                                {{ $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>

                    <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 }}" @if($quotation->branch_id == $item->id) selected @endif>
                                {{ $item->name }}
                            </option>
                            @endforeach
                        </select>
                        @error('branch_id')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </div>

                    <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" value="{{ $quotation->attached_pic }}">

                        <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">{{ $quotation->description }}</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">{{ $quotation->client_note }}</textarea>
                        </div>
                        @error('client_note')
                        <span class="error-msg-form">
                            {{ $message }}
                        </span>
                        @enderror
                    </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">


                        @foreach ($quotation->items as $item_qt)

                        <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>
                                    @if(prox_sett('tourism') === "1")
                                    <option value="hotel" @if($item_qt->categorizable_type === "App\Models\Branch\Unit")
                                        selected @endif>
                                        {{ __('basic.hotel') }}
                                    </option>
                                    <option value="package" @if($item_qt->categorizable_type ===
                                        "App\Models\Branch\Package")
                                        selected @endif>
                                        {{ __('basic.package') }}
                                    </option>
                                    <option value="trip" @if($item_qt->categorizable_type === "App\Models\Branch\Trip")
                                        selected @endif>
                                        {{ __('basic.trip') }}
                                    </option>
                                    <option value="transportation" @if($item_qt->categorizable_type ===
                                        "App\Models\Patient\Vehicle") selected @endif>
                                        {{ __('basic.transportation') }}
                                    </option>
                                    <option value="visa" @if($item_qt->categorizable_type ===
                                        "App\Models\Branch\Visa") selected @endif>
                                        {{ __('basic.visa') }}
                                    </option>
                                    @endif
                                    <option value="product" @if($item_qt->categorizable_type ===
                                        "App\Models\Invoice\Product") selected @endif>
                                        {{ __('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>
                                    @if($item_qt->categorizable_type === "App\Models\Branch\Unit")
                                    @foreach ($units as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @elseif($item_qt->categorizable_type === "App\Models\Branch\Package")
                                    @foreach ($packages as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @elseif($item_qt->categorizable_type === "App\Models\Branch\Trip")
                                    @foreach ($trips as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @elseif($item_qt->categorizable_type === "App\Models\Patient\Vehicle")
                                    @foreach ($vehicles as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @elseif($item_qt->categorizable_type === "App\Models\Branch\Visa")
                                    @foreach ($visas as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @elseif($item_qt->categorizable_type === "App\Models\Invoice\Product")
                                    @foreach ($products as $item)
                                    <option value="{{ $item->id }}" @if($item_qt->categorizable_id == $item->id)
                                        selected @endif>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                    @endif

                                </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 ..." value="{{ $item_qt->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="{{ $item_qt->qty }}" required>
                            </div>
                            <div class="col-1">
                                <select
                                    class="js-example-basic-single select2-hidden-accessible @error('tax') is-invalid @enderror tax_input"
                                    name="tax[]" required>
                                    <option disabled value="0" data-percentage="0">
                                        {{ __('basic.no tax') }}
                                    </option>
                                    @foreach ($taxes as $item)
                                    <option @if($item->acc_tax_id == $item->id)
                                        selected @endif value="{{ $item->id }}" data-percentage="{{ $item->percentage
                                        }}">
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                </select>

                                <input type="hidden" name="" value="{{ $item_qt->tax }}" 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="{{ $item_qt->cost }}">
                            </div>
                            <div class="col-2">
                                <input name="sell_price[]" type="number"
                                    class="form-control @error('debit') is-invalid @enderror sell_input"
                                    placeholder="Sell Price ..." value="{{ $item_qt->price }}" required>
                            </div>
                            <div class="col-2">
                                <input type="number"
                                    class="form-control @error('total[]') total_item is-invalid @enderror total_input"
                                    value="{{ $item_qt->final_price }}" readonly disabled>
                            </div>
                        </div>
                        @endforeach

                    </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() {


        // 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[]" required>' +
                                    '<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()
        });


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

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

            console.log('asdsad');
            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 patients Text to the server
            $("#credit_receivable_id").keyup(function() {
                let search_query = $(this).val();

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

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

                            if (data !== "") {
                                var html = ''
                                $.each(data, function(key, value) {
                                    html +=
                                        '<div data-patient_id="' + value.id +
                                        '" data-patient_name="' + value.full_name +
                                        '" class="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.full_name + '</div>';
                                });
                                $('#search-eng-show-list').html(html);
                            }

                            if (data == "") {
                                $('#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 {
                    $("#search-eng-show-list").empty();
                    $("#search-eng-show-list").hide();;
                }
            });

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

                id = $(this).data('patient_id');
                name = $(this).data('patient_name');

                $('#patient_id').val(id);
                $('#credit_receivable_id').val(name);
                $("#search-eng-show-list").hide();;
            })


</script>
@endsection