@extends('admin.layout.app')
@section('title','Add Sales Invoice')
@push('headerscript')
    <link href="{{asset('theme/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('theme/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
    <style>
        #bank_detail {
            display: none;
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="page-title-box">
                            <h4 class="page-title">Add Sales Invoice</h4>
                            <div class="pull-right">
                                <a href="{{route('sales-invoice.index')}}"
                                   class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                        class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card-box">
                                <div class="row">
                                    <div class="col-sm-12 col-12">
                                        {!! Form::open(['route'=>array('sales-invoice.store'),'onsubmit'=>'BtnSubmit.disabled = true', 'method' => 'post']) !!}
                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="bill_no">Bill No.<span class="text-danger">*</span></label>
                                                <input id="bill_no" type="text" class="form-control" name="bill_no"
                                                       value="{{$count+1 < 10 ? 'SI-0'.$count+1 : 'SI-'.$count+1 }}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('bill_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="bill_date">Date<span class="text-danger">*</span></label>
                                                <input type="text" name="bill_date" id="bill_date" required
                                                       value="{{old('bill_date',date('d-m-Y'))}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('bill_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="customer_id">Customer Name<span class="text-danger">*</span></label>
                                                {!! Form::select("customer_id", [''=>'Select ']+$customers, old("customer_id"), ['class'=>'form-control', 'required', 'id'=>'customer_id'] ) !!}
                                                <div class="text-danger">{{$errors->first('customer_id')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="payment_type">Payment Type<span class="text-danger">*</span></label>
                                                {!! Form::select("payment_type", [''=>'Select ', 'credit'=>'Credit','cash'=>'Cash','card'=>'Card'], old("payment_type"), ['class'=>'form-control', 'required', 'id'=>'payment_type'] ) !!}
                                                <div class="text-danger">{{$errors->first('payment_type')}}</div>
                                            </div>
                                            <div class="" id="bank_detail">
                                                <div class="form-group col-sm-6 col-12">
                                                    <label for="bank_name">Bank Name</label>
                                                    <input id="bank_name" type="text" class="form-control"
                                                           name="bank_name" value="{{old('bank_name')}}">
                                                    <div class="text-danger">{{$errors->first('bank_name')}}</div>
                                                </div>
                                                <div class="form-group col-sm-6 col-12">
                                                    <label for="card_no">Card No.</label>
                                                    <input id="card_no" type="text" class="form-control number"
                                                           name="card_no" value="{{old('card_no')}}">
                                                    <div class="text-danger">{{$errors->first('card_no')}}</div>
                                                </div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="due_date">Due Date</label>
                                                <input type="text" name="due_date" value="{{old('due_date')}}"
                                                       class="form-control datepicker" id="due_date" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('due_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="credit_days">Credit Days</label>
                                                <input type="text" name="credit_days" id="credit_days"
                                                       value="{{old('credit_days')}}"
                                                       class="form-control number" readonly>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="delivery_date">Delivery Date</label>
                                                <input type="text" name="delivery_date" value="{{old('delivery_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('delivery_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="branch_id">Branch<span class="text-danger">*</span></label>
                                                {!! Form::select("branch_id", \App\Http\Helpers\Helper::getBranchData(), old("branch_id"), ['class'=>'form-control' ,'id' => 'branch_id','required'=>'required']  ) !!}
                                                <div class="text-danger">{{$errors->first('branch_id')}}</div>
                                            </div>
                                            <div class="form-group col-sm-12 col-12">
                                                <label for="billing_address">Billing Address</label>
                                                <textarea class="form-control" id="billing_address"
                                                          name="billing_address">{{old('billing_address')}}</textarea>
                                                <div class="text-danger">{{$errors->first('billing_address')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="col-sm-12 col-12 table-responsive">
                                                <table class="table table-striped dataTable" id="datatable">
                                                    <thead>
                                                    <tr class="text-center">
                                                        <th style="width: 20%">Part No. & Desc.<span
                                                                class="text-danger">*</span>
                                                            <button type="button"
                                                                    class="btn btn-info btn-rounded btn-xs pull-right"
                                                                    data-toggle="modal" data-target="#spare-part-modal">
                                                                <i class="fa fa-plus"></i>
                                                            </button>
                                                        </th>
                                                        <th style="width: 15%">Transaction Type<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 15%">Qty.<span class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 10%">Selling Price<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 10%">Discount</th>
                                                        <th style="width: 10%">Amount</th>
                                                        <th style="width: 10%">VAT</th>
                                                        <th style="width: 10%">Total Amount</th>
                                                        <th style="width: 5%">
                                                            <button type="button"
                                                                    class="btn btn-info btn-sm m-l-10"
                                                                    id="addrow">
                                                                <i class="fa fa-plus"></i>
                                                            </button>
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>
                                                            <input type="hidden" id="spare_part_prev1" value="">
                                                            <select name="spare_part_id[]" id="spare_part_id1"
                                                                    class="form-control select2" required="">
                                                                <option value="">Select Part</option>
                                                                @foreach($spare_parts as $raw)
                                                                    <option
                                                                        value="{{$raw->id}}">{{$raw->part_number .' - '. $raw->part_description}}</option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <select name="applicable[]" id="applicable1"
                                                                    class="form-control applicable_inventory" readonly="">
                                                                <option value="inventory">Inventory</option>
                                                                <option value="no">N/A</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <input type="number" name="quantity[]" id="quantity1"
                                                                   value="{{old('quantity')}}" required
                                                                   class="form-control number" min="1">
                                                        </td>

                                                        <td>
                                                            <input type="text" name="selling_price[]"
                                                                   id="selling_price1" value="{{old('selling_price')}}"
                                                                   required class="form-control floatnumber">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="discount[]" id="discount1"
                                                                   value="{{old('discount')}}" required
                                                                   class="form-control floatnumber">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="amount[]" id="amount1"
                                                                   value="{{old('amount')}}"
                                                                   class="form-control floatnumber" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="text" name="vat[]" id="vat1"
                                                                   value="{{old('vat')}}" required
                                                                   class="form-control floatnumber" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="text" name="final_amount[]" id="final_amount1"
                                                                   value="{{old('final_amount')}}"
                                                                   class="form-control floatnumber" readonly>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 col-12">
                                                <label for="in_word">In Words</label>
                                                <input id="in_word" type="text" class="form-control" name="in_word"
                                                       value="Zero" readonly>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="total_selling_price">Total Selling Price<span
                                                        class="text-danger">*</span></label>
                                                <input id="total_selling_price" type="text" class="form-control"
                                                       name="total_selling_price" value="{{0}}" readonly>
                                            </div>

                                            <div class="form-group col-sm-6 col-12">
                                                <label for="total_discount">Total Discount<span
                                                        class="text-danger">*</span></label>
                                                <input id="total_discount" type="text" class="form-control"
                                                       name="total_discount" value="{{0}}" readonly>
                                                <div class="text-danger">{{$errors->first('total_discount')}}</div>
                                            </div>

                                            <div class="form-group col-sm-6 col-12">
                                                <label for="gross_amount">Gross Amount<span class="text-danger">*</span></label>
                                                <input id="gross_amount" type="text" class="form-control"
                                                       name="gross_amount" value="{{0}}" readonly>
                                                <div class="text-danger">{{$errors->first('gross_amount')}}</div>
                                            </div>


                                            <div class="form-group col-sm-6 col-12">
                                                <label for="total_vat">Total Vat<span
                                                        class="text-danger">*</span></label>
                                                <input id="total_vat" type="text" class="form-control" name="total_vat"
                                                       value="{{0}}" readonly>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="net_amount">Net Amount ( Include VAT )<span
                                                        class="text-danger">*</span></label>
                                                <input id="net_amount" type="text" class="form-control"
                                                       name="net_amount"
                                                       value="{{0}}"
                                                       readonly>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="paid_amount">Paid Amount</label>
                                                <input id="paid_amount" type="text" class="form-control"
                                                       name="paid_amount"
                                                       value="{{0}}" readonly>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="balance_amount">Balance Amount<span
                                                        class="text-danger">*</span></label>
                                                <input id="balance_amount" type="text" class="form-control"
                                                       name="balance_amount"
                                                       value="{{0}}"
                                                       readonly>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" id="BtnSubmit" class="btn btn-success">
                                                    Submit
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.sales.models.sparePart')
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/select2/js/select2.full.js')}}"></script>
    <script src="{{asset('theme/plugins/moment/moment.js')}}"></script>
    <script src="{{asset('theme/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{asset('theme/default/assets/pages/jquery.form-pickers.init.js')}}"></script>
    <script>
        var vat_checked = '';
        var spare_part_ids = [];

        $('#spare-part-modal').modal({
            backdrop: 'static',
            keyboard: false,
            show: false
        });
        $('#spare-part-modal').on('shown.bs.modal', function () {
            $('.new-select2').select2({
                dropdownParent: $('#spare-part-modal')
            });
        });
        $('.select2').select2({
            // tags: true,
        });

        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $('.applicable_inventory').on('mousedown', function(event) {
            event.preventDefault();
            this.blur();
            window.focus();
        });
        $('#due_date').on('change', function () {
            var due_date = moment($(this).val(), "DD-MM-YYYY");
            var bill_date = moment($('#bill_date').val(), "DD-MM-YYYY");
            $('#credit_days').val(due_date.diff(bill_date, 'days'));
        });

        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $('.floatnumber').on('input', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });

        $('#payment_type').on('change', function () {
            if ($(this).val() == 'card') {
                $('#bank_detail').show();
            } else {
                $('#bank_detail').hide();
            }
        });

        function selectOptions() {
            if (i != 1) {
                for (var a = 1; a < (i + 1); a++) {
                    $('#spare_part_id' + a).find("option").each(function () {
                        if ($('#spare_part_id' + a).val() != $(this).val() && $.inArray(parseInt($(this).val()), spare_part_ids) != -1) {
                            $(this).prop("disabled", true);
                        } else {
                            $(this).prop("disabled", false);
                        }
                    });
                    $('#spare_part_id' + a).trigger("change.select2");
                }
            }
        }

        function numberToWords(number) {
            var digit = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
            var elevenSeries = ['ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
            var countingByTens = ['twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
            var shortScale = ['', 'thousand', 'million', 'billion', 'trillion'];
            number = number.toString();
            number = number.replace(/[\, ]/g, '');
            if (number != parseFloat(number)) return 'not a number';
            var x = number.indexOf('.');
            if (x == -1) x = number.length;
            if (x > 15) return 'too big';
            var n = number.split('');
            var str = '';
            var sk = 0;
            for (var i = 0; i < x; i++) {
                if ((x - i) % 3 == 2) {
                    if (n[i] == '1') {
                        str += elevenSeries[Number(n[i + 1])] + ' ';
                        i++;
                        sk = 1;
                    } else if (n[i] != 0) {
                        str += countingByTens[n[i] - 2] + ' ';
                        sk = 1;
                    }
                } else if (n[i] != 0) {
                    str += digit[n[i]] + ' ';
                    if ((x - i) % 3 == 0) str += 'hundred ';
                    sk = 1;
                }
                if ((x - i) % 3 == 1) {
                    if (sk) str += shortScale[(x - i - 1) / 3] + ' ';
                    sk = 0;
                }
            }
            if (x != number.length) {
                var y = number.length;
                str += 'point ';
                for (var i = x + 1; i < y; i++) str += digit[n[i]] + ' ';
            }
            str = str.replace(/\number+/g, ' ');
            return str.trim();
        }

        $('#customer_id, #branch_id').on('change', function () {
            var customer_id = $('#customer_id').val();
            var branch_id = $('#branch_id').val();
            $.ajax({
                url: "{{route('checkVatForBranchCustomer')}}",
                type: 'GET',
                data: {
                    'customer_id': customer_id,
                    'branch_id': branch_id,
                },
                success: function (response) {
                    vat_checked = response.vat_check;
                    if (vat_checked == 'no') {
                        $('input[id^=vat]').each(function (index) {
                            var lastnum = $(this).attr('id').slice(3);
                            $(this).val(0);
                            $('#final_amount' + lastnum).val(Number($('#amount' + lastnum).val()));
                        });
                    } else {
                        $('input[id^=vat]').each(function (index) {
                            var lastnum = $(this).attr('id').slice(3);
                            var amount = Number($('#amount' + lastnum).val());
                            $('#vat' + lastnum).val((amount * 0.05).toFixed(2));
                            var vat = $('#vat' + lastnum).val()
                            var finalAmount = parseFloat(amount) + parseFloat(vat);
                            $('#final_amount' + lastnum).val(finalAmount.toFixed(2));
                        });
                    }
                    totalCalculation();
                },
            });
        });

        $('select[id^=spare_part_id]').on('change', function () {
            var lastnum = $(this).attr('id').slice(13);
            var id = $('#spare_part_id' + lastnum).val();
            if ($('#spare_part_prev' + lastnum).val()) {
                spare_part_ids.splice($.inArray($('#spare_part_prev' + lastnum).val(), spare_part_ids), 1);
                spare_part_ids.push(parseInt(id));
                selectOptions();
                $('#spare_part_prev' + lastnum).val(id);
            } else {
                spare_part_ids.push(parseInt(id));
                selectOptions();
                $('#spare_part_prev' + lastnum).val(id);
            }
            $.ajax({
                url: '{{route('getSparePartById')}}',
                type: 'GET',
                data: {
                    id: id
                },
                success: function (response) {
                    if (response.keep_stock == "yes") {
                        $('#applicable' + lastnum).val("inventory");
                    } else {
                        $('#applicable' + lastnum).val("no");
                        $('#quantity' + lastnum).attr({"max": 100});
                    }
                    $('#selling_price' + lastnum).val(response.selling_price);
                    $('#quantity' + lastnum).val(1);
                    if (response.stock && response.keep_stock == "yes") {
                        $('#quantity' + lastnum).attr({"max": response.stock});
                        alert('Stock Available is: ' + response.stock);
                    } else if (response.keep_stock == "yes") {
                        $('#quantity' + lastnum).attr({"max": 0, "min": 1});
                        alert('Stock Available is: 0');
                    }
                    $('#discount' + lastnum).val(0);
                    var discount = $('#discount' + lastnum).val();
                    $('#amount' + lastnum).val((response.selling_price - discount).toFixed(2));
                    var amount = $('#amount' + lastnum).val();
                    $('#vat' + lastnum).val((vat_checked == 'yes' ? amount * 0.05 : 0).toFixed(2));
                    var vat = $('#vat' + lastnum).val()
                    var finalAmount = parseFloat(amount) + parseFloat(vat);
                    $('#final_amount' + lastnum).val(finalAmount.toFixed(2));
                    totalCalculation();
                }
            });
        });

        $('input[id^=quantity]').keyup(function (e) {
            var lastnum = $(this).attr('id').slice(8);
            calculation(lastnum);
        });

        $('input[id^=selling_price]').keyup(function (e) {
            var lastnum = $(this).attr('id').slice(13);
            calculation(lastnum);
        });

        $('input[id^=discount]').keyup(function (e) {
            var lastnum = $(this).attr('id').slice(8);
            calculation(lastnum);
        });

        $('#paid_amount').keyup(function () {
            var netAmount = $('#net_amount').val();
            var paid_amount = $('#paid_amount').val();
            if (paid_amount == '' || paid_amount == null) {
                var paidAmount = 0;
            } else {
                var paidAmount = paid_amount;
            }
            var balance = parseFloat(netAmount) - parseFloat((paidAmount));
            $('#balance_amount').val(balance.toFixed(2));
        })

        function calculation(lastnum) {
            var qty = $('#quantity' + lastnum).val();
            var cost = $('#selling_price' + lastnum).val();
            var discount = $('#discount' + lastnum).val();
            $('#amount' + lastnum).val((qty * cost) - discount);
            var amount = $('#amount' + lastnum).val();
            if (vat_checked == 'yes') {
                $('#vat' + lastnum).val((amount * 0.05).toFixed(2));
            } else {
                $('#vat' + lastnum).val(0);
            }
            var vatAmount = $('#vat' + lastnum).val();
            var finalAmount = parseFloat(amount) + parseFloat(vatAmount);
            $('#final_amount' + lastnum).val(finalAmount);
            totalCalculation();
        }

        function totalCalculation() {
            var vat = 0, amount = 0, dis = 0, final_amount = 0;
            $('input[id^=discount]').each(function (index) {
                dis += Number($(this).val());
            });
            $('input[id^=amount]').each(function (index) {
                amount += Number($(this).val());
            });
            $('input[id^=vat]').each(function (index) {
                vat += Number($(this).val());
            });
            $('input[id^=final_amount]').each(function (index) {
                final_amount += Number($(this).val());
            });

            $('#total_selling_price').val((amount + dis).toFixed(2));
            $('#total_discount').val(dis.toFixed(2));
            $('#gross_amount').val(amount.toFixed(2));
            $('#total_vat').val(vat.toFixed(2));

            $('#net_amount').val((final_amount).toFixed(2));

            var net_amount = $('#net_amount').val();
            var paidAmount = $('#paid_amount').val();

            var balanceAmount = parseFloat(net_amount) - parseFloat(paidAmount);
            $('#balance_amount').val(balanceAmount.toFixed(2));
            var number_word = balanceAmount.toFixed(2);
            var new_number_w = number_word.split('.');
            if (Number(new_number_w[1]) > 0) {
                $('#in_word').val(numberToWords(new_number_w[0]) + ' Dirhams ' + numberToWords(new_number_w[1]) + ' fils Only.');
            } else {
                $('#in_word').val(numberToWords(new_number_w[0]) + ' Dirhams Only. ');
            }
        }

        var i = 2;
        $("#addrow").on('click', function () {
            $.ajax({
                url: '{{route('estimation.getSpareParts')}}',
                type: 'GET',
                success: function (response) {
                    var col = "<tr>";
                    col += '<td><input type="hidden" id="spare_part_prev' + i + '" value=""> <select name="spare_part_id[]"  id="spare_part_id' + i + '" class="form-control select2" required=""></select></td>';
                    col += '<td><select name="applicable[]"  id="applicable' + i + '" class="form-control applicable_inventory" readonly="">' +
                        '<option value="inventory">Inventory</option><option value="no">N/A</option></select></td>';
                    col += '<td><input type="number" name="quantity[]" id="quantity' + i + '" class="form-control number" min="1" required></td>';
                    col += '<td><input type="text" name="selling_price[]" id="selling_price' + i + '" class="form-control floatnumber" required></td>';
                    col += '<td><input type="text" name="discount[]" id="discount' + i + '" class="form-control floatnumber"></td>';
                    col += '<td><input type="text" name="amount[]" id="amount' + i + '" class="form-control" readonly></td>';
                    col += '<td><input type="text" name="vat[]" id="vat' + i + '" class="form-control floatnumber" readonly></td>';
                    col += '<td><input type="text" name="final_amount[]" id="final_amount' + i + '" class="form-control" readonly></td>';
                    col += '<td><button class="btn btn-danger btn-sm" id="deleteRow" type="button"><i class="fa fa-trash"></i></button></td>';
                    $("table#datatable").append(col);

                    $('#spare_part_id' + i).empty();
                    $('#spare_part_id' + i).append('<option value="">Select </option>');
                    $.each(response, function (key, value) {
                        $('#spare_part_id' + i).append($("<option></option>")
                            .attr("value", value.id)
                            .text(value.part_number + ' - ' + value.part_description));
                    });
                    i++;
                    $('.select2').select2({
                        tags: true,
                    });
                    selectOptions();
                    $('.number').keyup(function (e) {
                        if (/\D/g.test(this.value)) {
                            this.value = this.value.replace(/\D/g, '');
                        }
                    });
                    $('.applicable_inventory').on('mousedown', function(event) {
                        event.preventDefault();
                        this.blur();
                        window.focus();
                    });
                    $('.floatnumber').on('input', function () {
                        this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
                    });

                    $('select[id^=spare_part_id]').on('change', function () {
                        var lastnum = $(this).attr('id').slice(13);
                        var id = $('#spare_part_id' + lastnum).val();
                        if ($('#spare_part_prev' + lastnum).val()) {
                            spare_part_ids.splice($.inArray($('#spare_part_prev' + lastnum).val(), spare_part_ids), 1);
                            spare_part_ids.push(parseInt(id));
                            selectOptions();
                            $('#spare_part_prev' + lastnum).val(id);
                        } else {
                            spare_part_ids.push(parseInt(id));
                            selectOptions();
                            $('#spare_part_prev' + lastnum).val(id);
                        }
                        $.ajax({
                            url: '{{route('getSparePartById')}}',
                            type: 'GET',
                            data: {
                                id: id
                            },
                            success: function (response) {
                                if (response.keep_stock == "yes") {
                                    $('#applicable' + lastnum).val("inventory");
                                } else {
                                    $('#applicable' + lastnum).val("no");
                                    $('#quantity' + lastnum).attr({"max": 100});
                                }
                                $('#selling_price' + lastnum).val(response.selling_price);
                                $('#quantity' + lastnum).val(1);
                                if (response.stock && response.keep_stock == "yes") {
                                    $('#quantity' + lastnum).attr({"max": response.stock});
                                    alert('Stock Available is: ' + response.stock);
                                } else if (response.keep_stock == "yes") {
                                    $('#quantity' + lastnum).attr({"max": 0, "min": 1});
                                    alert('Stock Available is: 0');
                                }
                                $('#discount' + lastnum).val(0);
                                var discount = $('#discount' + lastnum).val();
                                $('#amount' + lastnum).val((response.selling_price - discount).toFixed(2));
                                var amount = $('#amount' + lastnum).val();
                                $('#vat' + lastnum).val((vat_checked == 'yes' ? amount * 0.05 : 0).toFixed(2));
                                var vat = $('#vat' + lastnum).val()
                                var finalAmount = parseFloat(amount) + parseFloat(vat);
                                $('#final_amount' + lastnum).val(finalAmount.toFixed(2));
                                totalCalculation()
                            }
                        });
                    });

                    $('input[id^=quantity]').keyup(function (e) {
                        var lastnum = $(this).attr('id').slice(8);
                        calculation(lastnum);
                    });

                    $('input[id^=selling_price]').keyup(function (e) {
                        var lastnum = $(this).attr('id').slice(13);
                        calculation(lastnum);
                    });

                    $('input[id^=discount]').keyup(function (e) {
                        var lastnum = $(this).attr('id').slice(8);
                        calculation(lastnum);
                    });

                    $('#paid_amount').on('change', function () {
                        totalCalculation();
                    });
                }
            });
        });
        $("table#datatable").on("click", "#deleteRow", function (event) {
            $(this).closest("tr").remove();
        });
    </script>
@endpush