@extends('admin.layout.app')
@section('title','Edit Purchase Invoice')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.css')}}" rel="stylesheet" type="text/css">
    <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">
@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">Edit Purchase Invoice</h4>
                            <div class="pull-right">
                                <a href="{{route('purchase-invoice.index')}}"
                                   class="btn btn-custom 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('purchase-invoice.update', $purchase_order->id), 'onsubmit'=>'BtnSubmit.disabled = true', 'method' => 'put', 'files'=>true]) !!}
                                        <div class="form-row">
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="order_invoice_no">Purchase Invoice No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="order_invoice_no" type="text" class="form-control"
                                                       name="order_invoice_no"
                                                       value="{{$purchase_order->order_invoice_no ?  : ('POI-'.rand(100, 100000))}}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('order_invoice_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="purchase_invoice_date">Purchase Invoice Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="purchase_invoice_date"
                                                       name="purchase_invoice_date" required
                                                       value="{{old('purchase_invoice_date',$purchase_order->purchase_invoice_date ? date('d-m-Y', strtotime($purchase_order->purchase_invoice_date)) : '')}}"
                                                       class="form-control datepicker">
                                                <div
                                                    class="text-danger">{{$errors->first('purchase_invoice_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="order_no">Purchase Order No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="order_no" type="text" class="form-control" name="order_no"
                                                       value="{{$purchase_order->order_no}}" required readonly>
                                                <div class="text-danger">{{$errors->first('order_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="purchase_order_date">Purchase Order Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="purchase_order_date" name="purchase_order_date"
                                                       required
                                                       value="{{old('purchase_order_date',date('d-m-Y', strtotime($purchase_order->purchase_order_date)))}}"
                                                       class="form-control datepicker">
                                                <div class="text-danger">{{$errors->first('purchase_order_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="supplier_id">Supplier Name<span class="text-danger">*</span></label>
                                                <input type="hidden" name="supplier_id"
                                                       value="{{$purchase_order->supplier_id}}" class="form-control"
                                                       readonly>
                                                {!! Form::select("supplier_name", [''=>'Select ']+$suppliers,$purchase_order->supplier_id, ['class'=>'form-control select2', 'required', 'id'=>'supplier_name'] ) !!}
                                                <div class="text-danger">{{$errors->first('supplier_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="account_payable">Account Payable</label>
                                                <input type="text" name="account_payable"
                                                       value="{{old('account_payable',$purchase_order->account_payable)}}"
                                                       id="account_payable" class="form-control" readonly>
                                                <div class="text-danger">{{$errors->first('account_payable')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="supplier_invoice_no">Supplier Invoice No.<span
                                                        class="text-danger">*</span></label>
                                                <input name="supplier_invoice_no"
                                                       value="{{old('supplier_invoice_no', $purchase_order->supplier_invoice_no)}}"
                                                       class="form-control" required>
                                                <div class="text-danger">{{$errors->first('supplier_invoice_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="due_date">Due Date</label>
                                                <input type="text" name="due_date"
                                                       value="{{old('due_date',$purchase_order->due_date ? date('d-m-Y', strtotime($purchase_order->due_date)) : '' )}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('due_date')}}</div>
                                            </div>
                                            <div class="col-sm-3">
                                                <label for="branch_id">Branch<span class="text-danger">*</span></label>
                                                {!! Form::select("branch_id", \App\Http\Helpers\Helper::getBranchData(), old("branch_id", $purchase_order->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-3 col-12 m-t-30">
                                                <input type="checkbox" name="vat" value="yes" id="vat"
                                                    {{$purchase_order->branch->vat == 'yes'? 'checked':''}}>
                                                <label for="vat"> VAT</label>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="invoice_photo">Attach Image</label>
                                                <input type="file" name="invoice_photo" id="invoice_photo"
                                                       class="form-control" accept="image/png, image/jpeg, application/pdf">
                                                @if($purchase_order->invoice_image)
                                                    <a href="{{url("storage/".$purchase_order->invoice_image)}}"
                                                       target="_blank">View Attachment</a>
                                                @endif
                                            </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: 15%">Part No.<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 13%">Transaction Type<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 12%">Qty.<span class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 12%">Cost Price<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 12%">Discount</th>
                                                        <th style="width: 12%">VAT</th>
                                                        <th style="width: 12%">Amount<span class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 15%">Job Card No.</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>
                                                                                                        @foreach($purchase_order->purchaseOrderDetails as $purchase_order_detail)
                                                        <tr>
                                                            <td>
                                                                <input type="hidden" name="check_val[]" value="{{$purchase_order_detail->id}}">
                                                                <input type="hidden" name="journal_voucher_detail_id[]"
                                                                       value="{{$purchase_order_detail->journal_voucher_detail_id ? : 'new'}}">
                                                                <input type="hidden" id="spare_part_prev{{$sp_cont}}"
                                                                       value="{{$purchase_order_detail->spare_part_id}}">
                                                                <select name="spare_part_id[]"
                                                                        id="spare_part_id{{$sp_cont}}"
                                                                        class="form-control select2" required="">
                                                                    <option value="">Select Part</option>
                                                                    @foreach($spare_parts as $raw)
                                                                        <option
                                                                            value="{{$raw->id}}" {{$raw->id == $purchase_order_detail->spare_part_id ? 'selected':''}}>{{$raw->part_number .' - '.$raw->part_description }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <select name="applicable[]" id="applicable{{$sp_cont}}"
                                                                        class="form-control applicable_inventory"
                                                                        readonly="">
                                                                    <option
                                                                        value="inventory" {{$purchase_order_detail->applicable == 'inventory' ? 'selected': ''}}>
                                                                        Inventory
                                                                    </option>
                                                                    <option
                                                                        value="no" {{$purchase_order_detail->applicable == 'no' ? 'selected': ''}}>
                                                                        N/A
                                                                    </option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <input type="number" name="quantity[]"
                                                                       id="quantity{{$sp_cont}}"
                                                                       min="1"
                                                                       value="{{$purchase_order_detail->quantity}}"
                                                                       required class="form-control number">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="cost_price[]"
                                                                       id="cost_price{{$sp_cont}}"
                                                                       value="{{$purchase_order_detail->cost_price}}"
                                                                       required class="form-control floatnumber">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="discount[]"
                                                                       id="discount{{$sp_cont}}"
                                                                       value="{{$purchase_order_detail->discount}}"
                                                                       class="form-control floatnumber">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="sp_vat[]"
                                                                       id="sp_vat{{$sp_cont}}"
                                                                       value="{{$purchase_order_detail->sp_vat}}"
                                                                       class="form-control" readonly>
                                                            </td>
                                                            <td>
                                                                <input type="text" name="amount[]"
                                                                       id="amount{{$sp_cont}}"
                                                                       value="{{$purchase_order_detail->amount}}"
                                                                       class="form-control floatnumber" readonly>
                                                            </td>
                                                            <td>
                                                                {!! Form::select("job_card_id[]", [''=>'Select ']+$jobCard, $purchase_order_detail->job_card_id, ['class'=>'form-control', 'id'=>'job_card_id'.$sp_cont] ) !!}
                                                            </td>
                                                            <td>
                                                                <button id="service{{$purchase_order_detail->id}}"
                                                                        type="button"
                                                                        onclick="deletePurchaseOrderDetail({{$purchase_order_detail->id}})"
                                                                        class="btn btn-danger btn-sm" title="Delete"><i
                                                                        class="ti ti-trash icon-sm"></i></button>
                                                            </td>
                                                        </tr>
                                                                                                                @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="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="row">
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="total_pcs">Total Pcs.<span
                                                        class="text-danger">*</span></label>
                                                <input id="total_pcs" type="text" class="form-control" name="total_pcs"
                                                       value="{{$purchase_order->total_pcs}}" required readonly>
                                                <div class="text-danger">{{$errors->first('total_pcs')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 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="{{$purchase_order->gross_amount}}"
                                                       readonly required>
                                                <div class="text-danger">{{$errors->first('gross_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 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" required
                                                       value="{{$purchase_order->total_discount}}" readonly>
                                                <div class="text-danger">{{$errors->first('total_discount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="vat_with_price">Net Amount</label>
                                                <input id="vat_with_price" type="text" class="form-control"
                                                       name="vat_with_price"
                                                       value="{{$purchase_order->order_net_amount}}" readonly>
                                                <div class="text-danger">{{$errors->first('vat_with_price')}}</div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="total_vat_amount">Total VAT Amount <span
                                                        class="text-danger">*</span></label>
                                                <input id="total_vat_amount" type="text" class="form-control"
                                                       name="total_vat_amount"
                                                       value="{{old('total_vat_amount',$purchase_order->total_vat_amount)}}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('total_vat_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-3 col-12">
                                                <label for="order_net_amount"> VAT Amount ( Inclusive )<span
                                                        class="text-danger">*</span></label>
                                                <input id="order_net_amount" type="text" class="form-control"
                                                       name="order_net_amount"
                                                       value="{{$purchase_order->order_net_amount}}" required readonly>
                                                <div class="text-danger">{{$errors->first('order_net_amount')}}</div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" name="action_create" value="save"
                                                        class="btn btn-success m-l-10">
                                                    Update
                                                </button>
                                                <button type="submit" name="action_create" value="payment_voucher"
                                                        class="btn btn-info m-l-10">
                                                    Payment Voucher
                                                </button>
                                                {{--                                                @if($purchase_order->invoice_status =='Paid')--}}
                                                <button type="submit" name="action_create" value="purchase_return"
                                                        class="btn btn-primary m-l-10">
                                                    Purchase Return
                                                </button>
                                                {{--                                                @endif--}}
                                                {{--                                                @if($purchase_order->invoice_status !='Paid')--}}
                                                <button type="button"
                                                        class="btn btn-danger m-l-10"
                                                        onclick="deleteIt({{$purchase_order->id}})">
                                                    Cancel
                                                </button>
                                                {{--                                                    @endif--}}
                                            </div>
                                        </div>

                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.min.js')}}"></script>
    <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 = [];
        $('#vat').on('change', function () {
            if ($(this).prop('checked') == false) {
                vat_checked = 'no';
                vatCalculation();
            } else {
                vat_checked = 'yes';
                vatCalculation();
            }
        })
        $('.applicable_inventory').on('mousedown', function (event) {
            event.preventDefault();
            this.blur();
            window.focus();
        });

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

        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $('.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');
        });

        $(window).on('load', function () {
            var amount = {{$purchase_order->gross_amount - $purchase_order->total_discount}};
            var number_word = amount.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 total_qty = 0;
            $('input[id^=quantity]').each(function (index) {
                total_qty += Number($(this).val());
            });
            $('#total_pcs').val(total_qty);

            for (var a = 10; a < {{$sp_cont}}; a++) {
                spare_part_ids.push(parseInt($('#spare_part_id' + a).val()));
            }
            selectOptions();
        });

        $('#supplier_id, #branch_id').on('change', function () {
            var supplier_id = $(this).val();
            var branch_id = $('#branch_id').val();
            $.ajax({
                url: "{{route('getSupplierDueAmount')}}",
                type: 'GET',
                data: {
                    'supplier_id': supplier_id,
                    'branch_id': branch_id,
                },
                success: function (response) {
                    if (response.length != 0) {
                        $('#account_payable').val(response[0].amount);
                    } else {
                        $('#account_payable').val(0);
                    }
                },
            });
            $.ajax({
                url: "{{route('checkVatForBranchSupplier')}}",
                type: 'GET',
                data: {
                    'supplier_id': supplier_id,
                    'branch_id': branch_id,
                },
                success: function (response) {
                    vat_checked = response.vat;
                    if (vat_checked == 'no') {
                        $('input[id^=sp_vat]').each(function (index) {
                            var lastnum = $(this).attr('id').slice(6);
                            var qty = $('#quantity' + lastnum).val();
                            var cost = $('#cost_price' + lastnum).val();
                            var discount = $('#discount' + lastnum).val();
                            $(this).val(0);
                            var sp_vat = $('#sp_vat' + lastnum).val();
                            var finalAmount = ((qty * cost) - discount) + parseFloat(sp_vat);
                            $('#amount' + lastnum).val(finalAmount);
                        });
                    } else {
                        $('input[id^=sp_vat]').each(function (index) {
                            var lastnum = $(this).attr('id').slice(6);
                            var qty = $('#quantity' + lastnum).val();
                            var cost = $('#cost_price' + lastnum).val();
                            var discount = $('#discount' + lastnum).val();
                            $(this).val((((qty * cost) - discount) * 0.05).toFixed(2));
                            var sp_vat = $('#sp_vat' + lastnum).val();
                            var finalAmount = ((qty * cost) - discount) + parseFloat(sp_vat);
                            $('#amount' + lastnum).val(finalAmount);
                        });
                    }
                    calculaction(10);
                },
            });
        });

        $('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");
                    }
                    $('#cost_price' + lastnum).val(response.cost_price);
                    $('#quantity' + lastnum).val(1);
                    $('#discount' + lastnum).val(0);
                    var discount = $('#discount').val();
                    $('#quantity' + lastnum).keyup();
                }
            });
        });

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

        $('input[id^=cost_price]').keyup(function (e) {
            var lastnum = $(this).attr('id').slice(10);
            calculaction(lastnum)
        });

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

        function calculaction(lastnum) {
            var qty = $('#quantity' + lastnum).val();
            var cost = $('#cost_price' + lastnum).val();
            var discount = $('#discount' + lastnum).val();
            if (vat_checked == 'yes') {
                $('#sp_vat' + lastnum).val((((qty * cost) - discount) * 0.05).toFixed(2));
            } else {
                $('#sp_vat' + lastnum).val(0);
            }

            var sp_vat = $('#sp_vat' + lastnum).val();

            var finalAmount = ((qty * cost) - discount) + parseFloat(sp_vat);

            $('#amount' + lastnum).val(finalAmount);

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

            $('#total_pcs').val(total_qty);
            $('#gross_amount').val((amount - vat) + dis);
            $('#total_vat_amount').val(vat);
            $('#total_discount').val(dis);
            $('#vat_with_price').val((amount - vat).toFixed(2));
            $('#order_net_amount').val((amount).toFixed(2));

            var number_word = amount.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. ');
            }

        }

        function vatCalculation() {
            $('input[id^=sp_vat]').each(function (index) {
                var lastnum = $(this).attr('id').slice(6);
                var qty = $('#quantity' + lastnum).val();
                var cost = $('#cost_price' + lastnum).val();
                var discount = $('#discount' + lastnum).val();
                if (vat_checked == 'yes') {
                    $('#sp_vat' + lastnum).val((((qty * cost) - discount) * 0.05).toFixed(2));
                } else {
                    $('#sp_vat' + lastnum).val(0);
                }
                var sp_vat = $('#sp_vat' + lastnum).val();
                $('#amount' + lastnum).val(((qty * cost) - discount) + parseFloat(sp_vat));
            });
            var total_qty = 0, vat = 0, amount = 0, dis = 0;
            $('input[id^=quantity]').each(function (index) {
                total_qty += Number($(this).val());
            });
            $('input[id^=sp_vat]').each(function (index) {
                vat += Number($(this).val());
            });
            $('input[id^=amount]').each(function (index) {
                amount += Number($(this).val());
            });
            $('input[id^=discount]').each(function (index) {
                dis += Number($(this).val());
            });

            $('#total_pcs').val(total_qty);
            $('#gross_amount').val((amount - vat) + dis);
            $('#total_vat_amount').val(vat);
            $('#total_discount').val(dis);
            $('#vat_with_price').val((amount - vat).toFixed(2));
            $('#order_net_amount').val((amount).toFixed(2));

            var number_word = amount.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. ');
            }

        }

        function selectOptions() {
            if (k != 10) {
                for (var a = 10; a < (k + 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");
                }
            }
        }

        var k = {{$sp_cont}};
        $("#addrow").on('click', function () {
            var col = "<tr>";
            col += ' <input type="hidden" name="check_val[]" value="new">';
            col += ' <input type="hidden" name="journal_voucher_detail_id[]" value="new">';
            col += '<td> <input type="hidden" id="spare_part_prev' + k + '" value="">  <select name="spare_part_id[]"  id="spare_part_id' + k + '" 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>';
            col += '<td><select name="applicable[]" id="applicable' + k + '" 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' + k + '" class="form-control number" min="1"  required></td>';
            col += '<td><input type="text" name="cost_price[]" id="cost_price' + k + '" class="form-control floatnumber" required></td>';
            col += '<td><input type="text" name="discount[]" id="discount' + k + '" class="form-control"></td>';
            col += '<td><input type="text" name="sp_vat[]" id="sp_vat' + k + '" class="form-control" readonly></td>';
            col += '<td><input type="text" name="amount[]" id="amount' + k + '" class="form-control" readonly></td>';
            col += '<td><select name="job_card_id[]" id="job_card_id' + k + '" class="form-control"><option value="">Select</option>@foreach($jobCard as $row1 => $value)<option value="{{$row1}}">{{$value}}</option>@endforeach</select></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);
            k++;

            $('.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');
            });
            $('.select2').select2();
            selectOptions();
            $('.applicable_inventory').on('mousedown', function (event) {
                event.preventDefault();
                this.blur();
                window.focus();
            });
            $('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");
                        }
                        $('#cost_price' + lastnum).val(response.cost_price);
                        $('#quantity' + lastnum).val(1);
                        $('#discount' + lastnum).val(0);
                        var discount = $('#discount' + lastnum).val();
                        $('#quantity' + lastnum).keyup();
                    }
                });
            });

            $('input[id^=quantity]').keyup(function (e) {
                var lastnum = $(this).attr('id').slice(8);
                calculaction(lastnum)
            });
            $('input[id^=cost_price]').keyup(function (e) {
                var lastnum = $(this).attr('id').slice(10);
                calculaction(lastnum)
            });
            $('input[id^=discount]').keyup(function (e) {
                var lastnum = $(this).attr('id').slice(8);
                calculaction(lastnum)
            });
        });
        $("table#datatable").on("click", "#deleteRow", function (event) {
            $(this).closest("tr").remove();
        });

        function deletePurchaseOrderDetail(id) {
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this data!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes    ',
                    cancelButtonText: "No    ",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ url('purchase-order/delete-order-detail') }}/' + id,
                            type: 'delete',
                            dataType: "JSON",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function () {
                                $("#service" + id).closest("tr").remove();
                            }
                        });
                        swal("Deleted!", "Data has been deleted!", "success");
                    } else {
                        swal("Cancelled", "Data is safe :)", "error");
                    }
                });
        }

        function deleteIt(id) {
            swal({
                    title: "Are you sure?",
                    text: "Do you want to cancel the invoice",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes ',
                    cancelButtonText: "No ",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ url('purchase-invoice') }}/' + id,
                            type: 'delete',
                            dataType: "JSON",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function () {
                                swal("Cancelled!", "Invoice has been cancelled!", "success");
                                window.location.href = "{{route('purchase-invoice.index')}}";
                            },
                            error: function () {
                                swal("Warning", "Payment made for the invoice kindly issue credit note via PurchaseReturn", "warning");
                            },
                        });

                    } else {
                        swal("Not Cancelled", "Invoice Data is safe :)", "error");
                    }

                });
        }

    </script>
@endpush