@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Detail'])

    @php
        $rolesViewer = array_filter(array_map('trim', explode(',', strtolower(auth()->user()->idroles ?? ''))));
        if (empty($rolesViewer)) { $rolesViewer = ['guests']; }

        $isViewerHead       = in_array('head.s', $rolesViewer);
        $isViewerAdmin      = in_array('itstaf', $rolesViewer);
        $isViewerSuperAdmin = in_array('admins', $rolesViewer);
        $isViewerGuest      = in_array('guests', $rolesViewer);

        $st          = strtolower($permintaan->status ?? '');
        $isEntry     = ($st === 'entry');
        $isProposed  = ($st === 'proposed');
        $isApprove   = ($st === 'approve');
        $isOnProgress= in_array($st, ['on_progress', 'onprogress']);
        $isCompleted = ($st === 'completed');
        $isRejected = ($st === 'rejected');
        $isRevisi   = ($st === 'revisi');

        $canApproveHead  = ($isViewerHead || $isViewerSuperAdmin) && $isProposed;
        $canApproveAdmin = ($isViewerAdmin || $isViewerSuperAdmin) && $isApprove;

        $showHead = $isApprove || $isOnProgress || $isCompleted || $isRejected;
        $showIT   = $isOnProgress || $isCompleted || $isRejected;

        $statusLabel = strtoupper(str_replace('_', ' ', $permintaan->status ?? '-'));
        $statusColor = '#6b7280';
        $statusIcon  = 'fa-circle';
        if ($isEntry)       { $statusColor = '#6b7280'; $statusIcon = 'fa-pen'; }
        elseif ($isProposed){ $statusColor = '#f59e0b'; $statusIcon = 'fa-clock'; }
        elseif ($isApprove) { $statusColor = '#3b82f6'; $statusIcon = 'fa-thumbs-up'; }
        elseif ($isOnProgress){ $statusColor = '#06b6d4'; $statusIcon = 'fa-spinner'; }
        elseif ($isCompleted){ $statusColor = '#10b981'; $statusIcon = 'fa-check-circle'; }
        elseif ($isRejected){ $statusColor = '#ef4444'; $statusIcon = 'fa-times-circle'; }
        elseif ($isRevisi)  { $statusColor = '#ef4444'; $statusIcon = 'fa-redo'; }
    @endphp

    <div class="prb-topbar mx-4 mb-3 mt-3">
        <div class="prb-topbar-left">
           
            <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
            </button>

            @if($canApproveHead)
                <form action="{{ url($url_menu . '/approve/' . encrypt((string) $permintaan->id)) }}"
                      method="POST" id="form-approve-head" class="mb-0">
                    @csrf
                    <button type="button" class="prb-btn prb-btn-approve" onclick="confirmApproveHead()">
                        <i class="fas fa-check"></i>
                        <span>Approve</span>
                    </button>
                </form>

                <button type="button" class="prb-btn prb-btn-reject" onclick="showRejectModal()">
                    <i class="fas fa-times"></i>
                    <span>Reject</span>
                </button>
            @endif
        </div>

        <div class="prb-status-pill" style="--sc: {{ $statusColor }}">
            <i class="fas {{ $statusIcon }}"></i>
            {{ $statusLabel }}
        </div>
    </div>

    @if($canApproveAdmin)
    <form action="{{ url($url_menu . '/approve_admin/' . $idencrypt) }}"
          method="POST" id="form-approve-admin">
    @csrf
    @endif

    <div class="container-fluid py-2 mt-2">

        <div class="row g-3 mb-3">
            
            <div class="col-12 col-sm-6 col-xl-4">
                <div class="prb-card h-100">
                    <div class="prb-card-label">Informasi Pengajuan</div>

                    <div class="prb-field">
                        <span class="prb-field-key">ID Permintaan</span>
                        <span class="prb-field-val">{{ $permintaan->id ?? '-' }}</span>
                    </div>
                    <div class="prb-field">
                        <span class="prb-field-key">Tanggal</span>
                        <span class="prb-field-val">{{ $tanggal_permintaan ?? '-' }}</span>
                    </div>
                    <div class="prb-field">
                        <span class="prb-field-key">Departemen</span>
                        <span class="prb-field-val">{{ $departemen_nama ?? '-' }}</span>
                    </div>
                    <div class="prb-field">
                        <span class="prb-field-key">Status</span>
                        <span class="prb-field-val">
                            <span class="prb-inline-badge" style="--sc: {{ $statusColor }}">
                                {{ $statusLabel }}
                            </span>
                        </span>
                    </div>

                    @if($canApproveAdmin || $isViewerSuperAdmin || ($showIT && ($isViewerAdmin || $isViewerHead)))
                        <div class="prb-field">
                            <span class="prb-field-key">User Pengaju</span>
                            <span class="prb-field-val">{{ $user_pengaju_name ?? '-' }}</span>
                        </div>
                    @endif

                    <div class="prb-field">
                        <span class="prb-field-key"><i class="fas fa-network-wired me-1"></i> IP Address</span>
                        <span class="prb-field-val">{{ $submit_ip ?? '-' }}</span>
                    </div>

                    <div class="prb-field">
                        <span class="prb-field-key"><i class="fas fa-laptop me-1"></i> Perangkat</span>
                        <span class="prb-field-val" title="{{ $submit_device ?? '-' }}">{{ $submit_device ?? '-' }}</span>
                    </div>

                    @if(!empty($catatan_head) && !$canApproveAdmin)
                        <div class="mt-2">
                            <span class="prb-field-key d-block mb-1">Catatan SPV</span>
                            <p class="prb-note-text mb-0">{{ $catatan_head }}</p>
                        </div>
                    @endif
                </div>
            </div>

            @if($canApproveAdmin || $showHead)
                <div class="col-12 col-sm-6 col-xl-4">
                    <div class="prb-card h-100">
                        <div class="prb-card-label">Approval SPV</div>

                        <div class="prb-field">
                            <span class="prb-field-key">Approver</span>
                            <span class="prb-field-val">{{ $approver_head_name ?? 'Pending' }}</span>
                        </div>
                        <div class="prb-field">
                            <span class="prb-field-key">Tgl Approve</span>
                            <span class="prb-field-val">{{ $tanggal_approve_head ?? '-' }}</span>
                        </div>

                        @if($isViewerSuperAdmin && !$canApproveAdmin)
                            <div class="prb-field">
                                <span class="prb-field-key">User Pengaju</span>
                                <span class="prb-field-val">{{ $user_pengaju_name ?? '-' }}</span>
                            </div>
                        @endif

                        @if(!empty($catatan_head))
                            <div class="mt-2">
                                <span class="prb-field-key d-block mb-1">Catatan</span>
                                <p class="prb-note-text mb-0">{{ $catatan_head }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            @if($showIT && !$canApproveAdmin)
                <div class="col-12 col-sm-6 col-xl-4">
                    <div class="prb-card h-100">
                        <div class="prb-card-label">Approval IT &amp; Pengambilan</div>

                        <div class="prb-field">
                            <span class="prb-field-key">Approver IT</span>
                            <span class="prb-field-val">{{ $approver_admin_name ?? 'Pending' }}</span>
                        </div>
                        <div class="prb-field">
                            <span class="prb-field-key">Tgl Approve IT</span>
                            <span class="prb-field-val">{{ $tanggal_approve_admin ?? '-' }}</span>
                        </div>
                        <div class="prb-field">
                            <span class="prb-field-key">Tanggal Ambil</span>
                            <span class="prb-field-val">{{ $tanggal_ambil ?? '-' }}</span>
                        </div>

                        @if(!empty($catatan_admin))
                            <div class="mt-2">
                                <span class="prb-field-key d-block mb-1">Catatan Admin IT</span>
                                <p class="prb-note-text mb-0">{{ $catatan_admin }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            @if($canApproveAdmin)
                <div class="col-12 col-sm-6 col-xl-4">
                    <div class="prb-card h-100">
                        <div class="prb-card-label">Jadwal Pengambilan</div>
                        <label class="prb-form-label">
                            Tanggal Ambil
                            <span class="text-danger" id="label-required">*</span>
                        </label>
                        <input type="datetime-local" class="prb-input"
                            name="tanggal_ambil" id="tanggal_ambil"
                            value="{{ $tanggal_ambil ?? '' }}"
                            min="{{ \Carbon\Carbon::parse($permintaan->tanggal_pengajuan)->format('Y-m-d\TH:i') }}"
                            required>
                        <div class="prb-form-hint" id="tanggal-ambil-note">
                            Tentukan tanggal dan waktu pengambilan barang
                        </div>
                    </div>
                </div>
            @endif

        </div>

        <div class="row g-3">
            <div class="col-12 d-flex flex-column gap-3">

                <div class="prb-card flex-grow-1">
                    <div class="prb-card-label mb-2">Detail Item</div>

                    <div class="table-responsive">
                        <table class="table align-middle table-hover" id="itemsTable">
                            <thead style="background:#0a8f97; color:#fff;">
                                <tr>
                                    <th class="th-action">Action</th>
                                    <th style="min-width:150px;">Nama Barang</th>
                                    <th style="min-width:150px;">Penerima</th>
                                    <th style="width:110px;">Qty Diminta</th>
                                    @if($canApproveAdmin)
                                        <th style="width:110px;">Stock</th>
                                    @endif
                                    <th style="width:130px;">Qty Disetujui</th>
                                    <th style="width:110px;">UOM</th>
                                    <th style="min-width:240px;">Keterangan</th>
                                    <th style="width:140px;">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse(($items ?? []) as $idx => $it)
                                    @php
                                        $sit = strtolower($it->status_item ?? '');
                                        $itemBadge = 'bg-secondary';
                                        $itemText  = strtoupper($it->status_item ?? '-');
                                        if ($sit === 'pending')
                                            $itemBadge = 'bg-primary';
                                        elseif (in_array($sit, ['approved','approve','acc','disetujui']))
                                            $itemBadge = 'bg-success';
                                        elseif (in_array($sit, ['reject','rejected','ditolak']))
                                            $itemBadge = 'bg-danger';
                                    @endphp

                                    <tr data-item-index="{{ $idx }}">
                                        <td class="td-action">
                                            @if($canApproveAdmin)
                                                <input type="hidden" name="items[{{ $idx }}][item_id]"
                                                    value="{{ $it->id }}">
                                                <input type="hidden" name="items[{{ $idx }}][status]"
                                                    value="approved" class="item-status">

                                                <button type="button"
                                                    class="btn btn-success mb-0 btn-approve-item"
                                                    data-index="{{ $idx }}" title="Approve">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                                <button type="button"
                                                    class="btn btn-secondary mb-0 btn-reject-item"
                                                    data-index="{{ $idx }}" title="Reject">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            @else
                                                <button type="button" class="btn btn-secondary mb-0"
                                                    disabled title="Readonly">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            @endif
                                        </td>

                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $it->nama_barang ?? '-' }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $it->penerima ?? '-' }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $it->qty_diminta ?? '-' }}" readonly>
                                        </td>

                                        @if($canApproveAdmin)
                                            <td>
                                                <input type="number" class="form-control" style="width:50px;"
                                                    value="{{ $it->qty_stock ?? 0 }}" readonly>
                                            </td>
                                        @endif

                                        <td>
                                            @if($canApproveAdmin)
                                                @php
                                                    $maxDisetujui = min($it->qty_diminta ?? 0, $it->qty_stock ?? 0);
                                                @endphp
                                                <input type="number"
                                                    class="form-control qty-disetujui"
                                                    name="items[{{ $idx }}][qty_disetujui]"
                                                    value="{{ $maxDisetujui }}" min="0"
                                                    max="{{ $maxDisetujui }}"
                                                    data-max="{{ $maxDisetujui }}"
                                                    data-qty-diminta="{{ $it->qty_diminta ?? 0 }}"
                                                    data-qty-stock="{{ $it->qty_stock ?? 0 }}">
                                            @else
                                                <input type="text" class="form-control"
                                                    value="{{ $it->qty_disetujui ?? '-' }}" readonly>
                                            @endif
                                        </td>

                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $it->uom ?? '-' }}" readonly>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control"
                                                value="{{ $it->keterangan ?? '-' }}" readonly>
                                        </td>
                                        <td class="text-center">
                                            <span class="badge {{ $itemBadge }} px-3 py-2"
                                                style="min-width:120px;">
                                                {{ $itemText }}
                                            </span>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center text-muted">Tidak ada item.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                @if($canApproveAdmin)
                    <div class="prb-card">
                        <div class="prb-card-label mb-2">Catatan Admin IT</div>
                        <textarea class="prb-input" name="catatan_admin" rows="3"
                            placeholder="Catatan umum untuk permintaan ini (opsional)..."></textarea>

                        <div class="d-flex gap-2 justify-content-end mt-3">
                            <button type="button" class="prb-btn prb-btn-back"
                                onclick="window.location='{{ URL::to($url_menu) }}'">
                                <i class="fas fa-times"></i> Batal
                            </button>
                            <button type="submit" class="prb-btn prb-btn-approve">
                                <i class="fas fa-check"></i> Submit Approve
                            </button>
                        </div>
                    </div>
                @endif

            </div>
        </div>

    </div>

    @if($canApproveAdmin)
    </form>
    @endif

    @if($canApproveHead)
        <div class="modal fade" id="rejectModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content prb-modal-content">
                    <form action="{{ url($url_menu . '/reject/' . encrypt((string) $permintaan->id)) }}"
                          method="POST" id="form-reject">
                        @csrf
                        <div class="modal-header prb-modal-header">
                            <h5 class="modal-title">
                                <i class="fas fa-times-circle me-2 text-danger"></i>Reject Permintaan
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body px-4 py-3">
                            <label class="prb-form-label">
                                Alasan Reject <span class="text-danger">*</span>
                            </label>
                            <textarea class="prb-input" id="catatan_reject" name="catatan_reject"
                                rows="4" placeholder="Tuliskan alasan mengapa permintaan ini ditolak..."
                                required></textarea>
                            <div class="prb-form-hint">Catatan ini akan dilihat oleh pengaju.</div>
                        </div>
                        <div class="modal-footer prb-modal-footer">
                            <button type="button" class="prb-btn prb-btn-back"
                                data-bs-dismiss="modal">Batal</button>
                            <button type="submit" class="prb-btn prb-btn-reject">
                                <i class="fas fa-times me-1"></i> Reject
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

@endsection

<style>
    #itemsTable {
        font-size: 12px;
    }

    #itemsTable th {
        font-size: 12px;
        padding: 6px 8px;
    }

    #itemsTable td {
        padding: 6px 8px;
    }

    #itemsTable input {
        font-size: 12px;
        padding: 4px 6px;
        height: 30px;
    }

    #itemsTable .badge {
        font-size: 11px;
        padding: 4px 8px;
    }
.prb-topbar,
.prb-topbar ~ .container-fluid,
.prb-topbar ~ form,
.prb-topbar ~ form + .container-fluid {
    position: relative;
}

.main-content > *,
.main-content-wrap > *,
[class*="main-content"] > * {
    position: relative;
}

:root {
    --prb-bg:          #f1f4f8;
    --prb-card-bg:     #ffffff;
    --prb-border:      #e4e9f0;
    --prb-text:        #1e2533;
    --prb-muted:       #7c8499;
    --prb-accent:      #0a8f97;
    --prb-accent-dark: #076e75;
    --prb-radius:      10px;
    --prb-shadow:      0 1px 4px rgba(0,0,0,.07);
}

.prb-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    background: var(--prb-card-bg);
    border: 1px solid var(--prb-border);
    border-radius: var(--prb-radius);
    padding: 10px 14px;
    box-shadow: var(--prb-shadow);
}
.prb-topbar-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.prb-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 7px;
    border: none;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter .15s, transform .1s;
    white-space: nowrap;
}
.prb-btn:active { transform: scale(.97); }
.prb-btn-back {
    background: #f1f4f8;
    color: #4a5568;
    border: 1px solid #dde3ec;
}
.prb-btn-back:hover { filter: brightness(.95); }
.prb-btn-approve {
    background: var(--prb-accent);
    color: #fff;
}
.prb-btn-approve:hover { background: var(--prb-accent-dark); }
.prb-btn-reject {
    background: #ef4444;
    color: #fff;
}
.prb-btn-reject:hover { background: #dc2626; }

.prb-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    background: color-mix(in srgb, var(--sc) 12%, transparent);
    color: var(--sc);
    border: 1.5px solid color-mix(in srgb, var(--sc) 30%, transparent);
}

.prb-card {
    background: var(--prb-card-bg);
    border: 1px solid var(--prb-border);
    border-radius: var(--prb-radius);
    padding: 16px 18px;
    box-shadow: var(--prb-shadow);
}
.prb-card-label {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--prb-accent);
    border-left: 3px solid var(--prb-accent);
    padding-left: 8px;
    margin-bottom: 12px;
}

.prb-field {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 5px 0;
    border-bottom: 1px dashed #edf0f5;
    font-size: .83rem;
}
.prb-field:last-child { border-bottom: none; }
.prb-field-key {
    flex: 0 0 120px;
    color: var(--prb-muted);
    font-weight: 500;
}
.prb-field-val {
    color: var(--prb-text);
    font-weight: 600;
    word-break: break-word;
}

.prb-inline-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--sc) 12%, transparent);
    color: var(--sc);
    border: 1px solid color-mix(in srgb, var(--sc) 25%, transparent);
}

.prb-note-text {
    font-size: .83rem;
    color: #4a5568;
    background: #f8fafc;
    border-left: 3px solid #e2e8f0;
    padding: 8px 10px;
    border-radius: 0 6px 6px 0;
    margin: 0;
    line-height: 1.5;
}

.prb-form-label {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    color: var(--prb-text);
    margin-bottom: 4px;
}
.prb-input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--prb-border);
    border-radius: 7px;
    font-size: .83rem;
    color: var(--prb-text);
    background: #fafdff;
    outline: none;
    transition: border-color .15s;
    resize: vertical;
}
.prb-input:focus {
    border-color: var(--prb-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--prb-accent) 12%, transparent);
}
.prb-form-hint {
    font-size: .76rem;
    color: var(--prb-muted);
    margin-top: 4px;
}

.prb-modal-content {
    border-radius: 12px;
    border: 1px solid var(--prb-border);
    overflow: hidden;
}
.prb-modal-header {
    background: #fafbfc;
    border-bottom: 1px solid var(--prb-border);
    padding: 14px 18px;
}
.prb-modal-footer {
    background: #fafbfc;
    border-top: 1px solid var(--prb-border);
    padding: 10px 16px;
}

#itemsTable {
    border-collapse: separate !important;
    border-spacing: 0;
}
#itemsTable th,
#itemsTable td {
    border: 1px solid #dee2e6 !important;
}
#itemsTable .th-action,
#itemsTable .td-action {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-approve-item.active { background-color: #19a974 !important; border-color: #19a974 !important; }
.btn-reject-item.active  { background-color: #dc3545 !important; border-color: #dc3545 !important; color:#fff !important; }
</style>

@push('js')
<script>
$(document).ready(function () {
    @php
        // $rolesViewer sudah dikirim dari controller sebagai array multi-role
        $isViewerGuest = in_array('guests', $rolesViewer);
    @endphp

    @if($isViewerGuest && ($isOnProgress) && !empty($tanggal_ambil))
    Swal.fire({
        title: '<i class="fas fa-box-open me-2"></i>Informasi Pengambilan Barang',
        html: `
            <div style="text-align:left; padding: 4px 0;">
                <p class="mb-2">Permintaan Anda telah disetujui. Silakan ambil barang sesuai jadwal berikut:</p>
                <table style="width:100%; border-collapse:collapse;">
                    <tr>
                        <td style="padding:6px 10px; font-weight:600; color:#555;">📅 Tanggal Ambil</td>
                        <td style="padding:6px 10px;">: <strong>{{ \Carbon\Carbon::createFromFormat('d/m/Y H:i', $tanggal_ambil)->translatedFormat('d F Y') }}</strong></td>
                    </tr>
                    <tr>
                        <td style="padding:6px 10px; font-weight:600; color:#555;">🕐 Jam Ambil</td>
                        <td style="padding:6px 10px;">: <strong>{{ \Carbon\Carbon::createFromFormat('d/m/Y H:i', $tanggal_ambil)->format('H:i') }} WIB</strong></td>
                    </tr>
                </table>
                <p class="mt-2 text-muted" style="font-size:13px;">Harap datang tepat waktu.</p>
            </div>
        `,
        icon: 'info',
        confirmButtonText: '<i class="fas fa-check me-1"></i> Mengerti',
        confirmButtonColor: '#028284',
        allowOutsideClick: false,
    });
    @endif

    window.confirmApproveHead = function () {
        Swal.fire({
            title: 'Konfirmasi Approve',
            text: 'Approve pengajuan ini? Status akan berubah menjadi APPROVE.',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Ya, Approve',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#19a974',
            cancelButtonColor: '#6c757d'
        }).then(result => {
            if (result.isConfirmed) {
                document.getElementById('form-approve-head').submit();
            }
        });
    };
    

    window.showRejectModal = function () {
        new bootstrap.Modal(document.getElementById('rejectModal')).show();
    };

    document.getElementById('form-reject')?.addEventListener('submit', function (e) {
        const catatan = document.getElementById('catatan_reject').value.trim();
        if (!catatan) {
            e.preventDefault();
            Swal.fire({
                title: 'Perhatian',
                text: 'Alasan reject harus diisi!',
                icon: 'warning',
                confirmButtonColor: '#028284'
            });
        }
    });

    function checkAllRejected() {
        let allRejected = true;
        let hasItems    = false;

        $('tr[data-item-index]').each(function () {
            hasItems = true;
            if ($(this).find('.item-status').val() === 'approved') {
                allRejected = false;
                return false;
            }
        });

        if (hasItems && allRejected) {
            $('#tanggal_ambil').removeAttr('required');
            $('#label-required').hide();
            $('#tanggal-ambil-note').text('Tidak wajib diisi karena semua item ditolak');
        } else {
            $('#tanggal_ambil').attr('required', 'required');
            $('#label-required').show();
            $('#tanggal-ambil-note').text('Tentukan tanggal dan waktu pengambilan barang');
        }
        return allRejected && hasItems;
    }
    function isStockKosong(row) {
        const stock = parseInt(row.find('.qty-disetujui').data('qty-stock')) || 0;
        return stock <= 0;
    }

    $(document).on('click', '.btn-approve-item', function () {
        const index = $(this).data('index');
        const row   = $(`tr[data-item-index="${index}"]`);

        if (isStockKosong(row)) {
            row.find('.item-status').val('rejected');
            $(this).removeClass('active btn-success').addClass('btn-secondary');
            row.find('.btn-reject-item').addClass('active btn-danger').removeClass('btn-secondary');
            row.find('.qty-disetujui').val(0).prop('readonly', true);

            Swal.fire({
                toast: true,
                position: 'top-end',
                icon: 'warning',
                title: 'Stock kosong! Item otomatis di-reject.',
                showConfirmButton: false,
                timer: 3000
            });

            checkAllRejected();
            
            return; 
        }

        row.find('.item-status').val('approved');
        $(this).addClass('active').removeClass('btn-secondary').addClass('btn-success');
        row.find('.btn-reject-item').removeClass('active btn-danger').addClass('btn-secondary');

        const qtyInput = row.find('.qty-disetujui');
        const maxQty = qtyInput.data('max');
        qtyInput.val(maxQty).attr('max', maxQty).prop('readonly', false);

        qtyInput.off('input.limitQty').on('input.limitQty', function() {
            const val   = parseInt($(this).val()) || 0;
            const max   = parseInt($(this).data('max')) || 0;
            const stock = parseInt($(this).data('qty-stock')) || 0;

            if (val > max) {
                $(this).val(max);
                Swal.fire({
                    toast: true, position: 'top-end', icon: 'warning',
                    title: `Qty tidak boleh melebihi ${val > stock ? 'stok (' + stock + ')' : 'qty diminta (' + max + ')'}`,
                    showConfirmButton: false, timer: 2500
                });
            }
        });

        checkAllRejected();
        
        
    });

    $(document).on('click', '.btn-reject-item', function () {
        const index = $(this).data('index');
        const row   = $(`tr[data-item-index="${index}"]`);

        row.find('.item-status').val('rejected');
        $(this).addClass('active').removeClass('btn-secondary').addClass('btn-danger');
        row.find('.btn-approve-item').removeClass('active btn-success').addClass('btn-secondary');

        row.find('.qty-disetujui').val(0).prop('readonly', true);

        checkAllRejected();
    });

    $('#form-approve-admin')?.on('submit', function (e) {
        e.preventDefault();

        let adaApprove = false;
        let adaReject  = false;

        $('tr[data-item-index]').each(function () {
            const s = $(this).find('.item-status').val();
            if (s === 'approved') adaApprove = true;
            if (s === 'rejected') adaReject  = true;
        });

        const errorMsg     = [];
        const catatanAdmin = ($('textarea[name="catatan_admin"]').val() || '').trim();

        if (adaApprove && !$('#tanggal_ambil').val()) {
            errorMsg.push('Tanggal Ambil harus diisi karena ada item yang disetujui.');
        }
        if (adaReject && !catatanAdmin) {
            errorMsg.push('Ada item yang di-REJECT, maka Catatan Admin wajib diisi.');
        }

        if (errorMsg.length) {
            Swal.fire({
                title: 'Validasi Gagal',
                html: errorMsg.join('<br>'),
                icon: 'warning',
                confirmButtonColor: '#028284'
            });
            return;
        }

        const confirmText = (!adaApprove && adaReject)
            ? 'Semua item ditolak. Status akan langsung menjadi COMPLETED.'
            : 'Approve permintaan ini? Status akan berubah menjadi ON PROGRESS.';

        Swal.fire({
            title: 'Konfirmasi Approve',
            text: confirmText,
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Ya, Approve',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#19a974',
            cancelButtonColor: '#6c757d'
        }).then(result => {
            if (result.isConfirmed) this.submit();
        });
    });

    checkAllRejected();
        $('tr[data-item-index]').each(function () {
        const row   = $(this);
        const stock = parseInt(row.find('.qty-disetujui').data('qty-stock')) || 0;

        if (stock <= 0) {
            row.find('.item-status').val('rejected');
            row.find('.btn-approve-item')
                .removeClass('active btn-success')
                .addClass('btn-secondary')
                .prop('disabled', true)
                .css('opacity', '0.4')
                .attr('title', 'Stock kosong, tidak bisa diapprove');
            row.find('.btn-reject-item')
                .addClass('active btn-danger')
                .removeClass('btn-secondary');
            row.find('.qty-disetujui').val(0).prop('readonly', true);
        }
    });

    checkAllRejected();
});
</script>
@endpush