@extends('admin.layout.app')
@section('title','Add Sales Return')
@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 Return</h4>
                            <div class="pull-right">
                                <a href="{{route('sales-return.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-return.store'),'onsubmit'=>'BtnSubmit.disabled = true', 'method' => 'post']) !!}
                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="return_bill_no">Bill No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="return_bill_no" type="text" class="form-control"
                                                       name="return_bill_no"
                                                       value="{{$count+1 < 10 ? 'SR-0'.$count+1 : 'SR-'.$count+1 }}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('return_bill_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="return_bill_date">Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="return_bill_date"
                                                       value="{{old('return_bill_date',date('d-m-Y'))}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('return_bill_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="bill_no">Sales Bill No.<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("bill_no", [''=>'Select ']+$invoices, old("bill_no"), ['class'=>'form-control', 'required', 'id'=>'bill_no'] ) !!}
                                                <div class="text-danger">{{$errors->first('bill_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="customer_id">Customer Name<span
                                                        class="text-danger">*</span></label>
                                                <input type="hidden" id="customer_id" name="customer_id" value="">
                                                <input type="text" class="form-control" id="customer_name" value=""
                                                       readonly>
                                                <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="form-group col-sm-6 col-6">
                                                <label for="branch_id">Branch<span class="text-danger">*</span></label>
                                                <input type="hidden" id="branch_id" name="branch_id" value="">
                                                <input type="text" class="form-control" id="branch_name" value=""
                                                       readonly>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12 col-12">
                                            <label for="description">Description</label>
                                            <input type="text" class="form-control"
                                                   name="description" value="{{old('description')}}">
                                            <div
                                                class="text-danger">{{$errors->first('description')}}</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></th>
                                                        <th style="width: 15%">Transaction Type<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 7%">Sale Qty.</th>
                                                        <th style="width: 7%">Return 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>
                                                    </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </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>
@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>
        $(window).load(function () {
            if ('{{$bill_number}}' != '') {
                $("#bill_no").val('{{$bill_number}}').trigger('change');
            }
        });
        $('#payment_type').on('change', function () {
            if ($(this).val() == 'card') {
                $('#bank_detail').show();
            } else {
                $('#bank_detail').hide();
            }
        });

        $('.select2').select2();
        $(".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');
        });

        $('#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();

            var total = qty * cost;
            $('#total_selling' + lastnum).val(total);

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

            $('#amount' + lastnum).val(totalSelling - discount);

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

            if ($('#type_vat' + lastnum).val() != 0) {
                $('#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, sellingPrice = 0, final_amount = 0;

            $('input[id^=selling_price]').each(function (index) {
                sellingPrice += Number($(this).val());
            });

            $('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));

        }


        $('#bill_no').on('change', function (e) {
            var b_no = $('#bill_no').val();
            $.ajax({
                url: '{{route('getSalesInvoiceData')}}',
                type: 'GET',
                data: {
                    b_no: b_no
                },
                success: function (response) {
                    $("#customer_id").val(response[0].customer_id);
                    $("#customer_name").val(response[0].customer.name);
                    $("#branch_id").val(response[0].branch_id);
                    $("#branch_name").val(response[0].branch.branch_name);
                    $("#payment_type").val(response[0].payment_type);

                    $("#total_selling_price").val(response[0].total_selling_price);
                    $("#total_discount").val(response[0].total_discount);
                    $("#gross_amount").val(response[0].gross_amount);
                    $("#total_vat").val(response[0].total_vat);
                    $("#net_amount").val(response[0].net_amount);
                    $("#balance_amount").val(response[0].net_amount);
                    $("table#datatable").find("tr:gt(0)").remove();
                    $.each(response[0].sales_invoice_details, function (key, val) {
                        var col = "<tr>";
                        col += '<td><input type="hidden" value="' + val.spare_part.id + '"  name="spare_part_id[]"><input type="text" value="' + val.spare_part.part_number + ' - ' + val.spare_part.part_description + '" class="form-control" readonly></td>';
                        col += '<td><input type="hidden" value="' + val.applicable + '"  name="applicable[]"><input type="text" value="' + val.applicable + '" class="form-control" readonly></td>';
                        col += '<td class="text-center vertical-middle"><h5>' + val.remaining_qty + '</h5></td>';
                        col += '<td><input type="number" value="' + val.remaining_qty + '" min="0" max="' + val.remaining_qty + '" name="quantity[]" id="quantity' + key + '" class="form-control number" required><input type="hidden" value="' + val.remaining_qty + '"  name="max_quantity[]"></td>';
                        col += '<td><input type="hidden" value="' + val.quantity * val.selling_price + '" id="total_selling' + key + '" name="total_selling[]">   <input type="text" value="' + val.selling_price + '" name="selling_price[]" id="selling_price' + key + '" class="form-control floatnumber" required></td>';
                        col += '<td><input type="text" value="' + val.part_discount + '" name="discount[]" id="discount' + key + '" class="form-control floatnumber"></td>';
                        col += '<td><input type="text" value="' + val.amount + '" name="amount[]" id="amount' + key + '" class="form-control floatnumber"></td>';
                        col += '<td><input type="hidden"  name="type_vat[]" value="' + (val.vat != 0 ? 1 : 0) + '"  id="type_vat' + key + '"> <input type="text" value="' + val.vat + '" name="vat[]" id="vat' + key + '" class="form-control floatnumber" readonly></td>';
                        col += '<td><input type="text" value="' + val.final_amount + '" name="final_amount[]" id="final_amount' + key + '" class="form-control" readonly></td>';
                        $("table#datatable").append(col);
                    });

                    $('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);
                    });
                },
                error: function (res) {
                    $("#customer_id").val('');
                    $("#payment_type").val('');
                    $("#paid_amount").val(0);
                    $("#balance_amount").val('');
                    $("table#datatable").find("tr:gt(0)").remove();
                }
            });
        });
    </script>
@endpush