@extends('admin.layout.app')
@section('title','Add Purchase Return')
@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">Add Purchase Return</h4>
                            <div class="pull-right">
                                <a href="{{route('purchase-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('purchase-return.store'),'onsubmit'=>'BtnSubmit.disabled = true', 'id'=>'fromSubmit', 'method' => 'post']) !!}
                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="voucher_no">Voucher No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="voucher_no" type="text" class="form-control"
                                                       name="voucher_no"
                                                       value="{{$count+1 < 10 ? 'PR-0'.$count+1 : 'PR-'.$count+1 }}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('voucher_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="voucher_date">Voucher Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="voucher_date"
                                                       value="{{old('voucher_date',date('d-m-Y'))}}"
                                                       class="form-control datepicker">
                                                <div class="text-danger">{{$errors->first('voucher_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="invoice_no">Invoice No.<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("invoice_no", [''=>'Select Invoice']+$invoices, old("invoice_no"), ['class'=>'form-control' ,'id' => 'invoice_no','required'=>'required']  ) !!}
                                                <div class="text-danger">{{$errors->first('invoice_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="supplier_invoice_no">Supplier Invoice No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="supplier_invoice_no" type="text" class="form-control"
                                                       value=""
                                                       name="supplier_invoice_no" required>
                                                <div class="text-danger">{{$errors->first('supplier_invoice_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="supplier_id">Supplier Name<span
                                                        class="text-danger">*</span></label>
                                                <input type="hidden" id="supplier_id" name="supplier_id" value="">
                                                <input type="text" class="form-control" id="supplier_name" value=""
                                                       readonly>
                                                <div class="text-danger">{{$errors->first('supplier_id')}}</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 class="form-group col-sm-12 col-12">
                                                <label for="voucher_description">Description</label>
                                                <input class="form-control"
                                                       name="voucher_description"
                                                       value="{{old('voucher_description')}}">
                                                <div
                                                    class="text-danger">{{$errors->first('voucher_description')}}</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: 15%">Part No.<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 15%">Transaction Type</th>
                                                        <th style="width: 10%">Available Qty.</th>
                                                        <th style="width: 10%">Return Qty.<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 10%">Cost Price<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 10%">Job Card No.</th>
                                                        <th style="width: 10%">Vat</th>
                                                        <th style="width: 10%">Discount</th>
                                                        <th style="width: 10%">Amount<span class="text-danger">*</span>
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">

                                                {{-- input type hidden --}}

                                                <input type="hidden" name="status" id="status" value="">

                                                <label for="gross_amount">Gross Amount</label>
                                                <input id="gross_amount" type="text" class="form-control"
                                                       name="gross_amount"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('gross_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="discount_amount">Discount Amount</label>
                                                <input id="discount_amount" type="text" class="form-control"
                                                       name="discount_amount"
                                                       value="{{0}}"
                                                       readonly>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="vat_amount">Vat Amount<span
                                                        class="text-danger">*</span></label>
                                                <input id="vat_amount" type="text" class="form-control"
                                                       name="vat_amount"
                                                       value="{{0}}"
                                                       readonly required>
                                                <div class="text-danger">{{$errors->first('vat_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="net_amount">Net Amount</label>
                                                <input id="net_amount" type="text" class="form-control"
                                                       name="net_amount"
                                                       value="{{0}}"
                                                       readonly>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" id="BtnSubmit" name="save"
                                                        class="btn btn-success">
                                                    Submit
                                                </button>
                                                <button type="button" onclick="cancel()" class="btn btn-danger"
                                                        title="Delete">Cancel
                                                </button>
                                            </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_check = '';
        $('.select2').select2();
        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $(window).load(function () {
            if ('{{$invoice_no}}' != '') {
                $("#invoice_no").val('{{$invoice_no}}').trigger('change');
            }
        });

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

        function calculation(lastnum) {
            var qty = $('#quantity' + lastnum).val();
            var cost = $('#cost_price' + lastnum).val();
            var disc = $('#sp_discount' + lastnum).val();
            if (vat_check == 'yes') {
                $('#sp_vat' + lastnum).val((((qty * cost) - disc) * 0.05).toFixed(2));
            } else {
                $('#sp_vat' + lastnum).val(0);
            }
            var sp_vat = Number($('#sp_vat' + lastnum).val());
            $('#amount' + lastnum).val(Number(((qty * cost) - disc) + parseFloat(sp_vat)));
            var vat = 0, amount = 0, dis = 0;

            $('input[id^=sp_vat]').each(function (index) {
                vat += Number($(this).val());
            });
            $('input[id^=amount]').each(function (index) {
                amount += Number($(this).val());
            });
            $('input[id^=sp_discount]').each(function (index) {
                dis += Number($(this).val());
            });
            $('#vat_amount').val((vat).toFixed(2));
            $('#discount_amount').val((dis).toFixed(2));
            $('#gross_amount').val((amount + dis).toFixed(2));
            $('#net_amount').val((amount).toFixed(2));
        }

        $('#invoice_no').on('change', function (e) {
            var i_no = $('#invoice_no').val();
            $.ajax({
                url: '{{route('getInvoiceData')}}',
                type: 'GET',
                data: {
                    i_no: i_no
                },
                success: function (response) {
                    vat_check = response[0].branch.vat;
                    $("#supplier_id").val(response[0].supplier_id);
                    $("#supplier_name").val(response[0].supplier.name);
                    $("#branch_id").val(response[0].branch_id);
                    $("#supplier_invoice_no").val(response[0].supplier_invoice_no);
                    $("#branch_name").val(response[0].branch.branch_name);
                    $('#discount_amount').val(response[0].total_discount);
                    $('#vat_amount').val(response[0].total_vat_amount);
                    $('#gross_amount').val(response[0].gross_amount);
                    $('#net_amount').val(Number(response[0].total_vat_amount) + Number(response[0].gross_amount) - Number(response[0].total_discount));
                    $("table#datatable").find("tr:gt(0)").remove();

                    $.each(response[0].purchase_order_details, function (key, val) {
                        var col = "<tr>";
                        col += '<td><input type="hidden" value="' + val.spare_part.id + '"  name="spare_part_id[]" id="spare_part_id' + key + '">' +
                            '<input type="text" value="' + val.spare_part.part_number + ' - ' + val.spare_part.part_description + '" class="form-control" readonly></td>';
                        col += '<td><select name="applicable[]"  id="applicable' + key + '" class="form-control">' +
                            '<option value="inventory" ' + (val.applicable == "inventory" ? "selected" : "") + '>Inventory</option><option value="no" ' + (val.applicable == "no" ? "selected" : "") + '>N/A</option> </select></td>';
                        col += '<td><input type="number" id="max_qty' + key + '" value="'+val.quantity+'" name="max_quantity[]" class="form-control" readonly></td>'
                        col += '<td><input type="number" value="0" min="0" max="' + val.quantity + '" name="quantity[]" id="quantity' + key + '" class="form-control number quantity" required></td>';
                        col += '<td><input type="text" value="' + val.cost_price + '"  name="cost_price[]" id="cost_price' + key + '" class="form-control floatnumber POI-2" readonly></td>';

                        col += '<td><input type="text" value="' + (val?.job_card?.job_card_number ? val?.job_card?.job_card_number : "") + '"  name="job_card_no[]" id="job_card_no' + key + '" class="form-control job_card_no"></td>';

                        col += '<td><input type="text" value="' + (val.sp_vat ? val.sp_vat : "") + '"  name="sp_vat[]" id="sp_vat' + key + '" class="form-control sp_vat" readonly></td>';
                        col += '<td><input type="text" value="' + val.discount + '"  name="sp_discount[]" id="sp_discount' + key + '" class="form-control"></td>';
                        col += '<td><input type="text" value="' + val.amount + '"  name="amount[]" id="amount' + key + '" class="form-control amount" readonly></td>';
                        $("table#datatable").append(col);
                    });
                    $('input[id^=quantity]').on('change', function (e) {
                        var lastnum = $(this).attr('id').slice(8);
                        var id = $('#spare_part_id' + lastnum).val();
                        var voucher_no = $('#invoice_no').val();
                        var branch_id = $("#branch_id").val();
                        $.ajax({
                            url: '{{route('purchaseReturn.getSparePartQty')}}',
                            type: 'GET',
                            data: {
                                id: id,
                                voucher_no: voucher_no,
                                branch_id: branch_id
                            },
                            success: function (response) {
                                $('#max_qty' + lastnum).val(response);
                                $('#quantity' + lastnum).attr({"max": response});
                                alert('Available Quantity of this purchase is: ' + response);
                            }
                        });

                        calculation(lastnum);
                    });
                    $('input[id^=sp_discount]').keyup(function (e) {
                        var lastnum = $(this).attr('id').slice(11);
                        calculation(lastnum);
                    });
                },
                error: function (res) {
                    $("#supplier_id").val('').trigger('change.select2');
                    $("table#datatable").find("tr:gt(0)").remove();
                    $('#vat_amount').val(0);
                    $('#discount_amount').val(0);
                    $('#gross_amount').val(0);
                    $('#net_amount').val(0);
                }
            });
        });

        function cancel() {
            swal({
                    title: "Are you sure?",
                    text: "once cancelled only admin can submit transaction again!",
                    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) {

                        $('.amount').val(0);
                        $('.discount').val(0);
                        $('.sp_vat').val(0);
                        $('.job_card_no').val('');
                        $('.quantity').val(0);

                        $('#status').val("cancel");

                        $('#discount_amount').val(0);
                        $('#vat_amount').val(0);
                        $('#gross_amount').val(0);
                        $('#net_amount').val(0);

                        $('#fromSubmit').submit();
                        swal("Deleted!", "Data has been cancelled!", "success");
                    } else {
                        swal("Cancelled", "Data is safe :)", "error");
                    }
                });
        }
    </script>
@endpush