@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>
        .select2-selection.select2-selection--single {
            min-width: 80px !important;
        }

        .error {
            color: red;
        }



        .hdr-bx {
            width: 200px;
            padding: 0 5px !important;
        }

        .tbl-row-fl {
            display: flex;
            gap: 10px;
            /* overflow-x: scroll; */
            margin-bottom: 20px;
        }

        .tbl-row-lft {
            display: flex;
            gap: 10px;
            /* width: 39%; */
        }

        .tbl-row-rgt {
            display: flex;
            gap: 10px;
        }

        .itm-bx {
            width: 400px;
        }

        .qty-bx {
            width: 150px !important;
        }

        .cost-bx {
            width: 120px !important;
        }

        .ttl-bx {
            width: 150px !important;
        }

        .tbl-footer {
            padding: 10px 0;
            max-width: 1190px;
            padding-right: 46px;

        }
        .fr-brdr{
            border-top:1px solid #e9ecef;
            border-bottom:1px solid #e9ecef;
        }

        .tbl-btns {
            display: flex;
            justify-content: end;
            width: 100%;
        }

        @media screen and (max-width: 1390px) {
            /* .itm-bx {
                    width: 100%;
                } */
        }

        @media screen and (max-width: 1200px) {
            .qty-bx {
                width: 100px !important;
            }

            .cost-bx {
                width: 90px !important;
            }
        }

        @media screen and (max-width: 575px) {
            .tbl-row-fl {
                flex-direction: column;
            }

            .tbl-row-lft {

                width: 100%;
            }

            .ttl-bx {
                width: 90px !important;
            }

            .tbl-row-rgt {
                display: flex;
                gap: 2px;
            }

            .tbl-row-lft {
                display: flex;
                gap: 2px;
                /* width: 39%; */
            }

            .cost-bx {
                width: 70px !important;
            }

            .qty-bx {
                width: 80px !important;
            }

            .tbl-row-fl .form-control {
                padding: .5rem .5rem !important;
            }

            .select2-selection.select2-selection--single {
                min-width: 64px !important;
            }

            .select2-container .select2-selection--single .select2-selection__rendered {
                padding-left: 4px !important;
            }

        }

        @media screen and (max-width: 460px) {
            .tbl-row-fl {
                flex-direction: column;
            }

            .tbl-row-lft {

                width: 100%;
            }

            .ttl-bx {
                width: 100% !important;
            }

            .tbl-row-rgt {
                display: flex;
                gap: 2px;
            }

            .tbl-btns {
                width: unset ! important;
            }

            .table-responsive {
                padding: 0 3px !important;
            }

            .tbl-row-lft {
                display: flex;
                gap: 2px;
                /* width: 39%; */
            }

            .tbl-btns button {
                height: 25px !important;
                padding: 3px 5px !important;
            }

            .cost-bx {
                width: 100% !important;
            }

            .qty-bx {
                width: 63px !important;
            }

            .tbl-row-fl .form-control {
                padding: .5rem .4rem !important;
            }

            .select2-selection.select2-selection--single {
                min-width: 70px !important;
            }

            .mousetrap {
                width: 45px !important;
            }
        }

        @media screen and (max-width: 375px) {
            .tbl-row-fl .form-control {
                padding: .5rem .2rem !important;
            }

            .qty-bx {
                width: 60px !important;
            }

            /* .cost-bx {
                        width: 43px !important;
                    } */

            /* .ttl-bx {
                        width: 50px !important;
                    } */
        }

        /* 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 Entry
@endsection
@section('content')
    <main>
        @isset($inventoryVoucher)
            <form action="/admin/stock-entry/{{ $inventoryVoucher->id }}" method="POST" id="inventory-voucher" autocomplete="off"
                class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/stock-entry" 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 Entry
                                    @else
                                        Add Stock Entry
                                    @endisset
                                </h5>
                                <div>
                                    <a type="button" class="btn btn-soft-primary waves-effect waves-light al-pdng-btm"
                                        href="/admin/stock-entry"><i class="las la-angle-double-left"></i> Go Back</a>
                                </div>
                            </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">Stock Location</label>
                                        <select class="form-select" id="stock-location" name="stock_location_id" required>
                                        </select>
                                    </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>
                            </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">
                                    Items
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <div class="div-table">
                                            {{-- <div class="tbl-header d-flex">
                                                <div class="hdr-bx">
                                                     @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <th>Item Code</th>
                                                    @endif
                                                </div>
                                                <div class="hdr-bx">
                                                     <th>Item</th>
                                                </div>
                                                <div class="hdr-bx">
                                                      @if (Auth::user()->company_profile->enable_batch == 1)
                                                        <th>Batch</th>
                                                    @endif
                                                </div>
                                                <div class="hdr-bx">
                                                     <th>Qty</th>
                                                </div>
                                                <div class="hdr-bx">
                                                     <th>Unit</th>
                                                </div>
                                                <div class="hdr-bx">
                                                     <th>Cost</th>
                                                </div>
                                                <div class="hdr-bx">
                                                     <th>Total</th>
                                                </div>
                                            </div> --}}
                                            <div id="appendRow2">
                                                @isset($destinationInventoryVoucherItems)
                                                    @if (count($destinationInventoryVoucherItems) > 0)
                                                        @foreach ($destinationInventoryVoucherItems as $key => $inventoryVoucherItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <div class="tbl-row-fl" id="{{ $key }}"
                                                                class="row2_{{ $key }} headrow2">
                                                                <div class="tbl-row-lft">
                                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                        @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                            <div><label for=""
                                                                                    style="text-wrap: nowrap;">
                                                                                    Code</label><input type="text"
                                                                                    value="{{ $inventoryVoucherItem->stockItem->item_code }}"
                                                                                    class="mousetrap form-control destinItemCode  min-width60"
                                                                                    data-id="{{ $key }}"
                                                                                    id="destin_itemCode_{{ $key }}">
                                                                            </div>
                                                                        @endif
                                                                    @endif
                                                                    <div class="itm-bx">
                                                                        <label for="">Item</label>
                                                                        <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>
                                                                    </div>
                                                                </div>
                                                                <div class="tbl-row-rgt">
                                                                    @if (Auth::user()->company_profile->enable_batch == 1)
                                                                        <div><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>
                                                                        </div>
                                                                    @endif
                                                                    <div> <label for="">Qty</label><input
                                                                            type="number"
                                                                            name="destin_qty[{{ $key }}]"
                                                                            value="{{ number_format($inventoryVoucherItem->quantity,2) }}"
                                                                            id="qty2_{{ $key }}"
                                                                            class="form-control qty2 qty-bx">
                                                                    </div>
                                                                    <div>
                                                                        <label for="">Unit</label>
                                                                        <select name="destin_unit_id[{{ $key }}]"
                                                                            class="form-control unit_change2 unt-bx 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>
                                                                    </div>
                                                                    <div> <label for="">Cost</label><input
                                                                            type="number"
                                                                            name="destin_price[{{ $key }}]"
                                                                            value="{{ number_format($inventoryVoucherItem->price,2) }}"
                                                                            id="price2_{{ $key }}"
                                                                            class="form-control cost-bx purchasePrice2"></div>
                                                                    <div> <label for="">Total</label><input
                                                                            class="form-control ttl-bx total2_{{ $key }}"
                                                                            type="number" name="total2[{{ $key }}]"
                                                                            value="{{ number_format($inventoryVoucherItem->total,2) }}"
                                                                            id="total2_{{ $key }}" readonly></div>
                                                                    <div class="tbl-btns">
                                                                        <button style="margin-top:39px;" type="button"
                                                                            class="btn btn-sm btn-danger remove-row2"><i
                                                                                class="las la-minus"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </div>
                                            <div class="fr-brdr">
                                                <div class="tbl-footer">
                                                    @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>
                                                    <div class="text-end" id="total-sum2" style="font-weight: 600;">
                                                        {{ isset($destinationInventoryVoucherItems) ? number_format($destinationInventoryVoucherItems->sum('total'), 2) : '0.00' }}
                                                    </div>
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                    </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>
        $(document).ready(function() {
            $('.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
                }
            });

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


            let destinationTabIndex = 0;
            $(append_row2 + ' > .tbl-row-fl').each(function() {
                @if (Auth::user()->company_profile->show_item_code_in_sales)
                    var rowCount = $(this).attr('id');
                    $('#item_' + rowCount).attr('tabindex1', destinationTabIndex + 3);
                    $('#unit_change_' + rowCount).attr('tabindex1', destinationTabIndex + 5);
                    destinationTabIndex = parseInt(destinationTabIndex) + parseInt(7);
                @else
                    var rowCount = $(this).attr('id');
                    $('#item2_' + rowCount).attr('tabindex1', destinationTabIndex + 2);
                    $('#unit_change2_' + rowCount).attr('tabindex1', destinationTabIndex + 4);
                    destinationTabIndex = parseInt(destinationTabIndex) + parseInt(6);
                @endif
            });
            @if (!isset($inventoryVoucher))
                appendStockItemRow2();
            @endif
        });

        const stockLocationSelect = new Choices('#stock-location', {
            placeholder: true,
        });

        stockLocationSelect.setChoices(async () => {
            try {
                const items = await fetch('/admin/get-stock-locations', {
                    method: 'post',
                    headers: new Headers({
                        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: `stockLocationId=${'{{ isset($inventoryVoucher) ? $inventoryVoucher->destination_location_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });



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

        $('.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-entry.index') }}";
                                    @else
                                        window.location.href =
                                            "{{ route('stock-entry.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_row2 = '#appendRow2';


        var tabIndex1 = 0;
        var j = 0;

        function appendStockItemRow2() {
            var voucherType = $("#voucher-type").text();
            if (voucherType == 'Manufacturing') {
                var headRowCount = $('.headrow').length;
                if (headRowCount != 0) {
                    alert('Remove source external product then try again');
                    return;
                }
            }

            var rowCount = $('#appendRow2 .tbl-row-fl:last').attr('id');
            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var rows = '<div class="tbl-row-fl" id="' + rowCount + '" class="row2_' + rowCount +
                'headrow2">';
            @if (Auth::user()->company_profile->show_item_code_in_sales)
                j = 1;
            @endif
            var rows1 =
                '<div class="tbl-row-lft"> @if (Auth::user()->company_profile->show_item_code_in_sales)<div><label for=""> Code</label><input type="text"   class="mousetrap form-control destinItemCode  min-width60" data-id="' +
                rowCount +
                '" id="destin_itemCode_' + rowCount + '" tabindex1="' + `${tabIndex1+2}` +
                '"></div>@endif<div class="itm-bx"><label for="">Item</label><select class="form-control stock-item2" name="destin_item[' +
                rowCount +
                ']" onchange="fetchItemData2(' +
                rowCount + ')" id="item2_' + rowCount + '" required><option value="">Select item</option>';

            var rows2 = '</select><div class="errormsg2" id="error_item2_' + rowCount +
                '"></div></div></div> <div class="tbl-row-rgt"> @if (Auth::user()->company_profile->enable_batch == 1) <div><select class="form-control destination-batch" name="destin_batch_id[' +
                rowCount + ']" id="destin_batch_id_' +
                rowCount +
                '"> </select> </div>  @endif<div><label for="">Qty</label><input  type="number" name="destin_qty[' +
                rowCount + ']" id="qty2_' +
                rowCount +
                '" class="form-control qty2 qty-bx"  tabindex1="' + `${tabIndex1+3+j}` +
                '"><input type="hidden" class="hidden-qty" name="hidden_qty[' + rowCount +
                ']" id="hidden_qty_' + rowCount +
                '"><input type="hidden" value="" name="destin_qty_[' + rowCount + ']" id="destin_qty_' + rowCount +
                '"><input type="hidden" value="" name="manufacturing_item_ids[' + rowCount +
                ']" id="manufacturing_item_ids_' + rowCount + '"><div class="errormsg2" id="error_qty2_' +
                rowCount +
                '"></div></div><div><label for="">Unit</label><select  name="destin_unit_id[' +
                rowCount +
                ']" class="form-control unt-bx unit_change2 unit2_' + rowCount +
                '" id="unit_change2_' + rowCount + '" onchange="purchaseChangeUnit2(' + rowCount +
                ')"></select></div><div><label for="">Cost</label><input  type="number" name="destin_price[' +
                rowCount +
                ']" id="price2_' + rowCount +
                '" class="form-control cost-bx purchasePrice2" tabindex1="' + `${tabIndex1+5+j}` +
                '"></div><div><label for="">Total</label><input style="min-width:50px;" readonly type="number" style="width:150px;" class="form-control ttl-bx" name="total2[' +
                rowCount + ']" id="total2_' + rowCount +
                '"></div><div class="tbl-btns" ><button type="button" style="margin-top:39px;" class="btn btn-sm btn-danger remove-row2" ><i class="las la-minus"></i></button></div></div></div>';
            $("#appendRow2").append(rows + rows1 + rows2);
            $('.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
                }
            });
            $('.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;
                }
            });
            $('.unit_change2').select2();
            $('#item2_' + rowCount).attr('tabindex1', tabIndex1 + 2 + j);
            $('#unit_change2_' + rowCount).attr('tabindex1', tabIndex1 + 4 + j);
            $('#add-destin-row').attr('tabindex1', tabIndex1 + 6 + j);
            tabIndex1 += 6 + j;
            @if (Auth::user()->company_profile->show_item_code_in_sales)
                $('#destin_itemCode_' + rowCount).focus().select();
            @else
                $('#item2_' + rowCount).focus().select();
            @endif
        }

        function fetchItemData2(id) {
            var prd = $("#item2_" + id).val();
            if (prd != "" && id != "") {
                $.ajax({
                    url: "{{ route('fetch-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                        "from_inventory_voucher": 'yes',
                    },
                    success: function(data) {
                        $('#destin_itemCode_' + id).val(data.item_code);
                        $("#unit_change2_" + id).html(data.options);
                        $("#price2_" + id).val(data.purchase_price);
                        calculateSum2();
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        function purchaseChangeUnit2(id) {
            let unit_id = $('#unit_change2_' + id).val();
            let stock_item_id = $('#item2_' + 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) {
                    $('#hidden_qty_' + id).val(data.unit_qty);
                    $('#price2_' + id).val(parseFloat(data.purchase_price).toFixed(3));
                    calculateSum2();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
        };


        $(document).on('keyup', '.qty2', function() {
            var tr = $(this).closest('.tbl-row-fl');
            var input_id = $(tr).attr('id');
            if (append_row2 == '#appendRow2') {
                calculateSum2();
            }
        });

        $(document).on('keyup', '.purchasePrice2', function() {
            var tr = $(this).closest('.tbl-row-fl');
            var input_id = $(tr).attr('id');
            if (append_row2 == '#appendRow2') {
                calculateSum2();
            }
        });


        function calculateSum2() {
            var totalSum = 0;
            var voucherType = $("#voucher-type").text();
            $(append_row2 + ' > .tbl-row-fl').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#qty2_" + input_id).val();
                var price = $("#price2_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    itemTotal = (price * qty);
                }

                $(".total2_" + input_id).html(itemTotal.toFixed(2));
                $("#total2_" + input_id).val(itemTotal.toFixed(2));
                totalSum += parseFloat(itemTotal);
            });
            $("#total-sum2").html(totalSum.toFixed(3));
        }

        function removeRow2(id) {
            $(".row2_" + id).remove();
            $(`.tbl-row-fl[data-destinRowId=${id}][data-destinRowId!=""]`).remove();
            calculateSum2();
        }

        function changeVoucherType() {
            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('getStockJournalVoucherNumber') }}",
                    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");
            }
        }

        $(document).on('keydown', '.destinItemCode', function(e) {
            if (e.keyCode == 13) {
                e.preventDefault();
                var rowcount = $(this).data('id');
                var item_code = $(this).val();
                if (item_code != '') {
                    $.ajax({
                        type: "post",
                        url: "/admin/fetch-item-data-by-code",
                        data: {
                            "item_code": item_code,
                            _token: "{{ csrf_token() }}",
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == false) {
                                alert("Item not found");
                                $('#item2_' + rowcount + '').focus().select();

                            } else {
                                var option = '<option value="' + response.item.id + '" selected>' +
                                    response.item.name + '</option>';
                                $('#item2_' + rowcount).html(option);
                                fetchItemData2(rowcount);
                                $('#qty2_' + rowcount + '').focus().select();
                            }
                        }
                    });
                } else {
                    $('#item2_' + rowcount + '').focus().select();
                }
            }
        });

        $(document).on('keydown', '.destinItemCode,.qty2,.purchasePrice2', function(e) {
            if (e.keyCode == 13) {
                e.preventDefault();
                var tabindex = $(this).attr('tabindex1');
                if (tabindex == undefined || isNaN(tabindex)) {
                    return;
                }
                var nextindex = parseInt(tabindex) + 1;
                calculateSum2();
                $("[tabindex1='" + nextindex + "']").focus().select();
            }
        })
        $(document).on('select2:close', '.location-select2,.stock-item2,.unit_change2', function(e) {
            var tabindex = $(this).attr('tabindex1');
            var currentScroll = $(window).scrollTop();
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex1='" + nextindex + "']").focus().select();
            $(window).scrollTop(currentScroll);
        });
        $(document).on('click','.remove-row2', function() {
            $(this).closest('.tbl-row-fl').remove();
            calculateSum2();
        });
    </script>
@endsection