@extends('layouts.master')
@section('title', $title)

@section('page_css')
    <link rel="stylesheet" href="{{ asset('assets/css/iziToast.min.css') }}" />
@endsection

@section('content')
    <div class="main-body">
        <div class="page-wrapper">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="d-flex justify-content-between">
                                <h5> {{ $title }} For Prescription </h5>
                            </div>
                        </div>

                        <div class="card-body">
                            <form class="needs-validation" novalidate method="post" id="form">
                                @csrf
                                <input type="hidden" name="id" id="id" value="{{ $id == 0 ? '' : $id }}">
                                <input type="hidden" name="prescription_id" id="prescription_id" value="{{ $prescription_id }}">
                                <div class="row">
                                    <div class="col-6 mb-3 {{ isset($customer_id) && $customer_id != 0 ? 'd-none' : '' }}">
                                        <label for="customer_id" class="form-label">Customer <span>*</span></label>
                                        @if (isset($customer_id) && $customer_id != 0)
                                            <input type="text" name="customer_id" id="customer_id"
                                                value="{{ $customer_id }}">
                                        @else
                                            <select name="customer_id" id="customer_id"
                                                class="form-control domselect2 input">
                                                <option value="0">Walking Customer</option>
                                                @foreach ($patients as $item)
                                                    <option value="{{ $item->id }}"
                                                        {{ !empty($invoice) && $invoice->patient_id == $item->id ? 'selected' : '' }}>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        @endif

                                        <small class="text-danger errors"></small>
                                    </div>


                                    <div class="col-6 mb-3">
                                        <label for="date" class="form-label"> Date <span>*</span></label>
                                        <input type="date" class="form-control input" name="date" id="date"
                                            value="{{ !empty($invoice) && $invoice?->created_at ? $invoice?->created_at : date_fmt(now()) }}">
                                        <small class="text-danger errors"></small>
                                    </div>
                                   


                                    <div class="col-6 mb-3">
                                        <label for="description" class="form-label"> Desciption <span>*</span></label>
                                        <textarea type="date" class="form-control input" name="description" id="description">{{  $invoice?->recommendation }}</textarea>
                                        <small class="text-danger errors"></small>
                                    </div>







                                    <table class="table table-striped table-inverse table-responsive" style="width: 100%">
                                        <thead class="thead-inverse">
                                            <tr>
                                                <th>#</th>
                                                <th>Product</th>
                                                <th>UOM</th>
                                                <th>Quantity</th>
                                                <th>Price</th>
                                                <th>Sub Total</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="elements">
                                            @if (!empty($invoice) && count($invoice?->prescriptions))
                                                @php
                                                    $counter = 1;
                                                    $total = 0;
                                                @endphp
                                                @foreach ($invoice?->prescriptions as $pro_det)
                                                    @php
                                                        $balance = 0;
                                                        // $type = $item?->type;
                                                        $conversion_rate = 0;
                                                        $price = 0;
                                                        $gv_balance  = 0;
                                                    @endphp
                                                    @if ($counter == 1)
                                                        <tr>
                                                            <td class="counter">{{ $counter++ }}</td>
                                                            <td scope="row">
                                                                <input type="hidden" name="inv_id[]" class="inv_id"
                                                                    value="{{ $pro_det?->inventory_id ?? 0 }}">
                                                                <div class="form-group">
                                                                    <select name="product[]"
                                                                        class="form-control domselect2 product input">
                                                                        <option value=""> Select </option>
                                                                        @foreach ($products as $item)
                                                                            @php
                                                                                // $balance = $item?->inventory?->balance;
                                                                                // $type = $item?->type;
                                                                                $conversionrate =
                                                                                    $pro_det?->prescription?->inventory?->conversion;
                                                                            @endphp

                                                                            @php
                                                                                $gv_inv_balance = 0;
                                                                            @endphp
                                                                            @if ($pro_det->uom == $pro_det?->prescription?->sellinguom?->id)
                                                                                @if ($conversionrate > 0)
                                                                                    @php
                                                                                        $gv_inv_balance =
                                                                                            $pro_det?->quantity /
                                                                                            $conversionrate;
                                                                                    @endphp
                                                                                @endif
                                                                            @elseif ($pro_det->uom == $pro_det?->prd?->puruom?->id)
                                                                                @php
                                                                                    $gv_inv_balance =
                                                                                        $pro_det?->quantity;
                                                                                @endphp
                                                                            @endif

                                                                            <option value="{{ $item?->id }}"
                                                                                data-uom="{{ $item?->uom }}"
                                                                                data-uom_id="{{ $item?->uom_id }}"
                                                                                data-balance="{{ $item?->inventory?->balance + $gv_inv_balance ?? 0 }}"
                                                                                data-inv_batch="{{ $item?->inventory?->id ?? 0 }}"
                                                                                @if ($item?->id == $pro_det->name) {{ 'selected' }}
                                                                                   @php
                                                                                       $balance = $item?->inventory?->balance;
                                                                                       $conversion_rate = $pro_det?->prescription?->selling_conversion;
                                                                                       $price = money_fmt($item->price);
                                                                                   @endphp @endif>
                                                                                {{ $item->name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                   <select name="uom[]"
                                                                        class="form-control domselect2 uom input">
                                                                        <option value=""> Select </option>
                                                                        <option
                                                                            value="{{ $pro_det?->prescription?->sellinguom?->id }}"
                                                                            @if ($pro_det->uom == $pro_det?->prescription?->sellinguom?->id) {{ 'selected' }}
                                                                                @php
                                                                                    $gv_balance = $balance * $conversion_rate
                                                                                @endphp @endif>
                                                                            {{ $pro_det?->prescription?->sellinguom?->name }}
                                                                            ({{ number_format($balance * $conversion_rate, 2) }})
                                                                        </option>
                                                                        <option value="{{ $pro_det?->prescription?->puruom?->id }}"
                                                                            @if ($pro_det->uom == $pro_det?->prescription?->puruom?->id) {{ 'selected' }} @php
                                                                            $gv_balance = $balance;
                                                                        @endphp @endif>
                                                                            {{ $pro_det?->prescription?->puruom?->name }}
                                                                            ({{ number_format($balance, 2) }})

                                                                        </option>
                                                                    </select>
                                                                    <input type="hidden" class="balance_pro"
                                                                        value="{{ $gv_balance + $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text"
                                                                        class="form-control quantity input"
                                                                        name="quantity[]" placeholder="quantity"
                                                                        value="{{ $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text" class="form-control price input"
                                                                        name="price[]" placeholder="Price"
                                                                        value="{{ $price }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>

                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text"
                                                                        class="form-control sub_total input"
                                                                        name="sub_total[]" placeholder="sub_total"
                                                                        value="{{ $price * $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td> <button type="button" name="" id=""
                                                                    class="btn btn-sm btn-success btn-lg btn-block"
                                                                    onclick="add(this)">+</button>
                                                            </td>
                                                        </tr>
                                                    @else
                                                        <tr>
                                                            <td class="counter">{{ $counter++ }}</td>
                                                            <td scope="row">
                                                                <input type="hidden" name="inv_id[]" class="inv_id"
                                                                    value="{{ $pro_det?->inventory_id ?? 0 }}">
                                                                <div class="form-group">

                                                                    @php
                                                                        // $balance = $item?->inventory?->balance;
                                                                        $type = $item?->type;
                                                                        $cost = $item?->cost;
                                                                        $conversionrate = $pro_det?->inv?->conversion;
                                                                    @endphp

                                                                    @php
                                                                        $gv_inv_balance = 0;
                                                                    @endphp
                                                                    @if ($pro_det->uom == $pro_det?->prd?->sellinguom?->id)
                                                                        @if ($conversionrate > 0)
                                                                            @php
                                                                                $gv_inv_balance =
                                                                                    $pro_det?->quantity /
                                                                                    $conversionrate;
                                                                            @endphp
                                                                        @endif
                                                                    @elseif ($pro_det->uom == $pro_det?->prd?->puruom?->id)
                                                                        @php
                                                                            $gv_inv_balance = $pro_det?->quantity;
                                                                        @endphp
                                                                    @endif


                                                                    <select name="product[]"
                                                                        class="form-control domselect2 product input">
                                                                        <option value=""> Select </option>
                                                                        @foreach ($products as $item)
                                                                            <option value="{{ $item?->id }}"
                                                                                data-uom="{{ $item?->uom }}"
                                                                                data-uom_id="{{ $item?->uom_id }}"
                                                                                data-balance="{{ $item?->inventory?->balance + $gv_inv_balance ?? 0 }}"
                                                                                data-inv_batch="{{ $item?->inventory?->id ?? 0 }}"
                                                                                @if ($item?->id == $pro_det->name) {{ 'selected' }}
                                                                                   @php
                                                                                       $balance = $item?->inventory?->balance;
                                                                                       $type = $item?->type;
                                                                                       $conversion_rate = $pro_det?->prescription?->selling_conversion;
                                                                                       $price = money_fmt($item->price);
                                                                                   @endphp @endif>
                                                                                {{ $item->name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <select name="uom[]"
                                                                        class="form-control domselect2 uom input">
                                                                        <option value=""> Select </option>
                                                                        <option
                                                                            value="{{ $pro_det?->prescription?->sellinguom?->id }}"
                                                                            @if ($pro_det->uom == $pro_det?->prescription?->sellinguom?->id) {{ 'selected' }}
                                                                                @php
                                                                                    $gv_balance = $balance * $conversion_rate
                                                                                @endphp @endif>
                                                                            {{ $pro_det?->prescription?->sellinguom?->name }}
                                                                            ({{ number_format($balance * $conversion_rate, 2) }})
                                                                        </option>
                                                                        <option value="{{ $pro_det?->prescription?->puruom?->id }}"
                                                                            @if ($pro_det->uom == $pro_det?->prescription?->puruom?->id) {{ 'selected' }} @php
                                                                            $gv_balance = $balance;
                                                                        @endphp @endif>
                                                                            {{ $pro_det?->prescription?->puruom?->name }}
                                                                            ({{ number_format($balance, 2) }})

                                                                        </option>
                                                                    </select>
                                                                    <input type="hidden" class="balance_pro"
                                                                        value="{{ $gv_balance + $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text"
                                                                        class="form-control quantity input"
                                                                        name="quantity[]" placeholder="quantity"
                                                                        value="{{ $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text" class="form-control price input"
                                                                        name="price[]" placeholder="Price"
                                                                        value="{{ $price }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>

                                                            <td>
                                                                <div class="form-group">
                                                                    <input type="text"
                                                                        class="form-control sub_total input"
                                                                        name="sub_total[]" placeholder="sub_total"
                                                                        value="{{ $price * $pro_det?->quantity }}">
                                                                    <small class="text-danger errors"></small>
                                                                </div>
                                                            </td>
                                                            <td> <button type="button" name="" id=""
                                                                    class="btn btn-sm btn-success btn-lg btn-block"
                                                                    onclick="add(this)">+</button>
                                                                <button type="button" name="" id=""
                                                                    class="btn btn-sm btn-danger btn-lg btn-block"
                                                                    onclick='remove(this)'>x</button>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                    @php
                                                        $total += $pro_det?->quantity * $price;
                                                    @endphp
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>





                                    <div class="d-flex justify-content-end mt-3">
                                        <h4>Total: <span id="total">
                                                {{ isset($total) ? number_format($total, 2) : 0 }}
                                            </span></h4>
                                    </div>

                                    <hr>



                                    <div class="col-6 mb-3">
                                        <label for="invoice_type" class="form-label"> Invoice Type <span>*</span></label>
                                        <select name="invoice_type" id="invoice_type"
                                            class="form-control modalselect2 input">
                                            <option value=""> Select </option>
                                            <option value="cash" selected> Cash </option>
                                            <option value="debit"> Debit </option>
                                        </select>
                                        <small class="text-danger errors"></small>
                                    </div>




                                    <div class="col-6 mb-3 cash_dom">
                                        <label for="payment_method" class="form-label"> Payment method
                                            <span>*</span></label>
                                        <select name="payment_method" id="payment_method"
                                            class="form-control modalselect2 input">
                                            <option value=""> Select </option>
                                            @foreach ($payment_methods as $item)
                                                <option value="{{ $item?->id }}"> {{ $item?->name }} </option>
                                            @endforeach
                                        </select>
                                        <small class="text-danger errors"></small>
                                    </div>


                                    <div class="col-6 mb-3 cash_dom">
                                        <label for="currency" class="form-label"> Currency
                                            <span>*</span></label>
                                        <select name="currency" id="currency" class="form-control modalselect2 input">
                                            {{-- <option value=""> Select </option> --}}
                                            @foreach ($currencies as $item)
                                                <option value="{{ $item?->id }}"> {{ $item?->name }} </option>
                                            @endforeach
                                        </select>
                                        <small class="text-danger errors"></small>
                                    </div>


                                    <div class="col-6 mb-3 cash_dom">
                                        <label for="total_amount" class="form-label"> Total amount <span>*</span></label>
                                        <input type="text" class="form-control input" name="total_amount"
                                            id="total_amount" value="{{ $total }}" readonly>
                                        <small class="text-danger errors"></small>
                                    </div>

                                    <div class="col-6 mb-3 cash_dom">
                                        <label for="discount_payment" class="form-label"> Discount amount
                                            <span>*</span></label>
                                        <input type="text" class="form-control input" name="discount_payment"
                                            id="discount_payment" value="0">
                                        <small class="text-danger errors"></small>
                                    </div>

                                    <div class="col-6 mb-3 cash_dom">
                                        <label for="paid" class="form-label"> Paid amount <span>*</span></label>
                                        <input type="text" class="form-control input" name="paid" id="paid"
                                            value="{{ $total }}">
                                        <small class="text-danger errors"></small>
                                    </div>

                                    <div class="form-group col-md-6 cash_dom">
                                        <label for="" class="form-label">Balance amount</label>
                                        <input type="text" name="balance" id="balance" class="form-control"
                                            value="0" required readonly>
                                    </div>


                                </div>
                                <div class="modal-footer mt-2">
                                    <a href="{{ route($route . '.index') }}" class="btn btn-secondary mx-2 text-white"><i
                                            class="fas fa-times mx-2"></i> {{ __('messages.btn_close') }}</a>
                                    <button type="submit" class="btn btn-success mx-2">
                                        <i class="fas fa-check mx-2"></i>
                                        {{ __('messages.btn_update') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_js')
    <script defer src="{{ asset('assets/js/iziToast.min.js') }}"></script>

    <script>
        $(function() {
            $(document).on("change", ".product", async function() {
                if ($(this).val()) {
                    balance = $(this).find(':selected').data('balance')
                    inv_batch = $(this).find(':selected').data('inv_batch')
                    let res = await _client("{{ route('prescription.products.uoms') }}", "post", {
                        id: $(this).val()
                    })


                    if (res.status == 200) {
                        let options = ''
                        console.log(res.data);

                        // if(res.data.type == 2){
                        //     console.log("wanigan");
                        //     $(this).closest("tr").find(".uom").prop('disabled', true);
                        // }else{
                        $(this).closest("tr").find(".uom").prop('disabled', false);
                        if (res.data.puruom.name != res.data.sellinguom.name) {
                            options +=
                                `<option value='${res.data.sellinguom.id}' selected> ${res.data.sellinguom.name} (${(balance * res.data.selling_conversion).toFixed(2)}) </option>`
                            options +=
                                `<option value='${res.data.puruom.id}'> ${res.data.puruom.name} (${balance}) </option>`
                        } else {
                            options +=
                                `<option value='${res.data.sellinguom.id}' selected> ${res.data.sellinguom.name} (${(balance * res.data.selling_conversion).toFixed(2)}) </option>`
                        }

                        $(this).closest("tr").find(".inv_id").val(inv_batch)
                        $(this).closest("tr").find(".uom").html(options)
                        $(this).closest("tr").find(".balance_pro").val((balance * res.data
                            .selling_conversion).toFixed(2))
                        if (res.data.selling_price == 0) {
                            iziToast.error({
                                title: 'Error',
                                message: `The ${res.data.name} product selling price is 0!!!`,
                                position: "topRight"
                            });
                        } else {
                            if (res.data.type == 1) {
                                $(this).closest("tr").find(".price").val((res.data.selling_price / res
                                    .data.selling_conversion).toFixed(2));

                                $(this).closest("tr").find(".sub_total").val((res.data.selling_price /
                                    res.data
                                    .selling_conversion).toFixed(2));
                            } else {
                                console.log("wakan price ku " + res.data.selling_price);
                                $(this).closest("tr").find(".price").val(res.data.selling_price)
                                $(this).closest("tr").find(".sub_total").val(res.data.selling_price)


                            }
                        }
                    }
                } else {
                    $(this).closest("tr").find(".uom").html("")
                }
            })

            $(document).on("change", ".uom", async function() {
                product = $(this).closest("tr").find(".product").val()
                balance = $(this).closest("tr").find(".product option:selected").data('balance')

                $(this).closest("tr").find(".price").val(0)
                if (product && $(this).val()) {
                    uid = $(this).val()
                    let res = await _client("{{ route('prescription.products.uoms') }}", "post", {
                        id: product
                    })
                    if (res.status == 200) {
                        if (res.data.selling_price == 0) {
                            iziToast.error({
                                title: 'Error',
                                message: `The ${res.data.name} product selling price is 0!!!`,
                                position: "topRight"
                            });
                            return
                        }
                        // console.log(balance)

                        if (res.data.puruom.id == uid) {
                            $(this).closest("tr").find(".balance_pro").val((balance))
                            let quantity = $(this).closest("tr").find(".quantity").val()
                            $(this).closest("tr").find(".price").val((res.data.selling_price))
                            // console.log("isku mid");
                            // console.log(res.data);
                            let total = (res.data.selling_price * quantity);
                            $(this).closest("tr").find(".sub_total").val(total)
                        } else {
                            let quantity = $(this).closest("tr").find(".quantity").val()
                            $(this).closest("tr").find(".balance_pro").val((balance * res.data
                                .selling_conversion).toFixed(2))
                            $(this).closest("tr").find(".price").val((res.data.selling_price / res.data
                                .selling_conversion).toFixed(2))
                            let total = ((res.data.selling_price / res.data.selling_conversion) *
                                quantity).toFixed(2)
                            console.log("total = " + total);
                            $(this).closest("tr").find(".sub_total").val(total)
                        }

                    }
                }
            })

            $(document).on("keyup", ".quantity", function() {
                total_quantity = 0;
                current_quantity = isNaN(parseFloat($(this).closest("tr").find(".balance_pro").val())) ? 0 :
                    parseFloat($(this).closest("tr").find(".balance_pro").val());

                product = $(this).closest("tr").find(".product").val()
                type = $(this).closest("tr").find(".product option:selected").data('type')
                cost = $(this).closest("tr").find(".product option:selected").data('cost')
                console.log("waatan xogta    cost:", cost); // Display product type in the console

                if (type == 2 || cost) {
                    uom_text = $(this).closest("tr").find(".uom option:selected").text();

                    total_pr = 0;
                    for (let index = 0; index < $(".quantity").length; index++) {
                        total_quantity = isNaN(parseFloat($($(".quantity")[index]).val())) ? 0 : parseFloat(
                            $($(".quantity")[index]).val());
                        total_price = isNaN(parseFloat($($(".price")[index]).val())) ? 0 : parseFloat($($(
                            ".price")[index]).val());
                        sub_total =
                            total_pr += total_quantity * total_price;
                        sub_total = total_quantity * total_price;
                        console.log("waa qeybtan" + sub_total);

                        parseFloat($($(".sub_total")[index]).val(sub_total)) ? 0 : parseFloat(
                            $($(".sub_total")[index]).val((sub_total).toFixed(2)))

                    }

                    $("#total").html((total_pr).toLocaleString());
                    console.log(total_pr);
                } else {
                    uom_text = $(this).closest("tr").find(".uom option:selected").text();
                    if ($(this).val() > current_quantity) {
                        console.log("current_quantity = ", current_quantity)
                        $(this).val(current_quantity);
                        iziToast.error({
                            title: 'Error',
                            message: `The available quantity is ${uom_text} !!!`,
                            position: "topRight"
                        });
                    }

                    total_pr = 0;
                    for (let index = 0; index < $(".quantity").length; index++) {
                        total_quantity = isNaN(parseFloat($($(".quantity")[index]).val())) ? 0 : parseFloat(
                            $($(".quantity")[index]).val());
                        total_price = isNaN(parseFloat($($(".price")[index]).val())) ? 0 : parseFloat($($(
                            ".price")[index]).val());
                        total_pr += total_quantity * total_price;
                        sub_total = total_quantity * total_price;
                        parseFloat($($(".sub_total")[index]).val(sub_total)) ? 0 : parseFloat(
                            $($(".sub_total")[index]).val(sub_total))
                    }
                    console.log("waa qeybtan" + sub_total);


                    $("#total").html((total_pr).toLocaleString());
                    $("#paid").val(total_pr.toFixed(2));
                    $("#total_amount").val(total_pr.toFixed(2));
                    console.log(total_pr);

                }
            });


            $(document).on("keyup", ".price", function() {
                total_pr = 0;
                for (let index = 0; index < $(".quantity").length; index++) {
                    total_quantity = isNaN(parseFloat($($(".quantity")[index]).val())) ? 0 : parseFloat($($(
                        ".quantity")[index]).val())
                    total_price = isNaN(parseFloat($($(".price")[index]).val())) ? 0 : parseFloat($($(
                            ".price")[index])
                        .val())
                    total_pr += total_quantity * total_price
                }
                $("#total").html((total_pr).toLocaleString())
                $("#paid").val(total_pr.toFixed(2));
                $("#total_amount").val(total_pr.toFixed(2));
            })






            $("#form").on("submit", async function(e) {
                e.preventDefault()
                data = objectifyForm($(this).serializeArray())
                btn = $(this).find("button[type='submit']")
                btn.prop("disabled", true)
                $("#spinners").removeClass("d-none")
                let res = await client($(this), '{{ route($route . '.create', 0) }}', 'post', data)
                $("#spinners").addClass("d-none")
                btn.prop("disabled", false)
                if (res && res.status == 200) {
                    Swal.fire({
                        text: res.data,
                        icon: "success",
                        buttonsStyling: !1,
                        confirmButtonText: "Ok, got it!",
                        customClass: {
                            confirmButton: "btn btn-primary",
                        },
                    });

                    setTimeout(() => {
                        location.replace("{{ route($route . '.index') }}")
                    }, 500);
                }
            })

        })









        const add = (element, label = '', name = '', placeholder = '', description = '') => {
            counter = $(".counter").length + 1
            let elements = $("#elements")

            products = @json($products ?? [])

            let nw = `<tr>
                    <td class="counter">${counter}</td>
                    <td scope="row">
                        <input type="hidden" name="inv_id[]" class="inv_id">
                        <div class="form-group">
                            <select name="product[]" class="form-control domselect2 product input">
                                <option value=""> Select </option>
                                @foreach ($products as $item)
                                    <option value="{{ $item?->id }}"
                                        data-uom="{{ $item?->uom }}"
                                        data-uom_id="{{ $item?->uom_id }}"
                                        data-balance="{{ $item?->inventory?->balance ?? 0 }}"
                                        data-inv_batch="{{ $item?->inventory?->id ?? 0 }}"
                                        data-type="{{ $item?->type ?? 0 }}"> <!-- Added data-type attribute -->
                                        {{ $item->name }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-danger errors"></small>
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="hidden" class="balance_pro">
                            <select name="uom[]" class="form-control domselect2 uom input">
                                <option value=""> Select </option>
                            </select>
                            <small class="text-danger errors"></small>
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control quantity input"
                                name="quantity[]" placeholder="quantity">
                            <small class="text-danger errors"></small>
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control price input"
                                name="price[]" placeholder="Price">
                            <small class="text-danger errors"></small>
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control sub_total input"
                                name="sub_total[]" readonly placeholder="sub_total">
                            <small class="text-danger errors"></small>
                        </div>
                    </td>
                    <td> <button type="button" name="" id=""
                            class="btn btn-sm btn-success btn-lg btn-block mx-2"
                            onclick="add(this)">+</button>
                            <button
                        type="button" name="" id=""
                        class="btn btn-sm btn-danger btn-lg btn-block" onclick='remove(this)'>x</button>
                    </td>
                </tr>`;
            elements.append(nw);
            $(".domselect2").select2();

            // Moved the type check inside the function
            let type = $(nw).find(".product option:selected").data('type'); // Retrieve type from the newly added row
            console.log("Product Type:", type); // Display product type in the console
            if (type == 2) {
                return;
            }
        }

        const remove = (element) => {
            $(element).parent().parent().remove()
            $(".counter").each((i, obj) => {
                $(obj).text((i + 1))
            })
        }



        $("#paid").on("keyup", function() {
            discount = isNaN(parseFloat($("#discount_payment").val())) ? 0 : parseFloat($("#discount_payment")
                .val())
            paid = isNaN(parseFloat($("#paid").val())) ? 0 : parseFloat($("#paid").val())
            total = isNaN(parseFloat($("#total_amount").val())) ? 0 : parseFloat($("#total_amount").val())

            if (paid > total) {
                $("#paid").val(total).trigger("keyup")
            }

            if ((total - discount - paid) == 0) {
                $("#csh_pay_btn").prop("disabled", false)
                $("#dbt_pay_btn").prop("disabled", true)
            } else if ((total - discount - paid) > 0) {
                $("#csh_pay_btn").prop("disabled", true)
                $("#dbt_pay_btn").prop("disabled", false)
            }

            $("#balance").val(total - discount - paid)
        })

        $("#discount_payment").on("keyup", function() {
            discount = isNaN(parseFloat($("#discount_payment").val())) ? 0 : parseFloat($("#discount_payment")
                .val())
            total = isNaN(parseFloat($("#total_amount").val())) ? 0 : parseFloat($("#total_amount").val())
            paid = isNaN(parseFloat($("#paid").val())) ? 0 : parseFloat($("#paid").val())
            $("#total").text(total - discount)

            if (discount > total) {
                $("#discount_payment").val(total).trigger("keyup")
            }

            if (paid == 0 && $("#balance").val() == 0) {
                $("#paid").val(total - discount)
            } else if (paid == 0) {
                $("#balance").val(total - discount - paid)
            } else if (paid > 0) {
                $("#paid").val(total - discount)
            }
        })

        $("#invoice_type").on("change", function() {
            if ($("#invoice_type").val() == "cash") {
                $(".cash_dom").removeClass("d-none")
            } else {
                $(".cash_dom").addClass("d-none")
            }
        })
    </script>
@endsection