@extends('master')
@section('content')

<style>
    .hidden-column {
        display: none !important;
    }
</style>

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

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

<div class="container">
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center">
                <div class="page-description-content flex-grow-1">
                    <h1>Monitoring ED Item</h1>
                </div>
                <div class="page-description-actions">
                    <a href="{{ route('export.editem') }}" class="btn btn-success"><i class="material-icons">print</i>Export to Excel</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="datatable1" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th style="width:10%">Sublab</th>
                                    <th style="width:10%">Item Code</th>
                                    <th style="width:15%">Item Description</th>
                                    <th style="width:10%">No Lot</th>
                                    <th style="width:10%">Quantity</th>
                                    <th style="width:15%">Expired Date</th>
                                    <th style="width:10%">Sisa hari</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($nearExpiredItems as $item)
                                <tr>
                                    <td class="text-center">{{ $item->sublab }}</td>
                                    <td class="text-center">{{ $item->item_code }}</td>
                                    <td>{{ $item->item_description }}</td>
                                    <td class="text-center">{{ $item->lot_number }}</td>
                                    <td class="text-center">{{ $item->quantity }}</td>
                                    <td class="text-center">{{ \Carbon\Carbon::parse($item->exp_date)->format('Y-m-d') }}</td>
                                    <td class="text-center">
                                        @if($item->remaining_days === -1)
                                            @php
                                                $userLevel = auth()->user()->level;
                                                $canRequestMusnah = false;
                                                
                                                switch(strtolower($item->sublab)) {
                                                    case 'mikro':
                                                        $canRequestMusnah = ($userLevel == "user_mikro" || $userLevel == "super_admin");
                                                        break;
                                                    case 'cpo':
                                                        $canRequestMusnah = ($userLevel == "user_cpo" || $userLevel == "user_spvcpo" || $userLevel == "super_admin");
                                                        break;
                                                    case 'ci':
                                                        $canRequestMusnah = ($userLevel == "user_ci" || $userLevel == "super_admin");
                                                        break;
                                                    case 'adm':
                                                        $canRequestMusnah = ($userLevel == "user_adminsystem" || $userLevel == "user_spvadmin" || $userLevel == "super_admin");
                                                        break;
                                                }
                                            @endphp

                                            @if($canRequestMusnah)
                                                <div class="btn-group dropstart">
                                                    <button class="btn btn-danger btn-sm dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                                                        Sudah ED
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton1">
                                                        <li><a class="dropdown-item destroy-item" 
                                                            data-url="{{ route('item.musnah') }}"
                                                            data-barcode="{{ $item->barcode }}"
                                                            data-source="{{ strtolower($item->sublab) }}"
                                                            data-lot="{{ $item->lot_number }}"
                                                            data-desc="{{ $item->item_description }}"
                                                            data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : '-') }}"
                                                            href="javascript:void(0)">
                                                            <i class="material-icons align-middle">delete_forever</i>
                                                            <span>Request Musnah</span>
                                                        </a></li>
                                                    </ul>
                                                </div>
                                            @else
                                                <button class="btn btn-danger btn-sm" type="button" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                                                    Sudah ED
                                                </button>
                                            @endif
                                        @else
                                            @php
                                                $bgColor = '';
                                                $text = '';
                                                if ($item->remaining_days <= 30) {
                                                    $bgColor = '#ffc107'; // Kuning untuk < 30 hari
                                                    $text = $item->remaining_days . ' hari';
                                                    $btnClass = 'btn-warning';
                                                } else {
                                                    $bgColor = '#2196F3'; // Biru untuk 30-60 hari
                                                    $text = $item->remaining_days . ' hari';
                                                    $btnClass = 'btn-primary';
                                                }
                                            @endphp
                                            <button class="btn {{ $btnClass }} btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                                                {{ $text }}
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col">
            <div class="page-description d-flex align-items-center">
                <div class="page-description-content flex-grow-1">
                    <h1>History Item Musnah</h1>
                </div>
                <div class="page-description-actions">
                    <a href="{{ route('export.editem') }}" class="btn btn-success"><i class="material-icons">print</i>Export to Excel</a>
                </div>
            </div>
        </div>
    </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <ul class="nav nav-tabs" id="itemMusnahTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="request-tab" data-bs-toggle="tab" data-bs-target="#request" type="button" role="tab" aria-controls="request" aria-selected="true">
                                    Request Musnah 
                                    @if($pendingRequestCount > 0)
                                        <span class="badge rounded-pill badge-danger float-end" style="margin-left: 10px;">{{ $pendingRequestCount }}</span>
                                    @endif
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="historical-tab" data-bs-toggle="tab" data-bs-target="#historical" type="button" role="tab" aria-controls="historical" aria-selected="false">
                                    Historical Musnah
                                </button>
                            </li>
                        </ul>

                        <div class="tab-content mt-3" id="itemMusnahTabContent">
                            <!-- Tab Request -->
                            <div class="tab-pane fade show active" id="request" role="tabpanel" aria-labelledby="request-tab">
                                <div class="table-responsive">
                                    <table class="table table-striped" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th style="width:10%" class="text-center">Request by</th>
                                                <th style="width:10%" class="text-center">Item Code</th>
                                                <th style="width:20%" class="text-center">Item Description</th>
                                                <th style="width:10%" class="text-center">Item Detail</th>
                                                <th style="width:10%" class="text-center">Approve KU Sublab</th>
                                                <th style="width:10%" class="text-center">Approve SPV Adm</th>
                                                <th style="width:10%" class="text-center">Approve HOD</th>
                                                <th style="width:10%" class="text-center">Musnah By</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($historyitemmusnahreq as $item)
                                                <tr>
                                                    <td class="text-center">
                                                        @if($item->rejku_by)
                                                            <div class="dropdown">
                                                                {{ $item->reqby }}<br>{{ $item->created_at }}
                                                                @php
                                                                $userLevel = auth()->user()->level;
                                                                $canRecapa = false;
                                                                switch(strtolower($item->sublab)) {
                                                                    case 'mikro':
                                                                        $canRecapa = ($userLevel == 'user_mikro' || $userLevel == 'super_admin');
                                                                        break;
                                                                    case 'cpo':
                                                                        $canRecapa = ($userLevel == 'user_cpo' || $userLevel == 'super_admin');
                                                                        break;
                                                                    case 'ci':
                                                                        $canRecapa = ($userLevel == 'user_ci' || $userLevel == 'super_admin');
                                                                        break;
                                                                    case 'adm':
                                                                        $canRecapa = ($userLevel == 'user_adminsystem' || $userLevel == 'super_admin');
                                                                        break;
                                                                }
                                                                @endphp
                                                                @if($canRecapa)
                                                                    <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                        Need Action
                                                                        <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                    </button>
                                                                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownAction{{ $item->id }}">
                                                                    <li>
                                                                        <a class="dropdown-item action-request-modal"
                                                                            href="javascript:void(0)"
                                                                            data-id="{{ $item->id }}"
                                                                            data-itemdesc="{{ $item->itemdesc }}"
                                                                            data-lotnumber="{{ $item->lotnumber }}"
                                                                            data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : 'No Data') }}"
                                                                            data-reqby="{{ $item->reqby }}"
                                                                            data-created_at="{{ $item->created_at }}"
                                                                            data-rejku_by="{{ $item->rejku_by }}"
                                                                            data-rejku_det="{{ $item->rejku_det }}"
                                                                            data-rejku_at="{{ $item->rejku_at }}">
                                                                            <i class="material-icons align-middle">settings</i>
                                                                            <span>Action</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            @else
                                                                <button class="btn btn-primary btn-sm" type="button">
                                                                    Need Action
                                                                    <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                </button>
                                                            @endif
                                                        @else
                                                            {{ $item->reqby }}<br>{{ $item->created_at }}
                                                        @endif
                                                    </td>
                                                    <td class="text-center">
                                                        ({{ $item->sublab }})<br>{{ $item->itemcode }}
                                                    </td>
                                                    <td>{{ $item->itemdesc }}</td>
                                                    <td class="text-center">
                                                        ({{ $item->lotnumber }})<br>{{ $item->expdate }}
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            @if($item->approve_ku)
                                                                <div class="text-center">
                                                                    <button class="btn btn-success btn-sm" type="button">
                                                                        Approved✅
                                                                    </button><br>
                                                                    {{ $item->user_ku }}<br>
                                                                    {{ $item->approve_ku }}
                                                                </div>
                                                            @elseif(is_null($item->approve_spv) && is_null($item->rejku_by))
                                                                @php
                                                                    $userLevel = auth()->user()->level;
                                                                    $canApproveKU = false;
                                                                    switch(strtolower($item->sublab)) {
                                                                        case 'mikro':
                                                                            $canApproveKU = ($userLevel == 'user_kumikro' || $userLevel == 'super_admin');
                                                                            break;
                                                                        case 'cpo':
                                                                            $canApproveKU = ($userLevel == 'user_kucpo' || $userLevel == 'user_spvcpo' || $userLevel == 'super_admin');
                                                                            break;
                                                                        case 'ci':
                                                                            $canApproveKU = ($userLevel == 'user_kuci' || $userLevel == 'super_admin');
                                                                            break;
                                                                        case 'adm':
                                                                            $canApproveKU = ($userLevel == 'user_kuadmin' || $userLevel == 'super_admin');
                                                                            break;
                                                                    }
                                                                @endphp
                                                                @if($canApproveKU)
                                                                    <div class="dropdown">
                                                                        @if($item->rejspv_by)
                                                                            <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                {{ $item->status ?? 'Need Action' }}
                                                                                <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                            </button>
                                                                        @else
                                                                            <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                {{ $item->status ?? 'Need Approval' }}
                                                                            </button>
                                                                        @endif
                                                                        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownAction{{ $item->id }}">
                                                                            <li>
                                                                                <a class="dropdown-item action-ku-modal"
                                                                                    href="javascript:void(0)"
                                                                                    data-id="{{ $item->id }}"
                                                                                    data-itemdesc="{{ $item->itemdesc }}"
                                                                                    data-lotnumber="{{ $item->lotnumber }}"
                                                                                    data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : 'No Data') }}"
                                                                                    data-rejspv_by="{{ $item->rejspv_by }}"
                                                                                    data-rejspv_det="{{ $item->rejspv_det }}"
                                                                                    data-rejspv_at="{{ $item->rejspv_at }}">
                                                                                    <i class="material-icons align-middle">settings</i>
                                                                                    <span>Action</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                @else
                                                                    <button class="btn btn-warning btn-sm" type="button">
                                                                        Waiting Approval
                                                                    </button>
                                                                @endif
                                                            @elseif($item->rejku_by)
                                                                <div class="text-center">
                                                                    <button class="btn btn-danger btn-sm" type="button">
                                                                        Rejected❌
                                                                    </button><br>
                                                                    {{ $item->rejku_by }}<br>
                                                                    {{ $item->rejku_at }}
                                                                </div>
                                                            @else
                                                                <button class="btn btn-warning btn-sm" type="button">
                                                                    Pending
                                                                </button>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            @if($item->approve_spv)
                                                                <div class="text-center">
                                                                    <button class="btn btn-success btn-sm" type="button">
                                                                        Approved✅
                                                                    </button><br>
                                                                    {{ $item->user_spv }}<br>
                                                                    {{ $item->approve_spv }}
                                                                </div>
                                                            @elseif($item->approve_ku)
                                                                @if(auth()->user()->level == "user_spvadmin" || auth()->user()->level == "super_admin")
                                                                    <div class="dropdown">
                                                                        @if($item->rejhod_by)
                                                                            <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                {{ $item->status ?? 'Need Action' }}
                                                                                <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                            </button>
                                                                        @else
                                                                        <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            {{ $item->status ?? 'Need Approval' }}
                                                                        </button>
                                                                        @endif
                                                                        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownAction{{ $item->id }}">
                                                                            <li>
                                                                                <a class="dropdown-item action-spv-modal"
                                                                                    href="javascript:void(0)"
                                                                                    data-id="{{ $item->id }}"
                                                                                    data-itemdesc="{{ $item->itemdesc }}"
                                                                                    data-lotnumber="{{ $item->lotnumber }}"
                                                                                    data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : 'No Data') }}"
                                                                                    data-rejhod_by="{{ $item->rejhod_by }}"
                                                                                    data-rejhod_det="{{ $item->rejhod_det }}"
                                                                                    data-rejhod_at="{{ $item->rejhod_at }}">
                                                                                    <i class="material-icons align-middle">settings</i>
                                                                                    <span>Action</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                @else
                                                                    <button class="btn btn-warning btn-sm" type="button">
                                                                        Waiting Approval
                                                                    </button>
                                                                @endif
                                                            @elseif($item->rejspv_by)
                                                                <div class="text-center">
                                                                    <button class="btn btn-danger btn-sm" type="button">
                                                                        Rejected❌
                                                                    </button><br>
                                                                    {{ $item->rejspv_by }}<br>
                                                                    {{ $item->rejspv_at }}
                                                                </div>
                                                            @else
                                                            <button class="btn btn-warning btn-sm" type="button">
                                                                Pending
                                                            </button>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            @if($item->approve_hod)
                                                                <div class="text-center">
                                                                    <button class="btn btn-success btn-sm" type="button">
                                                                        Approved✅
                                                                    </button><br>
                                                                    {{ $item->user_hod }}<br>
                                                                    {{ $item->approve_hod }}
                                                                </div>
                                                            @elseif($item->approve_spv)
                                                                @if(auth()->user()->level == "user_hod" || auth()->user()->level == "super_admin")
                                                                    <div class="dropdown">
                                                                        <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            {{ $item->status ?? 'Need Action' }}
                                                                            <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                        </button>
                                                                        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownAction{{ $item->id }}">
                                                                            <li>
                                                                                <a class="dropdown-item action-hod-modal"
                                                                                    href="javascript:void(0)"
                                                                                    data-id="{{ $item->id }}"
                                                                                    data-itemdesc="{{ $item->itemdesc }}"
                                                                                    data-lotnumber="{{ $item->lotnumber }}"
                                                                                    data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : 'No Data') }}">
                                                                                    <i class="material-icons align-middle">settings</i>
                                                                                    <span>Action</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    @else
                                                                    <button class="btn btn-warning btn-sm" type="button">
                                                                        Waiting Approval
                                                                    </button>
                                                                @endif
                                                            @elseif($item->rejhod_by)
                                                            <div class="text-center">
                                                                <button class="btn btn-danger btn-sm" type="button">
                                                                    Rejected❌
                                                                </button><br>
                                                                {{ $item->rejhod_by }}<br>
                                                                {{ $item->rejhod_at }}
                                                            </div>
                                                            @else
                                                                <button class="btn btn-warning btn-sm" type="button">
                                                                    Pending
                                                                </button>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            @if($item->musnahby)
                                                                <div class="text-center">
                                                                    <button class="btn btn-success btn-sm" type="button">
                                                                        Done✅
                                                                    </button><br>
                                                                    {{ $item->musnahby }}<br>
                                                                    {{ $item->updated_at }}
                                                                </div>
                                                            @elseif($item->approve_hod)
                                                                @if(auth()->user()->level == "user_adminsystem" || auth()->user()->level == "user_spvadmin" || auth()->user()->level == "super_admin")
                                                                    <div class="dropdown">
                                                                        <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownAction{{ $item->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            {{ $item->status ?? 'Need Action' }}
                                                                            <i class="material-icons text-warning align-middle ms-1">warning</i>
                                                                        </button>
                                                                        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownAction{{ $item->id }}">
                                                                            <li>
                                                                                <a class="dropdown-item delete-request" 
                                                                                    href="javascript:void(0)"
                                                                                    data-id="{{ $item->id }}" 
                                                                                    data-barcode="{{ $item->barcode }}"
                                                                                    data-itemdesc="{{ $item->itemdesc }}"
                                                                                    data-lotnumber="{{ $item->lotnumber }}"
                                                                                    data-price="{{ $item->reference ? number_format($item->reference->price * ($item->quantity ?? 1), 0, ',', '.') : ($item->othItem ? number_format($item->othItem->price * ($item->quantity ?? 1), 0, ',', '.') : 'No Data') }}">
                                                                                    <i class="material-icons align-middle">delete_forever</i>
                                                                                    <span>Verifikasi Fisik</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                @else
                                                                    <button class="btn btn-warning btn-sm" type="button">
                                                                        {{ $item->status ?? 'Pending' }}
                                                                    </button>
                                                                @endif
                                                            @else
                                                                <button class="btn btn-warning btn-sm" type="button">
                                                                    Pending
                                                                </button>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <!-- Tab Historical -->
                            <div class="tab-pane fade" id="historical" role="tabpanel" aria-labelledby="historical-tab">
                                <div class="table-responsive">
                                    <table id="datatable4" class="display" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th style="width:10%" class="text-center hidden-column">Tgl</th>
                                                <th style="width:10%" class="text-center">Request by</th>
                                                <th style="width:10%" class="text-center">Item Code</th>
                                                <th style="width:20%" class="text-center">Item Description</th>
                                                <th style="width:10%" class="text-center">Item Detail</th>
                                                <th style="width:10%" class="text-center">Approve KU</th>
                                                <th style="width:10%" class="text-center">Approve SPV</th>
                                                <th style="width:10%" class="text-center">Approve HOD</th>
                                                <th style="width:10%" class="text-center">Musnah By</th>
                                                <th style="width:10%" class="text-center">Loss Value</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($historyitemmusnahdone as $item)
                                                <tr>
                                                    <td class="text-center hidden-column">
                                                        {{ $item->created_at }}
                                                    </td>
                                                    <td class="text-center">
                                                        {{ $item->reqby }}<br>{{ $item->created_at }}
                                                    </td>
                                                    <td class="text-center">
                                                        ({{ $item->sublab }})<br>{{ $item->itemcode }}
                                                    </td>
                                                    <td>{{ $item->itemdesc }}</td>
                                                    <td class="text-center">
                                                        ({{ $item->lotnumber }})<br>{{ $item->expdate }}
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            <div class="text-center">
                                                                <button class="btn btn-success btn-sm" type="button">
                                                                    Approved✅
                                                                </button><br>
                                                                {{ $item->user_ku }}<br>
                                                                {{ $item->approve_ku }}
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            <div class="text-center">
                                                                <button class="btn btn-success btn-sm" type="button">
                                                                    Approved✅
                                                                </button><br>
                                                                {{ $item->user_spv }}<br>
                                                                {{ $item->approve_spv }}
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            <div class="text-center">
                                                                <button class="btn btn-success btn-sm" type="button">
                                                                    Approved✅
                                                                </button><br>
                                                                {{ $item->user_hod }}<br>
                                                                {{ $item->approve_hod }}
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            <div class="text-center">
                                                                <button class="btn btn-success btn-sm" type="button">
                                                                    Musnah✅
                                                                </button><br>
                                                                {{ $item->musnahby }}<br>
                                                                {{ $item->updated_at }}
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <button class="btn btn-danger btn-sm" type="button">
                                                            Rp{{ $item->loss_value }}
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- Modal Input Barcode Musnah -->
    <div class="modal fade" id="scannerMusnahModal" tabindex="-1" aria-labelledby="scannerMusnahModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="scannerMusnahModalLabel">Scan Barcode untuk Konfirmasi</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="barcodeMusnahForm">
                        <div class="mb-3">
                            <label for="barcodeInput" class="form-label">Scan Barcode</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="barcodeInput" autocomplete="off">
                                <button type="button" class="btn btn-primary" id="scanMusnahButton">
                                    <i class="material-icons">qr_code_scanner</i>
                                </button>
                            </div>
                        </div>
                        <div id="scanMusnahResult"></div>
                    </form>
                    <div id="readerMusnah" class="mt-3" style="display: none;"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Request Musnah -->
    <div class="modal fade" id="requestMusnahModal" tabindex="-1" aria-labelledby="requestMusnahModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="requestMusnahModalLabel">Request Musnah</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <div class="text-center mb-3">
                        <h5 id="requestModalItemDesc"></h5>
                        <h5 class="text-muted" id="requestModalLotNumber"></h5>
                        <h3 class="text-danger fw-bold" id="requestModalPrice"></h3>
                    </div>
                    <div class="mb-3 d-flex align-items-center justify-content-center" id="CapaAttachmentArea">
                        <div id="CapaAttachmentContent">
                            <!-- Akan diisi oleh JS -->
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="requestAttachment" class="form-label">
                            Upload CAPA <span class="text-danger">*</span>
                        </label>
                        <div style="border: 2px solid #dee2e6; border-radius: 8px; padding: 15px; background-color: #f8f9fa; max-width: 400px; margin: 0 auto;">
                            <input type="file" class="form-control" id="requestAttachment" accept=".docx,.xlsx,.pdf" required>
                            <div class="form-text">
                                .docx, .xlsx, .pdf (Max 5MB)
                            </div>
                            <div id="attachmentError" class="text-danger mt-1" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="d-grid gap-2" style="max-width: 300px; margin: 0 auto;">
                        <button type="button" class="btn btn-danger" id="confirmRequestButton">
                            <i class="material-icons align-middle me-2">delete_forever</i>
                            Request
                        </button>
                        <button type="button" class="btn btn-secondary" id="cancelRequestButton">
                            <i class="material-icons align-middle me-2">cancel</i>
                            Cancel
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Action KU -->
    <div class="modal fade" id="actionKUModal" tabindex="-1" aria-labelledby="actionKUModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="actionKUModalLabel">Action KU</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3">
                        <h5 id="modalItemDesc"></h5>
                        <h5 class="text-muted" id="modalLotNumber"></h5>
                        <h3 class="text-danger fw-bold" id="modalPrice"></h3>
                    </div>
                    <div class="mb-3">
                        <label id="modalCapaLabel" class="form-label fw-bold">CAPA Attachment:</label>
                        <div id="modalCapaAttachment" class="border rounded p-3 bg-light">
                            <!-- Akan diisi oleh JavaScript -->
                        </div>
                    </div>
                    <div class="mb-3" id="rejspvDetBlock" style="display: none;">
                        <label id="rejspvFeedbackLabel" class="form-label fw-bold"><em>Feedback SPV:</em></label> 
                        <div id="rejspvDetText" class="border rounded p-3 bg-light text-danger"></div>
                    </div>
                    <div class="mb-3" id="kuAttachmentBlock" style="display: none;">
                        <label for="kuAttachment" class="form-label">
                            Upload CAPA Terbaru <span class="text-danger">*</span>
                        </label>
                        <div style="border: 2px solid #dee2e6; border-radius: 8px; padding: 15px; background-color: #f8f9fa; max-width: 400px; margin: 0 auto;">
                            <input type="file" class="form-control" id="kuAttachment" accept=".docx,.xlsx,.pdf" required>
                            <div class="form-text">
                                .docx, .xlsx, .pdf (Max 5MB)
                            </div>
                            <div id="kuAttachmentError" class="text-danger mt-1" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="d-grid gap-2">
                        <button type="button" class="btn btn-success" id="approveKUButton">
                            <i class="material-icons align-middle me-2">check_circle</i>
                            Approve
                        </button>
                        <button type="button" class="btn btn-danger" id="rejectKUButton">
                            <i class="material-icons align-middle me-2">cancel</i>
                            Reject (Back to Analis)
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Action SPV -->
    <div class="modal fade" id="actionSPVModal" tabindex="-1" aria-labelledby="actionSPVModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="actionSPVModalLabel">Action SPV</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3">
                        <h5 id="modalSPVItemDesc"></h5>
                        <h5 class="text-muted" id="modalSPVLotNumber"></h5>
                        <h3 class="text-danger fw-bold" id="modalSPVPrice"></h3>
                    </div>
                    <div class="mb-3">
                        <label id="modalSPVCapaLabel" class="form-label fw-bold">CAPA Attachment:</label>
                        <div id="modalSPVCapaAttachment" class="border rounded p-3 bg-light">
                            <!-- Akan diisi oleh JavaScript -->
                        </div>
                    </div>
                    <div class="mb-3" id="rejhodDetBlock" style="display: none;">
                        <label id="rejhodFeedbackLabel" class="form-label fw-bold"><em>Feedback HOD:</em></label>
                        <div id="rejhodDetText" class="border rounded p-3 bg-light text-danger"></div>
                    </div>
                    <div class="mb-3" id="spvAttachmentBlock" style="display: none;">
                        <label for="spvAttachment" class="form-label">
                            Upload CAPA Terbaru <span class="text-danger">*</span>
                        </label>
                        <div style="border: 2px solid #dee2e6; border-radius: 8px; padding: 15px; background-color: #f8f9fa; max-width: 400px; margin: 0 auto;">
                            <input type="file" class="form-control" id="spvAttachment" accept=".docx,.xlsx,.pdf" required>
                            <div class="form-text">
                                .docx, .xlsx, .pdf (Max 5MB)
                            </div>
                            <div id="spvAttachmentError" class="text-danger mt-1" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="d-grid gap-2">
                        <button type="button" class="btn btn-success" id="approveSPVButton">
                            <i class="material-icons align-middle me-2">check_circle</i>
                            Approve
                        </button>
                        <button type="button" class="btn btn-danger" id="rejectSPVButton">
                            <i class="material-icons align-middle me-2">cancel</i>
                            Reject (Back to KU)
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Action HOD -->
    <div class="modal fade" id="actionHODModal" tabindex="-1" aria-labelledby="actionHODModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="actionHODModalLabel">Action HOD</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3">
                        <h5 id="modalHODItemDesc"></h5>
                        <h5 class="text-muted" id="modalHODLotNumber"></h5>
                        <h3 class="text-danger fw-bold" id="modalHODPrice"></h3>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">CAPA Attachment:</label>
                        <div id="modalHODCapaAttachment" class="border rounded p-3 bg-light">
                            <!-- Akan diisi oleh JavaScript -->
                        </div>
                    </div>
                    <div class="d-grid gap-2">
                        <button type="button" class="btn btn-success" id="approveHODButton">
                            <i class="material-icons align-middle me-2">check_circle</i>
                            Approve
                        </button>
                        <button type="button" class="btn btn-danger" id="rejectHODButton">
                            <i class="material-icons align-middle me-2">cancel</i>
                            Reject (Back to SPV)
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Re-capa Request -->
    <div class="modal fade" id="actionRequestModal" tabindex="-1" aria-labelledby="actionRequestModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="actionRequestModalLabel">Detail Request</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3">
                        <h5 id="modalRequestItemDesc"></h5>
                        <h5 class="text-muted" id="modalRequestLotNumber"></h5>
                        <h3 class="text-danger fw-bold" id="modalRequestPrice"></h3>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">CAPA Rejected:</label>
                        <div id="modalRequestCapaAttachment" class="border rounded p-3 bg-light">
                            <!-- Akan diisi oleh JavaScript -->
                        </div>
                    </div>
                    <div class="mb-3" id="rejkuDetBlock" style="display: none;">
                        <label id="rejkuFeedbackLabel" class="form-label fw-bold"><em>Feedback KU:</em></label>
                        <div id="rejkuDetText" class="border rounded p-3 bg-light text-danger"></div>
                    </div>
                    <div class="mb-3" id="requestAttachmentBlock" style="display: none;">
                        <label for="requestAttachmentResubmit" class="form-label">
                            Upload CAPA Terbaru <span class="text-danger">*</span>
                        </label>
                        <div style="border: 2px solid #dee2e6; border-radius: 8px; padding: 15px; background-color: #f8f9fa; max-width: 400px; margin: 0 auto;">
                            <input type="file" class="form-control" id="requestAttachmentResubmit" accept=".docx,.xlsx,.pdf" required>
                            <div class="form-text">
                                .docx, .xlsx, .pdf (Max 5MB)
                            </div>
                            <div id="requestAttachmentResubmitError" class="text-danger mt-1" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="d-grid gap-2">
                        <button type="button" class="btn btn-success" id="approveRequestButton">
                            <i class="material-icons align-middle me-2">check_circle</i>
                            Re-Submit
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Reject SPV -->
    <div class="modal fade" id="modalRejectSPV" tabindex="-1" aria-labelledby="modalRejectSPVLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalRejectSPVLabel">Feedback Reject SPV</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form id="formRejectSPV">
              <div class="mb-3">
                <label for="rejspv_det" class="form-label">Detail Reject</label>
                <textarea class="form-control" id="rejspv_det" name="rejspv_det" rows="3" required></textarea>
              </div>
              <input type="hidden" id="reject_spv_id" name="id" value="">
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
            <button type="button" class="btn btn-danger" id="submitRejectSPV">Submit Reject</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal Reject HOD -->
    <div class="modal fade" id="modalRejectHOD" tabindex="-1" aria-labelledby="modalRejectHODLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalRejectHODLabel">Feedback Reject HOD</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form id="formRejectHOD">
              <div class="mb-3">
                <label for="rejhod_det" class="form-label">Detail Reject</label>
                <textarea class="form-control" id="rejhod_det" name="rejhod_det" rows="3" required></textarea>
              </div>
              <input type="hidden" id="reject_hod_id" name="id" value="">
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
            <button type="button" class="btn btn-danger" id="submitRejectHOD">Submit Reject</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal Reject KU -->
    <div class="modal fade" id="modalRejectKU" tabindex="-1" aria-labelledby="modalRejectKULabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalRejectKULabel">Feedback Reject KU</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form id="formRejectKU">
              <div class="mb-3">
                <label for="rejku_det" class="form-label">Detail Reject</label>
                <textarea class="form-control" id="rejku_det" name="rejku_det" rows="3" required></textarea>
              </div>
              <input type="hidden" id="reject_ku_id" name="id" value="">
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
            <button type="button" class="btn btn-danger" id="submitRejectKU">Submit Reject</button>
          </div>
        </div>
      </div>
    </div>

@push('scripts')
    <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 src="{{ asset('assets/plugins/perfectscroll/perfect-scrollbar.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/pace/pace.min.js') }}"></script>
    <script src="{{ asset('assets/js/custom.js') }}"></script>
    <script src="{{ asset('assets/js/pages/dashboard.js') }}"></script>
    <script src="https://unpkg.com/html5-qrcode"></script>
    <script type="text/javascript">
$(document).ready(function() {
    let html5QrcodeScanner = null;
    let isProcessing = false;

    // Tombol scan untuk modal musnah
    $('#scanMusnahButton').on('click', function() {
        $('#readerMusnah').show();
        if (!html5QrcodeScanner) {
            startScanner();
        }
    });

    // Inisialisasi scanner
    function startScanner() {
        if (html5QrcodeScanner === null) {
            html5QrcodeScanner = new Html5QrcodeScanner("readerMusnah", {
                fps: 60,
                qrbox: {width: 600, height: 600},
                aspectRatio: 1.0,
                formatsToSupport: [
                    Html5QrcodeSupportedFormats.QR_CODE,
                    Html5QrcodeSupportedFormats.EAN_13,
                    Html5QrcodeSupportedFormats.CODE_128
                ],
                experimentalFeatures: {
                    useBarCodeDetectorIfSupported: true
                },
                videoConstraints: {
                    focusMode: "continuous",
                    facingMode: "environment",
                    frameRate: { ideal: 60, min: 30 },
                    width: { min: 1280, ideal: 1920 },
                    height: { min: 720, ideal: 1080 }
                },
                showTorchButtonIfSupported: true,
                defaultZoomValueIfSupported: 2,
                scanning: true,
                maxScansPerSecond: 10,
                returnAllCodes: true
            });

            html5QrcodeScanner.render(onScanSuccess, onScanError);
        }
    }

    // Handler ketika scan berhasil
    function onScanSuccess(decodedText) {
        if (isProcessing) return;
        isProcessing = true;

        $('#barcodeInput').val(decodedText);
        $('#readerMusnah').hide();
        if (html5QrcodeScanner) {
            html5QrcodeScanner.clear();
            html5QrcodeScanner = null;
        }
        isProcessing = false;
        
        // Submit form setelah scan berhasil
        $('#barcodeMusnahForm').submit();
    }

    // Handler ketika scan error
    function onScanError(error) {
        // Handle scan error
    }

    // Cleanup scanner ketika modal ditutup
    $('#scannerMusnahModal').on('hidden.bs.modal', function () {
        $('#barcodeInput').val('');
        $('#scanMusnahResult').html('');
        $('#readerMusnah').hide();
        if (html5QrcodeScanner) {
            html5QrcodeScanner.clear();
            html5QrcodeScanner = null;
        }
        isProcessing = false;
        
        // Hapus data yang disimpan
        $('#scannerMusnahModal').removeData('requestId');
        $('#scannerMusnahModal').removeData('barcode');
        $('#scannerMusnahModal').removeData('itemDesc');
        $('#scannerMusnahModal').removeData('lotNumber');
        $('#scannerMusnahModal').removeData('price');
    });

    // Event handler untuk tombol musnah
    $('.destroy-item').click(function(e) {
        e.preventDefault();
        const url = $(this).data('url');
        const barcode = $(this).data('barcode');
        const sourceTable = $(this).data('source');
        const lotNumber = $(this).data('lot');
        const itemDesc = $(this).data('desc');
        const price = $(this).data('price');
        
        // Set data ke modal request musnah
        $('#requestModalItemDesc').text(itemDesc);
        $('#requestModalLotNumber').text(`Lot Number: ${lotNumber}`);
        
        // Simpan data untuk digunakan di tombol confirm/cancel
        $('#requestMusnahModal').data('url', url);
        $('#requestMusnahModal').data('barcode', barcode);
        $('#requestMusnahModal').data('sourceTable', sourceTable);
        $('#requestMusnahModal').data('lotNumber', lotNumber);
        $('#requestMusnahModal').data('itemDesc', itemDesc);
        
        // Tampilkan modal
        $('#requestMusnahModal').modal('show');
    });

    // Event handler untuk tombol Request di modal request musnah
    $('#confirmRequestButton').click(function() {
        const url = $('#requestMusnahModal').data('url');
        const barcode = $('#requestMusnahModal').data('barcode');
        const sourceTable = $('#requestMusnahModal').data('sourceTable');
        const lotNumber = $('#requestMusnahModal').data('lotNumber');
        const itemDesc = $('#requestMusnahModal').data('itemDesc');
        const price = $('#requestMusnahModal').data('price');
        
        // Validasi file upload
        const fileInput = $('#requestAttachment')[0];
        if (!fileInput.files || fileInput.files.length === 0) {
            $('#attachmentError').text('CAPA harus diupload!').show();
            return;
        }
        
        const file = fileInput.files[0];
        const allowedTypes = [
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document', // .docx
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', // .xlsx
            'application/pdf' // .pdf
        ];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            $('#attachmentError').text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        
        // Validasi ukuran file
        if (file.size > maxSize) {
            $('#attachmentError').text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        
        // Sembunyikan error jika validasi berhasil
        $('#attachmentError').hide();
        
        // Validasi qty tersedia sebelum konfirmasi
        $.ajax({
            url: '{{ route("check.qty.available") }}',
            type: 'POST',
            data: {
                barcode: barcode,
                source_table: sourceTable,
                lot_number: lotNumber,
                _token: $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                if (response.available) {
                    // Qty masih tersedia, tampilkan konfirmasi final
                    Swal.fire({
                        title: 'Konfirmasi Request Musnah',
                        html: `<strong>${itemDesc}</strong><br>
                               <strong>LOT ${lotNumber}</strong><br>
                               <br>
                               Anda yakin ingin membuat request pemusnahan untuk item ini?`,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: 'Ya, Request!',
                        cancelButtonText: 'Batal'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Buat FormData untuk upload file
                            const formData = new FormData();
                            formData.append('barcode', barcode);
                            formData.append('source_table', sourceTable);
                            formData.append('lot_number', lotNumber);
                            formData.append('attachment', file);
                            formData.append('_token', $('meta[name="csrf-token"]').attr('content'));
                            
                            $.ajax({
                                url: url,
                                type: 'POST',
                                data: formData,
                                processData: false,
                                contentType: false,
                                success: function(response) {
                                    if (response.success) {
                                        $('#requestMusnahModal').modal('hide');
                                        Swal.fire(
                                            'Berhasil!',
                                            'Request pemusnahan item telah dibuat.',
                                            'success'
                                        ).then(() => {
                                            location.reload();
                                        });
                                    } else {
                                        Swal.fire(
                                            'Gagal!',
                                            response.message || 'Terjadi kesalahan saat membuat request pemusnahan.',
                                            'error'
                                        );
                                    }
                                },
                                error: function() {
                                    Swal.fire(
                                        'Error!',
                                        'Terjadi kesalahan pada server.',
                                        'error'
                                    );
                                }
                            });
                        }
                    });
                } else {
                    // Qty tidak tersedia, tampilkan pesan error
                    Swal.fire(
                        'Tidak Dapat Diproses!',
                        response.message,
                        'error'
                    );
                }
            },
            error: function() {
                Swal.fire(
                    'Error!',
                    'Terjadi kesalahan saat memeriksa ketersediaan item.',
                    'error'
                );
            }
        });
    });

    // Event handler untuk tombol Cancel di modal request musnah
    $('#cancelRequestButton').click(function() {
        $('#requestMusnahModal').modal('hide');
    });

    // Event handler untuk validasi file input real-time
    $('#requestAttachment').on('change', function() {
        const fileInput = this;
        const errorDiv = $('#attachmentError');
        
        if (!fileInput.files || fileInput.files.length === 0) {
            errorDiv.text('File harus diupload!').show();
            return;
        }
        
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            errorDiv.text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        
        // Validasi ukuran file
        if (file.size > maxSize) {
            errorDiv.text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        
        // Jika semua validasi berhasil, sembunyikan error
        errorDiv.hide();
    });

    // Validasi file input untuk KU Attachment
    $('#kuAttachment').on('change', function() {
        const fileInput = this;
        const errorDiv = $('#kuAttachmentError');
        
        if (!fileInput.files || fileInput.files.length === 0) {
            errorDiv.text('File harus diupload!').show();
            return;
        }
        
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            errorDiv.text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        
        // Validasi ukuran file
        if (file.size > maxSize) {
            errorDiv.text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        
        // Jika semua validasi berhasil, sembunyikan error
        errorDiv.hide();
    });

    // Cleanup data modal request musnah ketika ditutup
    $('#requestMusnahModal').on('hidden.bs.modal', function () {
        $('#requestMusnahModal').removeData('url');
        $('#requestMusnahModal').removeData('barcode');
        $('#requestMusnahModal').removeData('sourceTable');
        $('#requestMusnahModal').removeData('lotNumber');
        $('#requestMusnahModal').removeData('itemDesc');
        $('#requestMusnahModal').removeData('price');
        
        // Reset file input dan error message
        $('#requestAttachment').val('');
        $('#attachmentError').hide();
    });

    // Re-initialize DataTables when showing tab
    $('button[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
        $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
    });

    // Revisi event handler untuk tombol Musnahkan
    $('.delete-request').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const barcode = $(this).data('barcode');
        const itemDesc = $(this).data('itemdesc');
        const lotNumber = $(this).data('lotnumber');
        const price = $(this).data('price');
        
        // Simpan data untuk digunakan nanti
        $('#scannerMusnahModal').data('requestId', id);
        $('#scannerMusnahModal').data('barcode', barcode);
        $('#scannerMusnahModal').data('itemDesc', itemDesc);
        $('#scannerMusnahModal').data('lotNumber', lotNumber);
        $('#scannerMusnahModal').data('price', price);
        $('#scannerMusnahModal').modal('show');
    });

    // Tambahkan event listener untuk modal show
    $('#scannerMusnahModal').on('shown.bs.modal', function () {
        $('#barcodeInput').focus();
        $('#barcodeInput').val(''); // Reset input value
    });

    // Event handler untuk form barcode
    $('#barcodeMusnahForm').submit(function(e) {
        e.preventDefault();
        const scannedBarcode = $('#barcodeInput').val();
        const requestId = $('#scannerMusnahModal').data('requestId');
        const expectedBarcode = $('#scannerMusnahModal').data('barcode');
        const itemDesc = $('#scannerMusnahModal').data('itemDesc');
        const lotNumber = $('#scannerMusnahModal').data('lotNumber');
        const price = $('#scannerMusnahModal').data('price');

        // Pastikan trim whitespace dan konversi ke string
        const cleanScannedBarcode = String(scannedBarcode).trim();
        const cleanExpectedBarcode = String(expectedBarcode).trim();
        
        if (cleanScannedBarcode === cleanExpectedBarcode) {
            // Barcode cocok, tampilkan konfirmasi
            $('#scannerMusnahModal').modal('hide');
            
            Swal.fire({
                title: 'Barcode Match✅',
                html: `<strong>Konfirmasi Pemusnahan</strong><br>${itemDesc} (${lotNumber})<br>
                   <strong style="color: red;">Est Loss Value : Rp${price}</strong><br><br>
                   Anda yakin ingin memusnahkan item ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, Musnahkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Kirim request ke server
                    $.ajax({
                        url: '{{ route("item.execute.musnah.cekfisik") }}',
                        type: 'POST',
                        data: {
                            id: requestId,
                            barcode: cleanExpectedBarcode,
                            _token: $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            if (response.success) {
                                Swal.fire(
                                    'Berhasil!',
                                    'Item telah dimusnahkan.',
                                    'success'
                                ).then(() => {
                                    location.reload();
                                });
                            } else {
                                Swal.fire(
                                    'Gagal!',
                                    response.message,
                                    'error'
                                );
                            }
                        },
                        error: function() {
                            Swal.fire(
                                'Error!',
                                'Terjadi kesalahan pada server.',
                                'error'
                            );
                        }
                    });
                }
            });
        } else {
            Swal.fire({
                title: 'Error!',
                text: 'Barcode tidak sesuai!',
                icon: 'error'
            });
        }
        
        $('#barcodeInput').val('');
    });

    // Event handler untuk tombol action KU modal
    $('.action-ku-modal').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const itemDesc = $(this).data('itemdesc');
        const lotNumber = $(this).data('lotnumber');
        const price = $(this).data('price');
        const rejspv_by = $(this).data('rejspv_by');
        const rejspv_det = $(this).data('rejspv_det');
        const rejspv_at = $(this).data('rejspv_at');
        if (rejspv_by) {
            $('#modalCapaLabel').text('CAPA Rejected:');
            $('#kuAttachmentBlock').show();
            if (rejspv_det) {
                $('#rejspvDetText').text(rejspv_det);
                let feedbackLabel = `Feedback SPV <em>(${rejspv_by ? rejspv_by : ''})</em>`;
                $('#rejspvFeedbackLabel').html(feedbackLabel);
                $('#rejspvDetBlock').show();
            } else {
                $('#rejspvDetBlock').hide();
            }
            $('#approveKUButton').html('<i class="material-icons align-middle me-2">check_circle</i> Re-Submit');
        } else {
            $('#modalCapaLabel').text('CAPA Attachment:');
            $('#kuAttachmentBlock').hide();
            $('#rejspvDetBlock').hide();
            $('#approveKUButton').html('<i class="material-icons align-middle me-2">check_circle</i> Approve');
        }
        
        // Set data ke modal
        $('#modalItemDesc').text(itemDesc);
        $('#modalLotNumber').text(`Lot Number: ${lotNumber}`);
        $('#modalPrice').text(`Est Loss Value: Rp${price}`);
        
        // Simpan ID untuk digunakan di tombol approve/reject
        $('#actionKUModal').data('requestId', id);
        
        // Ambil data CAPA file dari server
        $.ajax({
            url: '{{ route("get.capa.file") }}',
            type: 'GET',
            data: { id: id },
            success: function(response) {
                if (response.success && response.capa_file) {
                    const fileName = response.original_filename ? response.original_filename : response.capa_file.split('/').pop();
                    const downloadUrl = `/download-capa/${response.id}`;
                    $('#modalCapaAttachment').html(`
                        <div class="d-flex align-items-center">
                            <i class="material-icons text-primary me-2">attachment</i>
                            <a href="${downloadUrl}" target="_blank" class="text-decoration-none">
                                <strong>${fileName}</strong>
                            </a>
                        </div>
                    `);
                } else {
                    $('#modalCapaAttachment').html(`
                        <div class="text-center text-muted">
                            <i class="material-icons">file_upload</i>
                            <p class="mb-0">No CAPA file uploaded</p>
                        </div>
                    `);
                }
            },
            error: function() {
                $('#modalCapaAttachment').html(`
                    <div class="text-center text-danger">
                        <i class="material-icons">error</i>
                        <p class="mb-0">Error loading CAPA file</p>
                    </div>
                `);
            }
        });
        
        // Tampilkan modal
        $('#actionKUModal').modal('show');
    });

    // Event handler untuk tombol Approve di modal
    $('#approveKUButton').click(function() {
        const id = $('#actionKUModal').data('requestId');
        const isRejectedSPV = $('#kuAttachmentBlock').is(':visible');
        let formData = new FormData();
        formData.append('id', id);
        formData.append('_token', $('meta[name="csrf-token"]').attr('content'));

        if (isRejectedSPV) {
            const fileInput = $('#kuAttachment')[0];
            if (!fileInput.files || fileInput.files.length === 0) {
                $('#kuAttachmentError').text('File CAPA harus diupload!').show();
                return;
            }
            formData.append('kuAttachment', fileInput.files[0]);
        }

        Swal.fire({
            title: 'Konfirmasi Approve',
            text: 'Apakah Anda yakin ingin approve request ini?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Approve!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item.execute.musnah.approveku") }}',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            $('#actionKUModal').modal('hide');
                            Swal.fire(
                                'Berhasil!',
                                'Request telah di-approve oleh KU.',
                                'success'
                            ).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire(
                                'Gagal!',
                                response.message,
                                'error'
                            );
                        }
                    },
                    error: function() {
                        Swal.fire(
                            'Error!',
                            'Terjadi kesalahan pada server.',
                            'error'
                        );
                    }
                });
            }
        });
    });

    // Event handler untuk tombol Reject di modal
    $('#rejectKUButton').click(function() {
        const id = $('#actionKUModal').data('requestId');
        $('#reject_ku_id').val(id); // Set ID untuk form reject
        // $('#actionKUModal').modal('hide'); // Tutup modal KU
        $('#modalRejectKU').modal('show'); // Buka modal reject KU
    });

    // Event handler untuk tombol action SPV modal
    $('.action-spv-modal').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const itemDesc = $(this).data('itemdesc');
        const lotNumber = $(this).data('lotnumber');
        const price = $(this).data('price');
        const rejhod_by = $(this).data('rejhod_by');
        const rejhod_det = $(this).data('rejhod_det');
        const rejhod_at = $(this).data('rejhod_at');
        
        // Set data ke modal
        $('#modalSPVItemDesc').text(itemDesc);
        $('#modalSPVLotNumber').text(`Lot Number: ${lotNumber}`);
        $('#modalSPVPrice').text(`Est Loss Value: Rp${price}`);
        
        // Simpan ID untuk digunakan di tombol approve/reject
        $('#actionSPVModal').data('requestId', id);
        
        if (rejhod_by) {
            $('#modalSPVCapaLabel').text('CAPA Rejected:');
            $('#spvAttachmentBlock').show();
            if (rejhod_det) {
                $('#rejhodDetText').text(rejhod_det);
                let feedbackLabel = `Feedback HOD <em>(${rejhod_by ? rejhod_by : ''})</em>`;
                $('#rejhodFeedbackLabel').html(feedbackLabel);
                $('#rejhodDetBlock').show();
            } else {
                $('#rejhodDetBlock').hide();
            }
            $('#approveSPVButton').html('<i class="material-icons align-middle me-2">check_circle</i> Re-Submit');
        } else {
            $('#modalSPVCapaLabel').text('CAPA Attachment:');
            $('#spvAttachmentBlock').hide();
            $('#rejhodDetBlock').hide();
            $('#approveSPVButton').html('<i class="material-icons align-middle me-2">check_circle</i> Approve');
        }
        
        // Ambil data CAPA file dari server
        $.ajax({
            url: '{{ route("get.capa.file") }}',
            type: 'GET',
            data: { id: id },
            success: function(response) {
                if (response.success && response.capa_file) {
                    const fileName = response.original_filename ? response.original_filename : response.capa_file.split('/').pop();
                    const downloadUrl = `/download-capa/${response.id}`;
                    $('#modalSPVCapaAttachment').html(`
                        <div class="d-flex align-items-center">
                            <i class="material-icons text-primary me-2">attachment</i>
                            <a href="${downloadUrl}" target="_blank" class="text-decoration-none">
                                <strong>${fileName}</strong>
                            </a>
                        </div>
                    `);
                } else {
                    $('#modalSPVCapaAttachment').html(`
                        <div class="text-center text-muted">
                            <i class="material-icons">file_upload</i>
                            <p class="mb-0">No CAPA file uploaded</p>
                        </div>
                    `);
                }
            },
            error: function() {
                $('#modalSPVCapaAttachment').html(`
                    <div class="text-center text-danger">
                        <i class="material-icons">error</i>
                        <p class="mb-0">Error loading CAPA file</p>
                    </div>
                `);
            }
        });
        
        // Tampilkan modal
        $('#actionSPVModal').modal('show');
    });

    // Event handler untuk tombol Approve di modal SPV
    $('#approveSPVButton').click(function() {
        const id = $('#actionSPVModal').data('requestId');
        const isRejectedHOD = $('#spvAttachmentBlock').is(':visible');
        let formData = new FormData();
        formData.append('id', id);
        formData.append('_token', $('meta[name="csrf-token"]').attr('content'));

        if (isRejectedHOD) {
            const fileInput = $('#spvAttachment')[0];
            if (!fileInput.files || fileInput.files.length === 0) {
                $('#spvAttachmentError').text('File CAPA harus diupload!').show();
                return;
            }
            formData.append('spvAttachment', fileInput.files[0]);
        }

        Swal.fire({
            title: 'Konfirmasi Approve',
            text: 'Apakah Anda yakin ingin approve request ini?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Approve!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item.execute.musnah.approvespv") }}',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            $('#actionSPVModal').modal('hide');
                            Swal.fire(
                                'Berhasil!',
                                'Request telah di-approve oleh SPV.',
                                'success'
                            ).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire(
                                'Gagal!',
                                response.message,
                                'error'
                            );
                        }
                    },
                    error: function() {
                        Swal.fire(
                            'Error!',
                            'Terjadi kesalahan pada server.',
                            'error'
                        );
                    }
                });
            }
        });
    });

    // Event handler untuk tombol Reject di modal SPV
    $('#rejectSPVButton').click(function() {
        const id = $('#actionSPVModal').data('requestId');
        $('#reject_spv_id').val(id); // Set ID untuk form reject
        $('#modalRejectSPV').modal('show');
    });

    // Event handler untuk tombol Submit Reject di modal Reject SPV
    $('#submitRejectSPV').on('click', function(e) {
        e.preventDefault();
        var feedback = $('#rejspv_det').val();
        var id = $('#reject_spv_id').val();
        if (!feedback) {
            Swal.fire({
                icon: 'warning',
                title: 'Peringatan!',
                text: 'Feedback reject harus diisi!',
                showConfirmButton: true
            });
            return;
        }
        Swal.fire({
            title: 'Konfirmasi Reject',
            text: 'Apakah Anda yakin ingin reject request ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Reject!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                // AJAX ke endpoint backend
                $.ajax({
                    url: '{{ route("item.execute.musnah.approvespv") }}', // Ganti dengan route yang benar
                    method: 'POST',
                    data: {
                        id: id,
                        action: 'reject',
                        rejspv_det: feedback,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#modalRejectSPV').modal('hide');
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: 'Request berhasil direject!',
                                showConfirmButton: true
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: response.message || 'Gagal reject request.',
                                showConfirmButton: true
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: 'Terjadi kesalahan saat mengirim data.',
                            showConfirmButton: true
                        });
                    }
                });
            }
        });
    });

    // Event handler untuk tombol action HOD modal
    $('.action-hod-modal').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const itemDesc = $(this).data('itemdesc');
        const lotNumber = $(this).data('lotnumber');
        const price = $(this).data('price');
        
        // Set data ke modal
        $('#modalHODItemDesc').text(itemDesc);
        $('#modalHODLotNumber').text(`Lot Number: ${lotNumber}`);
        $('#modalHODPrice').text(`Est Loss Value: Rp${price}`);
        
        // Simpan ID untuk digunakan di tombol approve/reject
        $('#actionHODModal').data('requestId', id);
        
        // Ambil data CAPA file dari server
        $.ajax({
            url: '{{ route("get.capa.file") }}',
            type: 'GET',
            data: { id: id },
            success: function(response) {
                if (response.success && response.capa_file) {
                    const fileName = response.original_filename ? response.original_filename : response.capa_file.split('/').pop();
                    const downloadUrl = `/download-capa/${response.id}`;
                    $('#modalHODCapaAttachment').html(`
                        <div class="d-flex align-items-center">
                            <i class="material-icons text-primary me-2">attachment</i>
                            <a href="${downloadUrl}" target="_blank" class="text-decoration-none">
                                <strong>${fileName}</strong>
                            </a>
                        </div>
                    `);
                } else {
                    $('#modalHODCapaAttachment').html(`
                        <div class="text-center text-muted">
                            <i class="material-icons">file_upload</i>
                            <p class="mb-0">No CAPA file uploaded</p>
                        </div>
                    `);
                }
            },
            error: function() {
                $('#modalHODCapaAttachment').html(`
                    <div class="text-center text-danger">
                        <i class="material-icons">error</i>
                        <p class="mb-0">Error loading CAPA file</p>
                    </div>
                `);
            }
        });
        
        // Tampilkan modal
        $('#actionHODModal').modal('show');
    });

    // Event handler untuk tombol Approve di modal HOD
    $('#approveHODButton').click(function() {
        const id = $('#actionHODModal').data('requestId');
        
        Swal.fire({
            title: 'Konfirmasi Approve',
            text: 'Apakah Anda yakin ingin approve request ini?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Approve!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item.execute.musnah.approvehod") }}',
                    type: 'POST',
                    data: {
                        id: id,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#actionHODModal').modal('hide');
                            Swal.fire(
                                'Berhasil!',
                                'Request telah di-approve oleh HOD.',
                                'success'
                            ).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire(
                                'Gagal!',
                                response.message,
                                'error'
                            );
                        }
                    },
                    error: function() {
                        Swal.fire(
                            'Error!',
                            'Terjadi kesalahan pada server.',
                            'error'
                        );
                    }
                });
            }
        });
    });

    // Event handler untuk tombol Reject di modal HOD
    $('#rejectHODButton').click(function() {
        const id = $('#actionHODModal').data('requestId');
        $('#reject_hod_id').val(id); // Set ID untuk form reject
        $('#modalRejectHOD').modal('show');
    });

    // Event handler untuk tombol Submit Reject di modal Reject HOD
    $('#submitRejectHOD').on('click', function(e) {
        e.preventDefault();
        var feedback = $('#rejhod_det').val();
        var id = $('#reject_hod_id').val();
        if (!feedback) {
            Swal.fire({
                icon: 'warning',
                title: 'Peringatan!',
                text: 'Feedback reject harus diisi!',
                showConfirmButton: true
            });
            return;
        }
        Swal.fire({
            title: 'Konfirmasi Reject',
            text: 'Apakah Anda yakin ingin reject request ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Reject!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                // AJAX ke endpoint backend
                $.ajax({
                    url: '{{ route("item.execute.musnah.approvehod") }}',
                    method: 'POST',
                    data: {
                        id: id,
                        action: 'reject',
                        rejhod_det: feedback,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#modalRejectHOD').modal('hide');
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: 'Request berhasil direject!',
                                showConfirmButton: true
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: response.message || 'Gagal reject request.',
                                showConfirmButton: true
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: 'Terjadi kesalahan saat mengirim data.',
                            showConfirmButton: true
                        });
                    }
                });
            }
        });
    });

    $.get('{{ route("attachment.capa-musnah") }}', function(response) {
        if (response.success) {
            $('#CapaAttachmentContent').html(
                `<a href="${response.url}" target="_blank" class="btn btn-outline-success">
                    <i class="material-icons align-middle">download</i> ${response.name}
                </a>`
            );
        } else {
            $('#CapaAttachmentContent').html('<span class="text-danger">File tidak ditemukan</span>');
        }
    });

    // Validasi file input untuk SPV Attachment
    $('#spvAttachment').on('change', function() {
        const fileInput = this;
        const errorDiv = $('#spvAttachmentError');
        
        if (!fileInput.files || fileInput.files.length === 0) {
            errorDiv.text('File harus diupload!').show();
            return;
        }
        
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            errorDiv.text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        
        // Validasi ukuran file
        if (file.size > maxSize) {
            errorDiv.text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        
        // Jika semua validasi berhasil, sembunyikan error
        errorDiv.hide();
    });

    // Reset file input dan error saat modal Action KU ditutup
    $('#actionKUModal').on('hidden.bs.modal', function () {
        $('#kuAttachment').val('');
        $('#kuAttachmentError').hide();
    });

    // Reset file input dan error saat modal Action SPV ditutup
    $('#actionSPVModal').on('hidden.bs.modal', function () {
        $('#spvAttachment').val('');
        $('#spvAttachmentError').hide();
    });

    // Event handler untuk tombol action Request modal
    $('.action-request-modal').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const itemDesc = $(this).data('itemdesc');
        const lotNumber = $(this).data('lotnumber');
        const price = $(this).data('price');
        const reqby = $(this).data('reqby');
        const created_at = $(this).data('created_at');
        const rejku_by = $(this).data('rejku_by');
        const rejku_det = $(this).data('rejku_det');
        const rejku_at = $(this).data('rejku_at');
        
        // Set data ke modal
        $('#modalRequestItemDesc').text(itemDesc);
        $('#modalRequestLotNumber').text(`Lot Number: ${lotNumber}`);
        $('#modalRequestPrice').text(`Est Loss Value: Rp${price}`);
        $('#modalRequestBy').text(reqby);
        $('#modalRequestDate').text(created_at);
        
        // Simpan data ke modal untuk digunakan di tombol submit
        $('#actionRequestModal').data('requestId', id);
        $('#actionRequestModal').data('rejku_by', rejku_by);
        
        // Jika tombol action request muncul, berarti request sudah direject dan perlu re-submit
        if (rejku_det) {
            $('#rejkuDetText').text(rejku_det);
            let feedbackLabel = `Feedback KU <em>(${rejku_by ? rejku_by : ''})</em>`;
            $('#rejkuFeedbackLabel').html(feedbackLabel);
            $('#rejkuDetBlock').show();
        } else {
            $('#rejkuDetBlock').hide();
        }
        // Selalu tampilkan upload block untuk re-submit
        $('#requestAttachmentBlock').show();
        
        // Ambil data CAPA file dari server
        $.ajax({
            url: '{{ route("get.capa.file") }}',
            type: 'GET',
            data: { id: id },
            success: function(response) {
                if (response.success && response.capa_file) {
                    const fileName = response.original_filename ? response.original_filename : response.capa_file.split('/').pop();
                    const downloadUrl = `/download-capa/${response.id}`;
                    $('#modalRequestCapaAttachment').html(`
                        <div class="d-flex align-items-center">
                            <i class="material-icons text-primary me-2">attachment</i>
                            <a href="${downloadUrl}" target="_blank" class="text-decoration-none">
                                <strong>${fileName}</strong>
                            </a>
                        </div>
                    `);
                } else {
                    $('#modalRequestCapaAttachment').html(`
                        <div class="text-center text-muted">
                            <i class="material-icons">file_upload</i>
                            <p class="mb-0">No CAPA file uploaded</p>
                        </div>
                    `);
                }
            },
            error: function() {
                $('#modalRequestCapaAttachment').html(`
                    <div class="text-center text-danger">
                        <i class="material-icons">error</i>
                        <p class="mb-0">Error loading CAPA file</p>
                    </div>
                `);
            }
        });
        
        // Tampilkan modal
        $('#actionRequestModal').modal('show');
    });

    // Event handler untuk tombol close Request modal
    $('#closeRequestButton').click(function(e) {
        $('#actionRequestModal').modal('hide');
    });

    // Validasi file input untuk Request Attachment
    $('#requestAttachment').on('change', function() {
        const fileInput = this;
        const errorDiv = $('#requestAttachmentError');
        
        if (!fileInput.files || fileInput.files.length === 0) {
            errorDiv.text('File harus diupload!').show();
            return;
        }
        
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            errorDiv.text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        
        // Validasi ukuran file
        if (file.size > maxSize) {
            errorDiv.text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        
        // Jika semua validasi berhasil, sembunyikan error
        errorDiv.hide();
    });

    // Reset file input dan error saat modal Action Request ditutup
    $('#actionRequestModal').on('hidden.bs.modal', function () {
        $('#requestAttachment').val('');
        $('#requestAttachmentError').hide();
    });

    // Event handler untuk tombol Reject di modal Request
    $('#rejectRequestButton').click(function() {
        const id = $('#actionRequestModal').data('requestId');
        $('#reject_ku_id').val(id); // Set ID untuk form reject
        $('#actionRequestModal').modal('hide'); // Tutup modal request
        $('#modalRejectKU').modal('show'); // Buka modal reject KU
    });

    // Event handler untuk tombol Submit Reject di modal Reject KU
    $('#submitRejectKU').on('click', function(e) {
        e.preventDefault();
        var feedback = $('#rejku_det').val();
        var id = $('#reject_ku_id').val();
        if (!feedback) {
            Swal.fire({
                icon: 'warning',
                title: 'Peringatan!',
                text: 'Feedback reject harus diisi!',
                showConfirmButton: true
            });
            return;
        }
        Swal.fire({
            title: 'Konfirmasi Reject',
            text: 'Apakah Anda yakin ingin reject request ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Reject!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                // AJAX ke endpoint backend
                $.ajax({
                    url: '{{ route("item.execute.musnah.approveku") }}',
                    method: 'POST',
                    data: {
                        id: id,
                        action: 'reject',
                        rejku_det: feedback,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#modalRejectKU').modal('hide');
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: 'Request berhasil direject!',
                                showConfirmButton: true
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: response.message || 'Gagal reject request.',
                                showConfirmButton: true
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: 'Terjadi kesalahan saat mengirim data.',
                            showConfirmButton: true
                        });
                    }
                });
            }
        });
    });

    // === [START] Modal Re-capa Request (Re-Submit) ===
    // Event handler untuk tombol Re-Submit di modal Re-capa Request
    $('#approveRequestButton').click(function() {
        const id = $('#actionRequestModal').data('requestId');
        // Validasi file upload
        const fileInput = $('#requestAttachmentResubmit')[0];
        if (!fileInput.files || fileInput.files.length === 0) {
            $('#requestAttachmentResubmitError').text('CAPA harus diupload!').show();
            return;
        }
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            $('#requestAttachmentResubmitError').text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        // Validasi ukuran file
        if (file.size > maxSize) {
            $('#requestAttachmentResubmitError').text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        // Sembunyikan error jika validasi berhasil
        $('#requestAttachmentResubmitError').hide();
        // Konfirmasi sebelum submit
        Swal.fire({
            title: 'Konfirmasi Re-Submit',
            html: 'Anda yakin ingin mengirim ulang CAPA untuk request ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Ya, Kirim!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                // Buat FormData untuk upload file
                const formData = new FormData();
                formData.append('id', id);
                formData.append('attachment', file);
                formData.append('_token', $('meta[name="csrf-token"]').attr('content'));
                $.ajax({
                    url: '{{ route("re.capa.musnah") }}', // Ganti dengan route backend yang sesuai
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.success) {
                            $('#actionRequestModal').modal('hide');
                            Swal.fire(
                                'Berhasil!',
                                'Request berhasil di-submit ulang.',
                                'success'
                            ).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire(
                                'Gagal!',
                                response.message || 'Terjadi kesalahan saat submit ulang request.',
                                'error'
                            );
                        }
                    },
                    error: function() {
                        Swal.fire(
                            'Error!',
                            'Terjadi kesalahan pada server.',
                            'error'
                        );
                    }
                });
            }
        });
    });
    // Validasi file input real-time untuk Request Attachment (Re-Submit)
    $('#requestAttachmentResubmit').on('change', function() {
        const fileInput = this;
        const errorDiv = $('#requestAttachmentResubmitError');
        if (!fileInput.files || fileInput.files.length === 0) {
            errorDiv.text('File harus diupload!').show();
            return;
        }
        const file = fileInput.files[0];
        const allowedExtensions = ['.docx', '.xlsx', '.pdf'];
        const maxSize = 5 * 1024 * 1024; // 5MB
        // Validasi tipe file
        const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
        if (!allowedExtensions.includes(fileExtension)) {
            errorDiv.text('Format file tidak diperbolehkan! Gunakan .docx, .xlsx, atau .pdf').show();
            return;
        }
        // Validasi ukuran file
        if (file.size > maxSize) {
            errorDiv.text('Ukuran file terlalu besar! Maksimal 5MB').show();
            return;
        }
        // Jika semua validasi berhasil, sembunyikan error
        errorDiv.hide();
    });
    // Reset file input dan error saat modal Action Request (Re-Submit) ditutup
    $('#actionRequestModal').on('hidden.bs.modal', function () {
        $('#requestAttachmentResubmit').val('');
        $('#requestAttachmentResubmitError').hide();
    });
    // === [END] Modal Re-capa Request (Re-Submit) ===
});
</script>
@endpush

@endsection