@extends('master')
@section('content')
<style>
    .page-description {
        gap: 1.5rem;
    }
    .tabs {
        display: flex;
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
        padding: 0.75rem;
        border-radius: 99px;
        width: fit-content;
    }
    .tabs * {
        z-index: 2;
    }
    .page-description input[type="radio"] {
        display: none;
    }
    .tab {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        width: 100px;
        font-size: 14px;
        color: black;
        font-weight: 500;
        border-radius: 99px;
        cursor: pointer;
        transition: color 0.15s ease-in;
        padding: 0 15px;
    }
    .page-description input[type="radio"]:checked + label {
        color: #185ee0;
    }
    .page-description input[id="radio-1"]:checked ~ .glider {
        transform: translateX(0);
        border: 5px solid #3B7097;
    }
    .page-description input[id="radio-2"]:checked ~ .glider {
        transform: translateX(100%);
        border: 5px solid #15CDCA;
    }
    .page-description input[id="radio-3"]:checked ~ .glider {
        transform: translateX(200%);
        border: 5px solid #FF4081;
    }
    .page-description input[id="radio-4"]:checked ~ .glider {
        transform: translateX(300%);
        border: 5px solid #F59B65;
    }
    .glider {
        position: absolute;
        display: flex;
        height: 35px;
        width: 100px;
        background-color: #e6eef9;
        z-index: 1;
        border-radius: 99px;
        border: 2px solid #3B7097;
        transition: 0.25s ease-out;
    }
    @media (max-width: 700px) {
        .tabs {
            transform: scale(0.8);
        }
    }
</style>

<div class="container">
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center justify-content-center flex-column">
                <h1 class="mb-3">Item Management</h1>
                <div class="tabs">
                    <input type="radio" id="radio-1" name="tabs" checked="">
                    <label class="tab" for="radio-1">AdmSys</label>
                    <input type="radio" id="radio-2" name="tabs">
                    <label class="tab" for="radio-2">MICRO</label>
                    <input type="radio" id="radio-3" name="tabs">
                    <label class="tab" for="radio-3">CPO</label>
                    <input type="radio" id="radio-4" name="tabs">
                    <label class="tab" for="radio-4">CI</label>
                    <span class="glider"></span>
                </div>
            </div>
        </div>
    </div>

    @if(session('success'))
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            Swal.fire({
                icon: 'success',
                title: 'Success',
                text: @json(session('success')),
                showConfirmButton: false,
                timer: 1000
            });
        });
    </script>
    @endif

    @if(session('error'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: @json(session('error')),
                    showConfirmButton: false,
                    timer: 1000
                });
            });
        </script>
    @endif

    <!-- ADMSYS -->
    <div id="content-admsys" class="tab-content" style="display: block;">
        <div class="row">
            <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">MasterStok List</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display item-table" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Barcode</th>
                                    <th>Item Code</th>
                                    <th>Item Description</th>
                                    <th>Lot</th>
                                    <th>Exp Date</th>
                                    <th>Quantity</th>
                                    <th>UOM</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($masterstok as $item)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                        <td>{{ $item->barcode }}</td>
                                        <td>{{ $item->item_code }}</td>
                                        <td>{{ $item->item_description }}</td>
                                        <td>{{ $item->lot_number }}</td>
                                        <td>{{ $item->exp_date }}</td>
                                        <td class="qty-cell">{{ $item->quantity }}</td>
                                        <td>{{ $item->uom }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-info btn-edit-qty" data-barcode="{{ $item->barcode }}" data-qty="{{ $item->quantity }}" data-type="master" title="Edit Quantity">
                                                <i class="material-icons-two-tone" style="font-size: 16px;">edit</i>
                                            </button>
                                            <div class="edit-actions" style="display: none; gap: 5px;">
                                                <button type="button" class="btn btn-sm btn-success btn-save-qty" data-barcode="{{ $item->barcode }}" title="Save">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">check</i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-danger btn-cancel-qty" title="Cancel">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">close</i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">MasterStok Register History</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="display item-history-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Barcode</th>
                                        <th>Item Code</th>
                                        <th>Item Description</th>
                                        <th>Lot</th>
                                        <th>Exp Date</th>
                                        <th>Quantity</th>
                                        <th>Reg By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($masterstokHistory as $item)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->item_code }}</td>
                                            <td>{{ $item->item_description }}</td>
                                            <td>{{ $item->lot_number }}</td>
                                            <td>{{ $item->exp_date }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ $item->inputby }}</td>
                                            <td>
                                                @if(!is_null($item->current_master_qty) && $item->current_master_qty >= $item->quantity)
                                                <button type="button" class="btn btn-sm btn-danger btn-delete-item" data-barcode="{{ $item->barcode }}" data-desc="{{ $item->item_description }}" data-created="{{ $item->created_at }}" data-type="master" title="Delete Item">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">delete</i>
                                                </button>
                                                @else
                                                <span class="badge bg-warning">N/A</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MICRO -->
    <div id="content-micro" class="tab-content" style="display: none;">
        <div class="row">
            <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">MicroStok List</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display item-table" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Barcode</th>
                                    <th>Item Code</th>
                                    <th>Item Description</th>
                                    <th>Lot</th>
                                    <th>Exp Date</th>
                                    <th>Quantity</th>
                                    <th>UOM</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($microstok as $item)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                        <td>{{ $item->barcode }}</td>
                                        <td>{{ $item->item_code }}</td>
                                        <td>{{ $item->item_description }}</td>
                                        <td>{{ $item->lot_number }}</td>
                                        <td>{{ $item->exp_date }}</td>
                                        <td class="qty-cell">{{ $item->quantity }}</td>
                                        <td>{{ $item->uom }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-info btn-edit-qty" data-barcode="{{ $item->barcode }}" data-qty="{{ $item->quantity }}" data-type="micro" title="Edit Quantity">
                                                <i class="material-icons-two-tone" style="font-size: 16px;">edit</i>
                                            </button>
                                            <div class="edit-actions" style="display: none; gap: 5px;">
                                                <button type="button" class="btn btn-sm btn-success btn-save-qty" data-barcode="{{ $item->barcode }}" title="Save">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">check</i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-danger btn-cancel-qty" title="Cancel">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">close</i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">MicroStok Usage History</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="display item-history-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Barcode</th>
                                        <th>Item Code</th>
                                        <th>Item Description</th>
                                        <th>Lot</th>
                                        <th>Exp Date</th>
                                        <th>Quantity</th>
                                        <th>Reg By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($microstokHistory as $item)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->item_code }}</td>
                                            <td>{{ $item->item_description }}</td>
                                            <td>{{ $item->lot_number }}</td>
                                            <td>{{ $item->exp_date }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ $item->inputby }}</td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-danger btn-delete-item" data-barcode="{{ $item->barcode }}" data-desc="{{ $item->item_description }}" data-created="{{ $item->created_at }}" data-type="micro" title="Delete Item">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">delete</i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CPO -->
    <div id="content-cpo" class="tab-content" style="display: none;">
        <div class="row">
            <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">CPOStok List</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display item-table" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Barcode</th>
                                    <th>Item Code</th>
                                    <th>Item Description</th>
                                    <th>Lot</th>
                                    <th>Exp Date</th>
                                    <th>Quantity</th>
                                    <th>UOM</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($cpostok as $item)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                        <td>{{ $item->barcode }}</td>
                                        <td>{{ $item->item_code }}</td>
                                        <td>{{ $item->item_description }}</td>
                                        <td>{{ $item->lot_number }}</td>
                                        <td>{{ $item->exp_date }}</td>
                                        <td class="qty-cell">{{ $item->quantity }}</td>
                                        <td>{{ $item->uom }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-info btn-edit-qty" data-barcode="{{ $item->barcode }}" data-qty="{{ $item->quantity }}" data-type="cpo" title="Edit Quantity">
                                                <i class="material-icons-two-tone" style="font-size: 16px;">edit</i>
                                            </button>
                                            <div class="edit-actions" style="display: none; gap: 5px;">
                                                <button type="button" class="btn btn-sm btn-success btn-save-qty" data-barcode="{{ $item->barcode }}" title="Save">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">check</i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-danger btn-cancel-qty" title="Cancel">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">close</i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">CPOStok Usage History</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="display item-history-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Barcode</th>
                                        <th>Item Code</th>
                                        <th>Item Description</th>
                                        <th>Lot</th>
                                        <th>Exp Date</th>
                                        <th>Quantity</th>
                                        <th>Reg By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($cpostokHistory as $item)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->item_code }}</td>
                                            <td>{{ $item->item_description }}</td>
                                            <td>{{ $item->lot_number }}</td>
                                            <td>{{ $item->exp_date }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ $item->inputby }}</td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-danger btn-delete-item" data-barcode="{{ $item->barcode }}" data-desc="{{ $item->item_description }}" data-created="{{ $item->created_at }}" data-type="cpo" title="Delete Item">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">delete</i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CI -->
    <div id="content-ci" class="tab-content" style="display: none;">
        <div class="row">
            <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">CIStok List</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="display item-table" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Barcode</th>
                                    <th>Item Code</th>
                                    <th>Item Description</th>
                                    <th>Lot</th>
                                    <th>Exp Date</th>
                                    <th>Quantity</th>
                                    <th>UOM</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($cistok as $item)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                        <td>{{ $item->barcode }}</td>
                                        <td>{{ $item->item_code }}</td>
                                        <td>{{ $item->item_description }}</td>
                                        <td>{{ $item->lot_number }}</td>
                                        <td>{{ $item->exp_date }}</td>
                                        <td class="qty-cell">{{ $item->quantity }}</td>
                                        <td>{{ $item->uom }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-info btn-edit-qty" data-barcode="{{ $item->barcode }}" data-qty="{{ $item->quantity }}" data-type="ci" title="Edit Quantity">
                                                <i class="material-icons-two-tone" style="font-size: 16px;">edit</i>
                                            </button>
                                            <div class="edit-actions" style="display: none; gap: 5px;">
                                                <button type="button" class="btn btn-sm btn-success btn-save-qty" data-barcode="{{ $item->barcode }}" title="Save">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">check</i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-danger btn-cancel-qty" title="Cancel">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">close</i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">CIStok Usage History</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="display item-history-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Barcode</th>
                                        <th>Item Code</th>
                                        <th>Item Description</th>
                                        <th>Lot</th>
                                        <th>Exp Date</th>
                                        <th>Quantity</th>
                                        <th>Reg By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($cistokHistory as $item)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i') }}</td>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->item_code }}</td>
                                            <td>{{ $item->item_description }}</td>
                                            <td>{{ $item->lot_number }}</td>
                                            <td>{{ $item->exp_date }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ $item->inputby }}</td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-danger btn-delete-item" data-barcode="{{ $item->barcode }}" data-desc="{{ $item->item_description }}" data-created="{{ $item->created_at }}" data-type="ci" title="Delete Item">
                                                    <i class="material-icons-two-tone" style="font-size: 16px;">delete</i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="{{ asset('assets/plugins/jquery/jquery-3.5.1.min.js') }}"></script>
<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.all.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/datatables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/datatables.min.js') }}"></script>
<script>
    $(document).ready(function() {
        // Tab Switcher Logic
        $('input[name="tabs"]').on('change', function() {
            $('.tab-content').hide(); // Sembunyikan semua tab content
            var selectedTab = $(this).attr('id');
            
            if (selectedTab === 'radio-1') {
                $('#content-admsys').fadeIn();
            } else if (selectedTab === 'radio-2') {
                $('#content-micro').fadeIn();
            } else if (selectedTab === 'radio-3') {
                $('#content-cpo').fadeIn();
            } else if (selectedTab === 'radio-4') {
                $('#content-ci').fadeIn();
            }
        });

        $('.item-table').DataTable({
            responsive: true,
            order: [[0, 'desc']] // sort column date descending as default
        });

        // Edit Quantity Logic for DataTables
        $(document).on('click', '.btn-edit-qty', function() {
            let tr = $(this).closest('tr');
            let qtyCell = tr.find('.qty-cell');
            let currentQty = $(this).data('qty');

            // Change cell to input
            qtyCell.html(`<input type="number" class="form-control form-control-sm input-edit-qty" value="${currentQty}" min="0">`);
            
            // Toggle buttons
            $(this).hide();
            tr.find('.edit-actions').css('display', 'flex');
        });

        $(document).on('click', '.btn-cancel-qty', function() {
            let tr = $(this).closest('tr');
            let qtyCell = tr.find('.qty-cell');
            let editBtn = tr.find('.btn-edit-qty');
            let originalQty = editBtn.data('qty');

            // Revert back
            qtyCell.html(originalQty);
            
            // Toggle buttons
            tr.find('.edit-actions').hide();
            editBtn.show();
        });

        $(document).on('click', '.btn-save-qty', function() {
            let btn = $(this);
            let tr = btn.closest('tr');
            let barcode = btn.data('barcode');
            let editBtn = tr.find('.btn-edit-qty');
            let newQty = tr.find('.input-edit-qty').val();
            let originalQty = editBtn.data('qty');
            let bType = editBtn.data('type');

            if(newQty === "" || newQty < 0) {
                Swal.fire('Error', 'Quantity tidak boleh kosong atau negatif', 'error');
                return;
            }

            if(newQty == originalQty) {
                tr.find('.btn-cancel-qty').click();
                return;
            }

            // Disable button during waiting
            btn.prop('disabled', true);

            Swal.fire({
                title: 'Masukkan PIN',
                input: 'password',
                inputPlaceholder: 'Masukkan PIN validasi',
                inputAttributes: {
                    autocapitalize: 'off',
                    autocorrect: 'off'
                },
                showCancelButton: true,
                confirmButtonText: 'Verifikasi & Simpan',
                cancelButtonText: 'Batal',
                inputValidator: (value) => {
                    if (!value) {
                        return 'PIN tidak boleh kosong!';
                    }
                }
            }).then((pinResult) => {
                if (pinResult.isConfirmed) {
                    let token = $('meta[name="csrf-token"]').attr('content');

                    $.ajax({
                        url: '/item-management/update-qty',
                        type: 'POST',
                        data: {
                            _token: token,
                            barcode: barcode,
                            quantity: newQty,
                            pin: pinResult.value,
                            type: bType
                        },
                        success: function(response) {
                            if (response.success) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Berhasil',
                                    text: response.message,
                                    timer: 1500,
                                    showConfirmButton: false
                                }).then(() => {
                                    // Update UI
                                    editBtn.data('qty', newQty); // Update original data buffer
                                    tr.find('.qty-cell').html(newQty);
                                    tr.find('.edit-actions').hide();
                                    editBtn.show();
                                    btn.prop('disabled', false);
                                });
                            } else {
                                Swal.fire('Gagal!', response.message, 'error');
                                btn.prop('disabled', false);
                            }
                        },
                        error: function(xhr) {
                            Swal.fire('Error!', xhr.responseJSON ? xhr.responseJSON.message : 'Terjadi kesalahan pada server.', 'error');
                            btn.prop('disabled', false);
                        }
                    });
                } else {
                    // Re-enable button if user cancels
                    btn.prop('disabled', false);
                }
            });
        });

        $('.item-history-table').DataTable({
            responsive: true,
            order: [[0, 'desc']] // sort column date descending as default
        });

        // Delete button click handler
        $(document).on('click', '.btn-delete-item', function() {
            let barcode = $(this).data('barcode');
            let itemDesc = $(this).data('desc');
            let createdAt = $(this).data('created');
            let bType = $(this).data('type');

            Swal.fire({
                title: 'Masukkan PIN',
                input: 'password',
                inputPlaceholder: 'Masukkan PIN validasi',
                inputAttributes: {
                    autocapitalize: 'off',
                    autocorrect: 'off'
                },
                showCancelButton: true,
                confirmButtonText: 'Verifikasi',
                cancelButtonText: 'Batal',
                inputValidator: (value) => {
                    if (!value) {
                        return 'PIN tidak boleh kosong!';
                    }
                }
            }).then((pinResult) => {
                if (pinResult.isConfirmed) {
                    Swal.fire({
                        title: 'Rollback Item',
                        text: `Rollback item untuk ${itemDesc}?`,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: 'Ya, rollback!',
                        cancelButtonText: 'Batal'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            let token = $('meta[name="csrf-token"]').attr('content');

                            $.ajax({
                                url: '/item-management/' + encodeURIComponent(barcode),
                                type: 'DELETE',
                                data: {
                                    _token: token,
                                    created_at: createdAt,
                                    pin: pinResult.value,
                                    type: bType
                                },
                                success: function(response) {
                                    if (response.success) {
                                        Swal.fire(
                                            'Rollback!',
                                            response.message,
                                            'success'
                                        ).then(() => {
                                            window.location.reload();
                                        });
                                    } else {
                                        Swal.fire(
                                            'Gagal!',
                                            response.message || 'Gagal menghapus item.',
                                            'error'
                                        );
                                    }
                                },
                                error: function(xhr) {
                                    Swal.fire(
                                        'Error!',
                                        xhr.responseJSON ? xhr.responseJSON.message : 'Terjadi kesalahan pada server.',
                                        'error'
                                    );
                                }
                            });
                        }
                    });
                }
            });
        });
    });
</script>
@endpush
@endsection