@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: 400px !important;
                                    }

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

                                    table tr td .location-select+.select2-container {
                                        width: 250px !important;
                                    }

                                    table tr td .unit_change+.select2-container {
                                        width: 150px !important;
                                    }

                                    table tr td .unit_change2+.select2-container {
                                        width: 150px !important;
                                    } */

        .card-body .col-lg-4 {
            padding: 0 5px !important;
        }

        .card-body thead tr th {
            font-weight: 600;
        }
    </style>
@endsection
@section('title')
    Stock Journal
@endsection
@section('content')
    <main>
        @isset($inventoryVoucher)
            <form action="/admin/stock-journal/{{ $inventoryVoucher->id }}" method="POST" id="inventory-voucher" autocomplete="off"
                class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/stock-journal" 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 Journal
                                    @else
                                        Add Stock Journal
                                    @endisset
                                </h5>
                                @isset($inventoryVoucher)
                                    <div>
                                        <a type="button" class="btn btn-soft-primary waves-effect waves-light al-pdng-btm"
                                            href="/admin/stock-journal"><i class="las la-angle-double-left"></i> Go Back</a>
                                    </div>
                                @endisset
                            </div>
                            <div class="card-body">
                                <div class="row mb-2">
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <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; border-radius: 5px;"
                                                        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; border-radius: 5px;"
                                                        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; border-radius: 5px;"
                                                    name="voucher_number" id="voucher-number" value="" readonly>
                                            @endisset
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <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 col-sm-6 mb-2">
                                        <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 class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Remarks</label>
                                        <textarea class="form-control" name="remarks" rows="2">{{ isset($inventoryVoucher) ? $inventoryVoucher->remarks : '' }}</textarea>
                                    </div>
                                    <div id="note" class="col-lg-4  mt-5">
                                        <p class="text-danger ">Note<span>*</span> : Extra consumptions/Buy products are
                                            added to be last and Extra consumptions only added after destination items.</p>
                                    </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">
                                    Source/Input
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table class="table table-responsive">
                                            <thead>
                                                <tr>
                                                    <th>Location</th>
                                                     @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <th>Item Code</th>
                                                    @endif
                                                    <th>Item</th>
                                                     @if(Auth::user()->company_profile->enable_batch == 1)
                                                        <th>Batch</th>
                                                    @endif
                                                    <th>Qty</th>
                                                    <th>Unit</th>
                                                    <th>Price</th>
                                                    <th>Total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            @php
                                                $sourceTabIndex = 0;
                                                $destinationTabIndex = 0;
                                                $i=0;
                                            @endphp
                                            <tbody id="appendRow">
                                                @isset($sourceInventoryVoucherItems)
                                                    @if (count($sourceInventoryVoucherItems) > 0)
                                                        @foreach ($sourceInventoryVoucherItems as $key => $inventoryVoucherItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row_{{ $key }} headrow">
                                                                <td style="width:250px">
                                                                    <select class="form-control location-select"
                                                                        name="location_id[{{ $key }}]"
                                                                        id="location_{{ $key }}" tabindex="{{ $sourceTabIndex + 1  }}">
                                                                        <option value="">Select location</option>
                                                                        @foreach ($stockLocations as $stockLocation)
                                                                            <option value="{{ $stockLocation->id }}"
                                                                                {{ isset($inventoryVoucherItem) ? ($inventoryVoucherItem->stock_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                                                {{ $stockLocation->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                @php
                                                                    $i = 1;
                                                                @endphp
                                                                    <td><input type="text"
                                                                            value="{{ $inventoryVoucherItem->stockItem->item_code }}"
                                                                            class="mousetrap form-control sourceItemCode  min-width60"
                                                                            data-id="{{ $key }}"
                                                                            id="source_itemCode_{{ $key }}"
                                                                             tabindex="{{ $sourceTabIndex + 2   }}"></td>
                                                                @endif
                                                                <td style="width:400px">
                                                                    <select class="form-control stock-item"
                                                                        name="item[{{ $key }}]"
                                                                        onchange="fetchItemData({{ $key }})"
                                                                        id="item_{{ $key }}" required>
                                                                        <option value="" tabindex="{{ $sourceTabIndex + 2 + $i  }}">Select item</option>
                                                                        <option
                                                                            value="{{ $inventoryVoucherItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $inventoryVoucherItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                @if(Auth::user()->company_profile->enable_batch == 1)
                                                                    <td><select class="form-control source-batch"
                                                                            name="batch_id[{{ $key }}]"
                                                                            id="source_batch_id_{{ $key }}"
                                                                            >
                                                                            <option value="">Select batch</option>
                                                                             @if($inventoryVoucherItem->batch_id != null)
                                                                                <option
                                                                                    value="{{ $inventoryVoucherItem->batch_id }}"
                                                                                    selected>
                                                                                    {{ $inventoryVoucherItem->batch->name }}
                                                                                </option>
                                                                            @endif
                                                                        </select>
                                                                    </td>
                                                                @endif
                                                                <td><input type="number" style="width:100px;"
                                                                        name="qty[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->quantity }}"
                                                                        id="qty_{{ $key }}"
                                                                        class="form-control qty" tabindex="{{ $sourceTabIndex + 3  + $i }}">
                                                                </td>
                                                                <td>
                                                                    <select name="unit_id[{{ $key }}]"
                                                                        class="form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="purchaseChangeUnit({{ $key }})" tabindex="{{ $sourceTabIndex + 4  + $i  }}">
                                                                        <option value="{{ $inventoryVoucherItem->unit_id }}"
                                                                            {{ isset($inventoryVoucherItem) ? ($inventoryVoucherItem->unit_id == $inventoryVoucherItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $inventoryVoucherItem->unit->symbol }}</option>
                                                                    </select>
                                                                </td>
                                                                <td><input type="number" name="price[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->price }}"
                                                                        id="price_{{ $key }}"
                                                                        class="form-control purchasePrice"
                                                                        style="width:150px;" tabindex="{{ $sourceTabIndex + 5  + $i  }}"></td>
                                                                <td><input class="form-control total_{{ $key }}"
                                                                        type="number" name="total[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->total }}"
                                                                        id="total_{{ $key }}" style="width:150px;"
                                                                        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
                                                                $sourceTabIndex += 5 + $i;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    @if(Auth::user()->company_profile->enable_batch == 1)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="text-center" id="total-sum" style="font-weight: 600;">
                                                        {{ isset($sourceInventoryVoucherItems) ? number_format($sourceInventoryVoucherItems->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 al-pdng-btm" onclick="appendStockItemRow()" id="add-source-row"><i
                                                class="las la-plus"></i>Add</button type="button">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <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">
                                    Destination/Output
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table class="table table-responsive">
                                            <thead>
                                                <tr>
                                                    <th>Location</th>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <th>Item Code</th>
                                                    @endif
                                                    <th>Item</th>
                                                    @if(Auth::user()->company_profile->enable_batch == 1)
                                                        <th>Batch</th>
                                                    @endif
                                                    <th>Qty</th>
                                                    <th>Unit</th>
                                                    <th>Cost</th>
                                                    <th>Total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow2">
                                                @isset($destinationInventoryVoucherItems)
                                                    @if (count($destinationInventoryVoucherItems) > 0)
                                                        @foreach ($destinationInventoryVoucherItems as $key => $inventoryVoucherItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row2_{{ $key }} headrow2">
                                                                <td style="width:250px">
                                                                    <select class="form-control location-select location-select2"
                                                                        name="destin_location_id[{{ $key }}]"
                                                                        id="location2_{{ $key }}">
                                                                        <option value="">Select location</option>
                                                                        @foreach ($stockLocations as $stockLocation)
                                                                            <option value="{{ $stockLocation->id }}"
                                                                                {{ isset($inventoryVoucherItem) ? ($inventoryVoucherItem->stock_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                                                {{ $stockLocation->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                        <td><input type="text"
                                                                                value="{{ $inventoryVoucherItem->stockItem->item_code }}"
                                                                                class="mousetrap form-control destinItemCode  min-width60"
                                                                                data-id="{{ $key }}"
                                                                                id="destin_itemCode_{{ $key }}"
                                                                                ></td>
                                                                    @endif
                                                                @endif
                                                                <td style="width:400px">
                                                                    <select class="form-control stock-item2"
                                                                        name="destin_item[{{ $key }}]"
                                                                        onchange="fetchItemData2({{ $key }})"
                                                                        id="item2_{{ $key }}" required>
                                                                        <option value="">Select item</option>
                                                                        <option
                                                                            value="{{ $inventoryVoucherItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $inventoryVoucherItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                 @if(Auth::user()->company_profile->enable_batch == 1)
                                                                    <td><select class="form-control destination-batch"
                                                                            name="destin_batch_id[{{ $key }}]"
                                                                            id="destin_batch_id_{{ $key }}"
                                                                            >
                                                                            <option value="">Select batch</option>
                                                                            @if($inventoryVoucherItem->batch_id != null)
                                                                                <option
                                                                                    value="{{ $inventoryVoucherItem->batch_id }}"
                                                                                    selected>
                                                                                    {{ $inventoryVoucherItem->batch->name }}
                                                                                </option>
                                                                            @endif
                                                                        </select>
                                                                    </td>
                                                                @endif
                                                                <td><input type="number" style="width: 100px;"
                                                                        name="destin_qty[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->quantity }}"
                                                                        id="qty2_{{ $key }}"
                                                                        class="form-control qty2">
                                                                </td>
                                                                <td>
                                                                    <select name="destin_unit_id[{{ $key }}]"
                                                                        class="form-control unit_change2 unit2_{{ $key }}"
                                                                        id="unit_change2_{{ $key }}"
                                                                        onchange="purchaseChangeUnit2({{ $key }})">
                                                                        <option value="{{ $inventoryVoucherItem->unit_id }}"
                                                                            {{ isset($inventoryVoucherItem) ? ($inventoryVoucherItem->unit_id == $inventoryVoucherItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $inventoryVoucherItem->unit->symbol }}</option>
                                                                    </select>
                                                                </td>
                                                                <td><input type="number"
                                                                        name="destin_price[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->price }}"
                                                                        id="price2_{{ $key }}"
                                                                        class="form-control purchasePrice2"
                                                                        style="width:150px;"></td>
                                                                <td><input class="form-control total2_{{ $key }}"
                                                                        type="number" name="total2[{{ $key }}]"
                                                                        value="{{ $inventoryVoucherItem->total }}"
                                                                        id="total2_{{ $key }}" style="width:150px;"
                                                                        readonly></td>
                                                                <td><button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeRow2({{ $key }})"><i
                                                                            class="las la-minus"></i></button></td>
                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                    <td></td>
                                                    @endif
                                                    <td></td>
                                                    @if(Auth::user()->company_profile->enable_batch == 1)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="text-center" id="total-sum2" style="font-weight: 600;">
                                                        {{ isset($destinationInventoryVoucherItems) ? number_format($destinationInventoryVoucherItems->sum('total'), 2) : '0.00' }}
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                                <div class="row firsthidden_rows text-end">
                                    <div class="col-md-12 text-right">
                                        <button type="button" class="btn btn-info al-pdng-btm" id="add-destin-row" onclick="appendStockItemRow2()"><i
                                                class="las la-plus "></i>Add</button>
                                        <button type="submit" id="submit-btn" class="btn btn-primary al-pdng-btm">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    <!-- Add Batch Modal -->
     <div class="modal fade" id="addBatchModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="exampleModalLabel">Create Batch</h5>
                 <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form method="post" action="" id="addBatchForm">
                 @csrf
                 <div class="modal-body">
                     <div class="row gx-3 mb-3">
                         <div class="col-md-12">
                             <label class="small mb-1" for="batch">Batch</label>
                             <input class="form-control" name="addBatch" id="addBatch" type="text"
                                 placeholder="Enter Batch" required />
                         </div>
                     </div>
                 </div>
                 <div class="modal-footer">
                     <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
                     <button class="btn text-white btn-primary" type="submit">Add</button>
                 </div>
             </form>
         </div>
     </div>
 </div>
    </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() {
            $('.stock-item,.stock-item2').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
                }
            });

              $('.source-batch').select2({
                placeholder: 'Select batch',
                ajax: {
                    url: "/admin/get-item-batches",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                         var input_id = $(this).closest('tr').attr('id');
                           var item_id = $('#item_'+input_id).val();
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                            is_from_purchase: false,
                            item: item_id,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = 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
                }
             });
        $('.destination-batch').select2({
            placeholder: 'Select Batch',
            ajax: {
                url: "/admin/get-batches",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                    };
                },
                processResults: function(data) {
                    return {
                        results: $.map(data, function(item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            },
            language: {
                noResults: function(term) {
                    return '<a class="btn btn-sm text-white" style="background-color:#4a1d53"  data-bs-toggle="modal" data-bs-target="#addBatchModal">Add Batch</a>';
                }
            },
            escapeMarkup: function(markup) {
                return markup;
            }
        });

        $('#addBatchForm').submit(function(e) {
            e.preventDefault();
            var batch = $('input[name=addBatch]').val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            });
            $.ajax({
                type: "post",
                url: "/admin/add-batch",
                data: {
                    name: batch,
                },
                success: function(response) {
                    $('#addBatchModal').modal('hide');
                }
            });
        });
            setTimeout(() => {
                changeVoucherType();
            }, 500);



            let sourceTabIndex = 0;
            let destinationTabIndex = 0;
            $(append_row + ' > tr').each(function() {
                @if (Auth::user()->company_profile->show_item_code_in_sales)
                    var rowCount = $(this).attr('id');
                    $('#location_' + rowCount).attr('tabindex',sourceTabIndex + 1);
                    $('#item_' + rowCount).attr('tabindex',sourceTabIndex + 3);
                    $('#unit_change_' + rowCount).attr('tabindex',sourceTabIndex + 5);
                sourceTabIndex = parseInt(sourceTabIndex) + parseInt(7);
                @else
                    var rowCount = $(this).attr('id');
                    $('#location_' + rowCount).attr('tabindex',sourceTabIndex + 1);
                    $('#item_' + rowCount).attr('tabindex',sourceTabIndex + 2);
                    $('#unit_change_' + rowCount).attr('tabindex',sourceTabIndex + 4);
                sourceTabIndex = parseInt(sourceTabIndex) + parseInt(6);
                @endif
            });
             $(append_row2 + ' > tr').each(function() {
                @if (Auth::user()->company_profile->show_item_code_in_sales)
                    var rowCount = $(this).attr('id');
                    $('#location_' + rowCount).attr('tabindex1',destinationTabIndex + 1);
                    $('#item_' + rowCount).attr('tabindex1',destinationTabIndex + 3);
                    $('#unit_change_' + rowCount).attr('tabindex1',destinationTabIndex + 5);
                destinationTabIndex = parseInt(destinationTabIndex) + parseInt(7);
                @else
                    var rowCount = $(this).attr('id');
                    $('#location2_' + rowCount).attr('tabindex1',destinationTabIndex + 1);
                    $('#item2_' + rowCount).attr('tabindex1',destinationTabIndex + 2);
                    $('#unit_change2_' + rowCount).attr('tabindex1',destinationTabIndex + 4);
                destinationTabIndex = parseInt(destinationTabIndex) + parseInt(6);
                @endif
            });
        });

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

        // $('#voucher-type').select2({
        //     placeholder: true,
        //     ajax: {
        //         url: '/admin/get-stock-journal-voucher-types',
        //         type: 'POST',
        //         dataType: 'json',
        //         headers: {
        //             'Content-Type': 'application/json',
        //             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        //         },
        //         delay: 250,
        //         data: function(params) {
        //             return {
        //                 term: params.term,
        //                 voucherTypeId: {{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_type_id : 'null' }},
        //                 voucherNumber: '{{ isset($inventoryVoucher) ? $inventoryVoucher->voucher_number : 'null' }}'
        //             };
        //         },
        //         processResults: function(data) {
        //             console.log(data);
        //             const results = data.data.map(item => ({
        //                 id: item.id,
        //                 text: item.name
        //             }));
        //             @if (!isset($inventoryVoucher))
        //                 $('#voucher-number').val(data.voucherNumber);
        //             @endif

        //             return {
        //                 results: results
        //             };
        //         },
        //         cache: true
        //     }
        // });

        $('.location-select').select2({
            placeholder: 'Select location',
        });
        $('.unit_change').select2();
        $('.unit_change2').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-journal.index') }}";
                                    @else
                                        window.location.href =
                                            "{{ route('stock-journal.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';
        let append_row2 = '#appendRow2';


        var tabIndex = {{  $sourceTabIndex ?? 0 }};
        var i = 0;
        var tabIndex1 = 0;
        var j=0;
        function appendStockItemRow() {
            var voucherType = $("#voucher-type").text();
            if (voucherType == 'Manufacturing') {
                var rowId = $('#appendRow2 tr:last').attr('id');
                if (rowId != undefined) {
                    var item = $("#item2_" + rowId).val();
                    if (!item) {
                        alert('Select destination item then try again');
                        return;
                    }
                }
            }

            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 style="width:250px"><select class="form-control location-select" name="location_id[' +
                rowCount +
                ']" id="location_' + rowCount + '"><option value="">Select location</option>';