@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .error {
            color: red;
        }

        table tr td .stock-item+.select2-container {
            width: 500px !important;
        }

        table tr td .unit_change+.select2-container {
            width: 160px !important;
        }
    </style>
@endsection
@section('title')
    Stock Transfer
@endsection
@section('content')
    <main>
        @isset($inventoryVoucher)
            <form action="/admin/stock-transfer/{{ $inventoryVoucher->id }}" method="POST" id="inventory-voucher"
                autocomplete="off" class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/stock-transfer" method="POST" id="inventory-voucher" autocomplete="off"
                    class="needs-validation" novalidate>
                @endisset
                @csrf
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    @isset($inventoryVoucher)
                                        Edit Stock Transfer
                                    @else
                                        Add Stock Transfer
                                    @endisset
                                </h5>
                                @isset($inventoryVoucher)
                                    <div>
                                        <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                            href="/admin/stock-transfer"><i class="las la-angle-double-left"></i> Go Back</a>
                                    </div>
                                @endisset
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="col-lg-4">
                                        <label for="nameInput" class="form-label">Voucher Number</label>
                                        <div class="input-group">
                                            @isset($inventoryVoucher)
                                                @if (str_contains($inventoryVoucher->voucher_number, '-'))
                                                    <span class="input-group-text"
                                                        id="inputGroup-sizing-sm">{{ explode('-', $inventoryVoucher->voucher_number)[0] }}</span>
                                                    <input type="text" class="form-control" style="background: lightgrey;"
                                                        name="voucher_number" id="voucher-number"
                                                        value="{{ explode('-', $inventoryVoucher->voucher_number)[1] }}"
                                                        readonly>
                                                @else
                                                    <span class="input-group-text" id="inputGroup-sizing-sm"
                                                        style="display: none;"></span>
                                                    <input type="text" class="form-control" style="background: lightgrey;"
                                                        name="voucher_number" id="voucher-number"
                                                        value="{{ $inventoryVoucher->voucher_number }}" readonly>
                                                @endif
                                            @else
                                                @if ($voucherType->prefix != null)
                                                    <span class="input-group-text"
                                                        id="inputGroup-sizing-sm">{{ $voucherType->prefix }}</span>
                                                @else
                                                    <span class="input-group-text" id="inputGroup-sizing-sm"
                                                        style="display: none;"></span>
                                                @endif
                                                <input type="text" class="form-control" style="background: lightgrey;"
                                                    name="voucher_number" id="voucher-number" value="" readonly>
                                            @endisset
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <label class="form-label">Voucher Type</label>
                                        <select class="form-select" id="voucher-type" name="voucher_type_id"
                                            onchange="changeVoucherType()" required>
                                            <option value="">Select voucher type</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4">
                                        <label class="form-label">Voucher Date</label>
                                        <input type="date" class="form-control" name="voucher_date"
                                            value="{{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_date : date('Y-m-d') }}"
                                            required>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <label class="form-label">Source</label>
                                        <select class="form-control location-select" name="source_location_id"
                                            id="source_location" required>
                                            <option value="">Select location</option>
                                            @foreach ($stockLocations as $stockLocation)
                                                <option value="{{ $stockLocation->id }}"
                                                    {{ isset($inventoryVoucher) ? ($inventoryVoucher->source_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                    {{ $stockLocation->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4">
                                        <label class="form-label">Destination</label>
                                        <select class="form-control location-select" name="destination_location_id"
                                            required>
                                            <option value="">Select location</option>
                                            @foreach ($stockLocations as $stockLocation)
                                                <option value="{{ $stockLocation->id }}"
                                                    {{ isset($inventoryVoucher) ? ($inventoryVoucher->destination_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                    {{ $stockLocation->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4">
                                        <label class="form-label">Remarks</label>
                                        <textarea class="form-control" name="remarks" rows="2">{{ isset($inventoryVoucher) ? $inventoryVoucher->remarks : '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1 text-center">
                                    Stock Transfer
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>Item</th>
                                                    <th>Variant</th>
                                                    <th width="20%">Qty</th>
                                                    <th>Unit</th>
                                                    <th width="20%">Price</th>
                                                    <th width="20%">Total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow">
                                                @isset($inventoryVoucherItems)
                                                    @php
                                                        $tabIndex = 0;
                                                    @endphp
                                                    @if (count($inventoryVoucherItems) > 0)
                                                        @foreach ($inventoryVoucherItems as $key => $inventoryVoucherItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row_{{ $key }} headrow">
                                                                <td>
                                                                    <select tabindex="{{ $tabIndex + 1 }}"
                                                                        class="form-control stock-item"
                                                                        name="item[{{ $key }}]"
                                                                        onchange="fetchItemData({{ $key }})"
                                                                        id="item_{{ $key }}" required>
                                                                        <option value="">Select item</option>
                                                                        <option
                                                                            value="{{ $inventoryVoucherItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $inventoryVoucherItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                <td>
                                                                    <select name="variant[{{ $key }}]"
                                                                        class="mousetrap form-control form-input-box variant min-width60"
                                                                        id="variant_{{ $key }}">
                                                                        <option value="">Select Variant</option>
                                                                        @foreach ($inventoryVoucherItem->stockItem->variants as $variant)
                                                                            <option value="{{ $variant->id }}"
                                                                                {{ $inventoryVoucherItem->variant_id == $variant->id ? 'selected' : '' }}>
                                                                                {{ $variant->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </td>
                                                                <td><input tabindex="{{ $tabIndex + 2 }}" type="number"
                                                                        name="qty[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->quantity }}"
                                                                        id="qty_{{ $key }}"
                                                                        class="form-control qty">
                                                                </td>
                                                                <td>
                                                                    <select tabindex="{{ $tabIndex + 3 }}"
                                                                        name="unit_id[{{ $key }}]"
                                                                        class="form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="purchaseChangeUnit({{ $key }})">
                                                                        <option value="{{ $inventoryVoucherItem->unit_id }}"
                                                                            {{ isset($inventoryVoucherItem) ? ($inventoryVoucherItem->unit_id == $inventoryVoucherItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $inventoryVoucherItem->unit->symbol }}</option>
                                                                        @if ($inventoryVoucherItem->stockItem->stockItemUnits->isNotEmpty())
                                                                            @foreach ($inventoryVoucherItem->stockItem->stockItemUnits as $unit)
                                                                                <option value="{{ $unit->unit->id }}">
                                                                                    {{ $unit->unit->symbol }}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                </td>
                                                                <td><input tabindex="{{ $tabIndex + 4 }}" type="number"
                                                                        name="price[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->price }}"
                                                                        id="price_{{ $key }}"
                                                                        class="form-control purchasePrice"></td>
                                                                <td><input class="form-control total_{{ $key }}"
                                                                        type="number" name="total[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->total }}"
                                                                        id="total_{{ $key }}" readonly></td>
                                                                <td><button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeRow({{ $key }})"><i
                                                                            class="las la-minus"></i></button></td>
                                                            </tr>
                                                            @php
                                                                $tabIndex = $tabIndex + 4;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="text-center" id="total-sum" style="font-weight: 600;">
                                                        {{ isset($inventoryVoucherItems) ? number_format($inventoryVoucherItems->sum('total'), 2) : '0.00' }}
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                                <div id="source-add-row" class="row firsthidden_rows text-end">
                                    <div class="col-md-12 text-right">
                                        <button type="button" class="btn btn-info" id="add-row"
                                            @isset($inventoryVoucherItems)
                                            tabindex="{{ $tabIndex + 1 }}"
                                        @endisset
                                            onclick="appendStockItemRow()"><i class="las la-plus"></i>Add</button>
                                        <button type="submit" id="submit-btn" class="btn btn-primary">Submit</button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </main>
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        var negativeStockEnabled = {{ $negativeStockEnabled }};

        $(document).ready(function() {
            $('.variant').select2({
                placeholder: 'Select Variant',
            });
            setTimeout(() => {
                changeVoucherType();
                @if (!isset($inventoryVoucher))
                    appendStockItemRow();
                @else
                    var tabIndex = 0;
                    $(append_row + ' > tr').each(function() {
                        var rowCount = $(this).attr('id');
                        const select2Item = $('#item_' + rowCount).attr('tabindex', tabIndex + 1);
                        const select2ItemUnit = $('#unit_change_' + rowCount).attr('tabindex',
                            tabIndex + 3);
                        tabIndex = parseInt(tabIndex) + parseInt(4);
                    });
                @endif
            }, 500);
        });

        const voucherTypeSelect = new Choices('#voucher-type', {
            placeholder: true,
        });
        voucherTypeSelect.setChoices(async () => {
            try {
                const voucherTypeId =
                    {{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_type_id : 'null' }};
                const voucherNumber =
                    {{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_number : 'null' }};
                const params = {
                    voucherTypeId,
                    voucherNumber
                };
                const response = await fetch('/admin/get-stock-transfer-voucher-types', {
                    method: 'POST',
                    headers: new Headers({
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: JSON.stringify(params),
                });
                const data = await response.json();
                if (!'{{ isset($inventoryVoucher) }}') {
                    document.getElementById('voucher-number').value = data.voucherNumber;
                }
                return data.data;
            } catch (err) {
                console.error(err);
            }
        });

        $('.location-select').select2({
            placeholder: 'Select location',
        });
        $('.stock-item').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-stock-items",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('.unit_change').select2();

        $('#inventory-voucher').validate({
            rules: {
                'voucher_number': {
                    required: true,
                },
                'voucher_date': {
                    required: true,
                },
                'amount': {
                    required: true,
                },
            },
            messages: {
                'voucher_number': {
                    required: "Please enter voucher number",
                },
                'voucher_date': {
                    required: "Please select date",
                },
                'amount': {
                    required: "Please enter amount",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                $('#submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    @isset($inventoryVoucher)
                                        window.location.href =
                                            "{{ route('stock-transfer.index') }}";
                                    @else
                                        window.location.href =
                                            "{{ route('stock-transfer.create') }}";
                                    @endisset
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('#submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('#submit-btn').prop('disabled', false);
                        if (data.status === 422) {
                            var message = data.responseJSON.message;
                            Swal.fire({
                                title: 'Error!',
                                text: message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        } else {
                            // Handle other error cases
                            console.log('Other Error:', data.responseText);
                        }
                    }
                });
            }
        });
        let append_row = '#appendRow';
        var tabIndex = 0;

        function appendStockItemRow() {
            var rowCount = $('#appendRow tr:last').attr('id');

            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                if (rowCount.includes("_")) {
                    rowCount = rowCount.split("_")[1];
                }
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                ' headrow"><td><select class="form-control stock-item" tabindex="1" name="item[' + rowCount +
                ']" onchange="fetchItemData(' + rowCount +
                ')" id="item_' + rowCount + '" required><option value="">Select item</option>';
            var rows2 = '</select><div class="errormsg" id="error_item_' + rowCount +
                '"></div></td><td><select name="variant[' + rowCount +
                ']"  class="mousetrap form-control form-input-box variant min-width60"  id="variant_' +
                rowCount +
                '"><option value="">Select Variant</option></select></td><td><input type="number" tabindex="' +
                `${tabIndex + 2}` + '" name="qty[' + rowCount +
                ']" id="qty_' +
                rowCount +
                '" class="form-control qty" ><div class="errormsg" id="error_qty_' +
                rowCount + '"></div></td><td><select name="unit_id[' + rowCount +
                ']" tabindex="' + `${tabIndex + 3}` + '" class="form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="purchaseChangeUnit(' + rowCount +
                ')"></select></td><td><input type="number" tabindex="' + `${tabIndex + 4}` + '" name="price[' + rowCount +
                ']" id="price_' +
                rowCount +
                '" class="form-control purchasePrice"></td><td><input readonly type="number" class="form-control" name="total[' +
                rowCount + ']" id="total_' + rowCount +
                '"></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                ')"><i class="las la-minus"></i></button></td></tr>';
            $("#appendRow").append(rows + rows2);
            $('.location-select').select2({
                placeholder: 'Select location',
            });
            $('.stock-item').select2({
                placeholder: 'Select item',
                ajax: {
                    url: "/admin/get-stock-items",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            return {
                                id: item.id,
                                text: item.name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            });
            $('#variant_' + rowCount + '').select2({
                placeholder: 'Select Variant',
                ajax: {
                    url: "/admin/get-variants",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                            item_id: $("#item_" + rowCount + "").val()
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            return {
                                id: item.id,
                                text: item.name,
                            };
                        });
                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true,
                },
            });
            $('.unit_change').select2();
            $('#item_' + rowCount + '').prop('tabindex', tabIndex + 1);
            $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 3);
            $('#add-row').prop('tabindex', tabIndex + 5);
            tabIndex += 4;
            $('#item_' + rowCount + '').focus().select();
        }

        $(document).on('keydown', '.qty, .purchasePrice', function(e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                e.preventDefault();
                var tabindex = $(this).attr('tabindex');
                if (tabindex == undefined || isNaN(tabindex)) {
                    return;
                }
                var nextindex = parseInt(tabindex) + 1;
                calculateSum();
                $("[tabindex='" + nextindex + "']").focus().select();
            }
        });

        $(document).on('select2:select', '.stock-item,.unit_change', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });

        $(document).on('select2:close', '.stock-item,.unit_change', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });

        $(document).on('select2:open', '.stock-item, .unit_change', function(e) {
            $('.select2-search__field').focus().select();
        });

        function fetchItemData(id) {
            var prd = $("#item_" + id).val();
            $('#variant_' + id).empty();
            if (prd != "" && id != "") {
                $.ajax({
                    url: "{{ route('fetch-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd
                    },
                    success: function(data) {
                        $('#qty_' + id).val('');
                        $("#unit_change_" + id).html(data.options);
                        $("#price_" + id).val(data.purchase_price);
                        calculateSum();
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        function purchaseChangeUnit(id) {
            let unit_id = $('#unit_change_' + id).val();
            let stock_item_id = $('#item_' + id).val();
            $.ajax({
                url: "{{ route('purchase-change-unit') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    "unit_id": unit_id,
                    "stock_item_id": stock_item_id
                },
                success: function(data) {
                    $('#price_' + id).val(parseFloat(data.purchase_price).toFixed(3));
                    var source_location = $('#source_location').val();
                    if (source_location != null && source_location != '') {
                        if (negativeStockEnabled == 0) {
                            $.ajax({
                                type: "post",
                                url: "{{ route('check-item-location-stock-quantity') }}",
                                data: {
                                    _token: "{{ csrf_token() }}",
                                    "stock_location_id": source_location,
                                    "stock_item_id": stock_item_id,
                                    "unit_id": unit_id,
                                    "quantity": $("#qty_" + id).val(),
                                },
                                success: function(response) {
                                    if (response.status == true) {
                                        calculateSum();
                                    } else {
                                        alert(response.message + " " + "Available stock only " +
                                            response
                                            .availableQty);
                                        calculateSum();
                                    }
                                }
                            });
                        } else {
                            calculateSum();
                        }
                    } else {
                        alert("Please select source location");
                        calculateSum();
                    }
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }

            });
        };

        $(document).on('keyup', '.qty', function() {
            var tr = $(this).closest('tr');
            var input_id = $(tr).attr('id');
            var stock_item_id = $("#item_" + input_id).val();
            var source_location = $('#source_location').val();
            if (source_location != null && source_location != '') {
                if (negativeStockEnabled == 0) {
                    $.ajax({
                        type: "post",
                        url: "{{ route('check-item-location-stock-quantity') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_location_id": source_location,
                            "stock_item_id": stock_item_id,
                            "unit_id": $("#unit_change_" + input_id).val(),
                            "quantity": $("#qty_" + input_id).val(),
                        },
                        success: function(response) {
                            if (response.status == true) {
                                if (append_row == '#appendRow') {
                                    calculateSum();
                                }
                            } else {
                                alert(response.message + " " + "Available stock only " + response
                                    .availableQty);
                                $("#qty_" + input_id).val("");
                                if (append_row == '#appendRow') {
                                    calculateSum();
                                }
                            }
                        }
                    });
                } else {
                    if (append_row == '#appendRow') {
                        calculateSum();
                    }
                }
            } else {
                alert("Please select source location");
                $("#qty_" + input_id).val("");
                if (append_row == '#appendRow') {
                    calculateSum();
                }
            }
        });

        $(document).on('keyup', '.purchasePrice', function() {
            var tr = $(this).closest('tr');
            var input_id = $(tr).attr('id');
            if (append_row == '#appendRow') {
                calculateSum();
            }
        });

        function calculateSum() {
            var totalSum = 0;
            $(append_row + ' > tr').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#qty_" + input_id).val();
                var price = $("#price_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    itemTotal = (price * qty);
                }
                $(".total_" + input_id).html(itemTotal.toFixed(3));
                $("#total_" + input_id).val(itemTotal.toFixed(3));
                totalSum += parseFloat(itemTotal);
            });
            $("#total-sum").html(totalSum.toFixed(3));
        }

        function removeRow(id) {
            $(".row_" + id).remove();
            calculateSum();
        }

        function changeVoucherType() {
            if (!'{{ isset($inventoryVoucher) }}') {
                $("#appendRow").empty();
                $("#appendRow2").empty();
                $("#total-sum").html('0.00');
                $("#total-sum2").html('0.00');
            }
            var currentVoucherTypeId = {{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_type_id : 'null' }};
            var currentVoucherNumber = '{{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_number : 'null' }}';
            var vTId = $("#voucher-type").val();
            if (vTId) {
                $.ajax({
                    url: "{{ route('getStockTransferVoucherNumber') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "voucherTypeId": vTId,
                        "currentVoucherTypeId": currentVoucherTypeId,
                        "currentVoucherNumber": currentVoucherNumber
                    },
                    success: function(data) {
                        $("#voucher-number").val(data.voucherNumber);
                        if (data.prefix != null) {
                            $("#inputGroup-sizing-sm").show();
                            $("#inputGroup-sizing-sm").html(data.prefix);
                        } else {
                            $("#inputGroup-sizing-sm").hide();
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }
    </script>
@endsection