@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
<style>
    tr.row-inactive,
    tr.row-inactive:hover {
        background-color: #ffe9ed !important;
    }

    tr.row-processed,
    tr.row-processed:hover {
        background-color: #e3f2fd !important;
    }

    tr.row-failed,
    tr.row-failed:hover {
        background-color: #ffe9ed !important;
    }

    .btn-unready-vendor {
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
        color: white !important;
        border: none !important;
        transition: all .3s ease;
        box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3) !important;
    }

    .btn-unready-vendor:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(245, 158, 11, .5) !important;
        color: white !important;
    }
</style>

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="row mx-1">
                <div class="card">

                    {{-- ── Card Header ── --}}
                    <div class="row">
                        <div class="card-header col-md-auto">
                            <h5 class="mb-0">{{ $title_menu }}</h5>
                        </div>
                        <div class="col">
                            @include('components.alert')
                        </div>
                    </div>
                    <hr class="horizontal dark mt-0">

                    {{-- ── Toolbar ── --}}
                    <div class="row px-4 py-2">
                        <div class="col-lg">
                            <div class="nav-wrapper">
                                @if ($authorize->add == '1')
                                <button class="btn btn-primary mb-0"
                                    onclick="window.location='{{ URL::to($url_menu . '/add') }}'">
                                    <i class="fas fa-plus me-1"></i>
                                    <span class="font-weight-bold">Tambah</span>
                                </button>
                                @endif
                            </div>
                        </div>
                    </div>

                    {{-- ── Table ── --}}
                    <div class="row px-4 py-2">
                        <div class="table-responsive" style="max-height: 75vh; overflow-y: auto;">
                            <table class="table display" id="list_{{ $dmenu }}">
                                <thead class="thead-light" style="background-color:#00b7bd4f;">
                                    <tr>
                                        <th width="110">Action</th>
                                        <th>No</th>
                                        <th>Date PR</th>
                                        <th>No PR</th>
                                        <th>No Item</th>
                                        <th>Material Code</th>
                                        <th>Item Name</th>
                                        <th>Quantity</th>
                                        <th>UOM</th>
                                        <th>Price</th>
                                        <th>Delivery Date</th>
                                        <th>Vendor Name</th>
                                        <th>SAP Code Vendor</th>
                                        <th>Request By</th>
                                        <th>Header</th>
                                        <th>PO Status</th>
                                        <th>SAP Error</th>
                                        <th>Processed At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($table_detail as $detail)
                                    @php
                                    $primary = $detail->id;
                                    $rowClass = '';
                                    if ($detail->status === 'Closed') $rowClass = 'row-inactive';
                                    elseif ($detail->po_status === 'Success') $rowClass = 'row-processed';
                                    elseif ($detail->po_status === 'Failed') $rowClass = 'row-failed';
                                    @endphp
                                    <tr class="{{ $rowClass }}">

                                        {{-- Action --}}
                                        <td class="text-sm font-weight-normal">
                                            <div class="btn-group">
                                                <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                                    onclick="window.location='{{ url($url_menu.'/show/'.encrypt($primary)) }}'">
                                                    <i class="fas fa-eye"></i>
                                                    <span class="font-weight-bold"> View</span>
                                                </button>
                                                <button type="button"
                                                    class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                    data-bs-toggle="dropdown" aria-expanded="false">
                                                    <span class="visually-hidden">Toggle Dropdown</span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    @if ($authorize->edit == '1')
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    @if ($detail->status === 'Open' && $detail->po_status === 'Pending')
                                                    <button type="button" class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                        onclick="window.location='{{ url($url_menu.'/edit/'.encrypt($primary)) }}'">
                                                        <i class="fas fa-edit"></i>
                                                        <span class="font-weight-bold"> Edit</span>
                                                    </button>
                                                    @else
                                                    <button type="button" class="btn btn-sm btn-secondary mx-2 mb-0 w-90" disabled
                                                        title="Tidak dapat diedit setelah diproses">
                                                        <i class="fas fa-lock"></i>
                                                        <span class="font-weight-bold"> Edit</span>
                                                    </button>
                                                    @endif
                                                    @endif

                                                    @if ($detail->isreadypo == '1')
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    @if (in_array($detail->po_status, ['Pending', 'Failed']))
                                                    <form action="{{ url($url_menu.'/unready/'.encrypt($primary)) }}" method="POST" style="display:inline">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                            onclick="return unreadyConfirm(event, '{{ $detail->no_pr.'-'.$detail->no_item }}')">
                                                            <i class="fas fa-undo me-1"></i>
                                                            <span class="font-weight-bold">Unready</span>
                                                        </button>
                                                    </form>
                                                    @else
                                                    <button type="button" class="btn btn-sm btn-secondary mx-2 mb-0 w-90" disabled
                                                        title="{{ in_array($detail->po_status, ['Processed','Success','Exist']) ? 'Sudah diproses' : 'Belum Ready PO' }}">
                                                        <i class="fas fa-undo me-1"></i>
                                                        <span class="font-weight-bold">Unready</span>
                                                    </button>
                                                    @endif
                                                    @endif

                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>

                                        {{-- No --}}
                                        <td>{{ $loop->iteration }}</td>

                                        {{-- Date PR --}}
                                        <td class="text-sm">{{ $detail->date_pr ?? '-' }}</td>

                                        {{-- No PR --}}
                                        <td class="text-sm font-weight-bold text-dark">{{ $detail->no_pr }}</td>

                                        {{-- No Item --}}
                                        <td class="text-sm">{{ $detail->no_item }}</td>

                                        {{-- Material Code --}}
                                        <td class="text-sm">{{ $detail->material_code }}</td>

                                        {{-- Item Name --}}
                                        <td class="text-sm" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
                                            title="{{ $detail->item_name }}">{{ $detail->item_name }}</td>

                                        {{-- Quantity --}}
                                        <td class="text-sm text-end" data-order="{{ $detail->quantity }}">{{ number_format($detail->quantity, 2, ',', '.') }}</td>

                                        {{-- UOM --}}
                                        <td class="text-sm">{{ $detail->uom ?? '-' }}</td>

                                        {{-- Price --}}
                                        <td class="text-sm text-end" data-order="{{ $detail->price ?? 0 }}">{{ number_format($detail->price ?? 0, 2, ',', '.') }}</td>

                                        {{-- Delivery Date --}}
                                        <td class="text-sm" data-order="{{ $detail->delivery_date ?? '' }}">{{ $detail->delivery_date ?? '-' }}</td>

                                        {{-- Vendor Name --}}
                                        <td class="text-sm" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
                                            title="{{ $detail->vendor_name }}">{{ $detail->vendor_name ?? '-' }}</td>

                                        {{-- SAP Code Vendor --}}
                                        <td class="text-sm">{{ $detail->sap_code_vendor ?? '-' }}</td>

                                        {{-- Request By --}}
                                        <td class="text-sm">{{ $detail->request_by ?? '-' }}</td>

                                        {{-- Header --}}
                                        <td class="text-sm">{{ $detail->header ?? '-' }}</td>

                                        {{-- PO Status --}}
                                        <td class="text-sm">
                                            @if($detail->po_status == 'Pending')
                                            <span class="badge bg-warning">Pending</span>
                                            @elseif($detail->po_status == 'Processed')
                                            <span class="badge bg-info">Processed</span>
                                            @elseif($detail->po_status == 'Success')
                                            <span class="badge bg-success">Success</span>
                                            @elseif($detail->po_status == 'Failed')
                                            <span class="badge bg-danger">Failed</span>
                                            @elseif($detail->po_status == 'Exist')
                                            <span class="badge bg-warning">Exist</span>
                                            @endif
                                        </td>

                                        {{-- SAP Error --}}
                                        <td class="text-sm">
                                            @if($detail->sap_error_msg)
                                            <button type="button" class="btn btn-sm btn-outline-danger py-0 px-2"
                                                data-bs-toggle="tooltip" data-bs-placement="left"
                                                title="{{ $detail->sap_error_msg }}">
                                                <i class="fas fa-exclamation-circle me-1"></i>Lihat
                                            </button>
                                            @else
                                            <span class="text-muted" style="font-size:.72rem;">-</span>
                                            @endif
                                        </td>

                                        {{-- Processed At --}}
                                        <td class="text-sm" data-order="{{ $detail->processed_at ?? '' }}">
                                            {{ $detail->processed_at ? \Carbon\Carbon::parse($detail->processed_at)->format('d/m/Y H:i') : '-' }}
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>

                            <div class="mt-2 text-muted" style="font-size: 0.95rem;">
                                Total: {{ $table_detail->count() }} data
                            </div>
                        </div>
                    </div>

                    {{-- ── Legend ── --}}
                    <div class="row px-4 py-2">
                        <div class="col-lg">
                            <code style="display:flex;align-items:flex-start;">
                                <span style="margin-right:8px;">Note :</span>
                                <div style="display:flex;flex-direction:column;gap:2px;">
                                    <div><i class="fas fa-circle" style="color:#e3f2fd;border:1px solid #ddd;border-radius:50%;"></i> Status Processed</div>
                                    <div><i class="fas fa-circle" style="color:#ffe9ed;border:1px solid #ddd;border-radius:50%;"></i> Status Failed</div>
                                </div>
                            </code>
                        </div>
                    </div>
                </div>{{-- /card --}}
            </div>
        </div>
    </div>
</div>
{{-- ════════════════════════════════════════════════════════════
     MODAL — Unready per Vendor
════════════════════════════════════════════════════════════ --}}
<div class="modal fade" id="modalUnreadyVendor" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="max-width:85vw;">
        <div class="modal-content" style="border-radius:14px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.22);">
            <div class="modal-header" style="background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px 14px 0 0;border:none;">
                <h5 class="modal-title" style="color:white;font-weight:700;font-size:.97rem;">
                    <i class="fas fa-undo me-2"></i>Unready per Vendor
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"
                    style="filter:brightness(0) invert(1);"></button>
            </div>

            {{-- Loading --}}
            <div id="urv-loading" style="display:none;text-align:center;padding:40px 0;">
                <div style="width:46px;height:46px;border:4px solid #f3f3f3;border-top:4px solid #f59e0b;
                            border-radius:50%;animation:genSpin .8s linear infinite;margin:0 auto 14px;"></div>
                <p style="font-weight:600;color:#555;margin:0 0 4px;">Memuat data&hellip;</p>
                <small style="color:#888;">Mohon tunggu sebentar</small>
            </div>

            <div class="modal-body p-0">
                {{-- Error --}}
                <div id="urv-errBox" style="display:none;" class="p-3">
                    <div class="alert alert-danger mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i><span id="urv-errMsg"></span>
                    </div>
                </div>

                {{-- Empty --}}
                <div id="urv-emptyState" style="display:none;" class="p-4 text-center">
                    <div style="font-size:3rem;margin-bottom:12px;">📭</div>
                    <p style="font-weight:600;color:#555;margin-bottom:4px;">Tidak ada data Ready PO</p>
                    <small style="color:#888;">Semua data sudah berstatus Unready PO</small>
                </div>

                <div id="urv-summaryBar" style="display:none;
                    padding:12px 16px;background:#fff;border-bottom:1px solid #eee;
                    flex-wrap:wrap;align-items:center;gap:10px;">
                    {{-- chip Total Vendor --}}
                    <div style="display:inline-flex;align-items:center;gap:8px;
                        padding:8px 16px;border-radius:50px;
                        font-size:.79rem;font-weight:600;
                        border:1.5px solid #ced4da;background:#f8f9fa;color:#495057;
                        width:auto;">
                        <div style="line-height:1.2;">
                            <div id="urv-chipTotal" style="font-size:1.05rem;font-weight:800;">0</div>
                            <div style="font-size:.67rem;color:#6c757d;">Total Vendor</div>
                        </div>
                    </div>
                    {{-- chip Total Item PR --}}
                    <div style="display:inline-flex;align-items:center;gap:8px;
                        padding:8px 16px;border-radius:50px;
                        font-size:.79rem;font-weight:600;
                        border:1.5px solid #b7dfb8;background:#eafbea;color:#1e7e34;
                        width:auto;">
                        <i class="fas fa-list-ul"></i>
                        <div style="line-height:1.2;">
                            <div id="urv-chipItems" style="font-size:1.05rem;font-weight:800;">0</div>
                            <div style="font-size:.67rem;">Total Item PR</div>
                        </div>
                    </div>
                </div>

                {{-- Filter + search --}}
                <div id="urv-filterRow" style="display:none;
                    padding:10px 16px;background:#f8f9fa;border-bottom:1px solid #eee;
                    display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
                    <button class="btn btn-sm" style="border:1.5px solid #667eea;color:#667eea;border-radius:20px;
                        font-size:.76rem;padding:3px 13px;" onclick="urvSelectAll(true)">
                        <i class="fas fa-check-square me-1"></i>Check All
                    </button>
                    <button class="btn btn-sm" style="border:1.5px solid #dc3545;color:#dc3545;border-radius:20px;
                        font-size:.76rem;padding:3px 13px;" onclick="urvSelectAll(false)">
                        <i class="fas fa-square me-1"></i>Uncheck All
                    </button>
                    <input type="text" id="urv-search" placeholder="🔍 Search SAP Code / Vendor..."
                        style="margin-left:auto;border-radius:20px;border:1.5px solid #dee2e6;
                            padding:4px 14px;font-size:.79rem;min-width:230px;"
                        oninput="urvSearch(this.value)">
                </div>

                {{-- Table --}}
                <div id="urv-tableWrap" style="display:none;max-height:62vh;overflow:auto;">
                    <table class="table table-bordered mb-0"
                        style="font-size:.75rem;min-width:900px;">
                        <thead>
                            <tr>
                                <th style="background:#34495e;color:white;padding:8px 9px;text-align:center;width:36px;">
                                    <input type="checkbox" id="urv-selectAll"
                                        style="cursor:pointer;width:14px;height:14px;accent-color:#f59e0b;"
                                        onchange="urvSelectAllPage(this)">
                                </th>
                                <th style="background:#34495e;color:white;padding:8px 9px;white-space:nowrap;">SAP Code Vendor</th>
                                <th style="background:#34495e;color:white;padding:8px 9px;">Vendor Name</th>
                                <th style="background:#34495e;color:white;padding:8px 9px;text-align:center;">Jumlah Item PR</th>
                                <th style="background:#34495e;color:white;padding:8px 9px;">No PR (Item)</th>
                                <th style="background:#34495e;color:white;padding:8px 9px;text-align:right;">Total Price</th>
                                <th style="background:#34495e;color:white;padding:8px 9px;white-space:nowrap;">PO Status</th>
                            </tr>
                        </thead>
                        <tbody id="urv-tbody"></tbody>
                    </table>
                </div>
            </div>

            <div class="modal-footer" style="border-radius:0 0 14px 14px;background:#f8f9fa;
                border-top:1px solid #e9ecef;padding:1rem 1.2rem;gap:.5rem;flex-wrap:wrap;">
                <div id="urv-selInfo" style="font-size:.8rem;margin-right:auto;">
                    <i class="fas fa-info-circle me-1"></i>Select the vendor you want to mark as "Unready."
                </div>
                <button type="button" class="btn btn-outline-primary btn-sm mb-0"
                    style="border-radius:9px;height:34px;padding:0 16px;font-size:.84rem;font-weight:600;
                        display:inline-flex;align-items:center;"
                    onclick="fetchUnreadyVendor()">
                    <i class="fas fa-sync-alt me-1"></i> Refresh
                </button>
                <button type="button" class="btn btn-secondary btn-sm mb-0" data-bs-dismiss="modal"
                    style="border-radius:9px;height:34px;padding:0 16px;font-size:.84rem;font-weight:600;
                        display:inline-flex;align-items:center;">
                    <i class="fas fa-times me-1"></i> Close
                </button>
                <button type="button" id="urv-btnUnready" class="btn btn-warning btn-sm mb-0" disabled
                    style="border-radius:9px;height:40px;padding:0 18px;font-size:.84rem;font-weight:600;
                        color:white;background:linear-gradient(135deg,#f59e0b,#d97706)!important;
                        border:none;display:inline-flex;align-items:center;gap:8px;"
                    onclick="urvSubmit()">
                    <i class="fas fa-undo"></i>
                    <span>Unready Selected Vendor</span>
                    <span id="urv-selCount" style="display:none;background:white;color:#d97706;
                        border-radius:6px;padding:0 6px;font-weight:800;font-size:.72rem;">0</span>
                </button>
            </div>
        </div>
    </div>
</div>

{{-- JS flag dmenu --}}
@if ($jsmenu == '1')
@if (view()->exists("js.{$dmenu}"))
@push('addjs') @include('js.' . $dmenu) @endpush
@else
@push('addjs')
<script>
    Swal.fire({
        title: 'JS Not Found!!',
        text: 'Please Create File JS',
        icon: 'error',
        confirmButtonColor: '#028284'
    });
</script>
@endpush
@endif
@endif
@endsection

@push('js')
<script>
    /* ════════════════════════════════════════════════════════════
       UNREADY PER VENDOR — scope global agar bisa dipanggil dari onclick
    ════════════════════════════════════════════════════════════ */
    var URV_DATA = [];
    var URV_FILTERED = [];
    var URV_SELECTED = {};

    function openModalUnreadyVendor() {
        new bootstrap.Modal(document.getElementById('modalUnreadyVendor')).show();
        fetchUnreadyVendor();
    }

    function fetchUnreadyVendor() {
        urvReset();
        document.getElementById('urv-loading').style.display = 'block';

        fetch("{{ route('lsrepo.unreadyVendorList') }}", {
                headers: {
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(r => r.json().then(j => {
                if (!r.ok) throw new Error(j.message || 'HTTP ' + r.status);
                return j;
            }))
            .then(res => {
                document.getElementById('urv-loading').style.display = 'none';
                if (!res.success) throw new Error(res.message || 'Gagal memuat data.');
                if (!res.data || !res.data.length) {
                    document.getElementById('urv-emptyState').style.display = 'block';
                    return;
                }
                URV_DATA = res.data;

                document.getElementById('urv-chipTotal').textContent = URV_DATA.length;
                document.getElementById('urv-chipItems').textContent =
                    URV_DATA.reduce((s, v) => s + (v.item_count || 0), 0);

                URV_SELECTED = {};
                URV_DATA.forEach(v => {
                    URV_SELECTED[v.sap_code_vendor] = true;
                });

                document.getElementById('urv-summaryBar').style.display = 'flex';
                document.getElementById('urv-filterRow').style.display = 'flex';
                document.getElementById('urv-tableWrap').style.display = '';

                urvApplyFilter();
                urvUpdateBtn();
            })
            .catch(err => {
                document.getElementById('urv-loading').style.display = 'none';
                document.getElementById('urv-errBox').style.display = 'block';
                document.getElementById('urv-errMsg').innerHTML =
                    '<strong>Gagal memuat data.</strong><br><small>' + err.message + '</small>' +
                    '<div class="mt-2"><button class="btn btn-sm btn-outline-danger" onclick="fetchUnreadyVendor()">' +
                    '<i class="fas fa-sync-alt me-1"></i>Coba Lagi</button></div>';
            });
    }

    function urvSearch(val) {
        var q = val.trim().toLowerCase();
        URV_FILTERED = q ?
            URV_DATA.filter(v =>
                (v.sap_code_vendor || '').toLowerCase().includes(q) ||
                (v.vendor_name || '').toLowerCase().includes(q)) :
            URV_DATA.slice();
        urvRenderTable();
    }

    function urvApplyFilter() {
        URV_FILTERED = URV_DATA.slice();
        urvRenderTable();
    }

    function urvRenderTable() {
        var tbody = document.getElementById('urv-tbody');
        if (!URV_FILTERED.length) {
            tbody.innerHTML = '<tr><td colspan="7" class="text-center py-4 text-muted">' +
                '<i class="fas fa-inbox me-2"></i>No data available.</td></tr>';
            urvSyncSelectAll();
            return;
        }

        tbody.innerHTML = URV_FILTERED.map(v => {
            var isChecked = URV_SELECTED[v.sap_code_vendor] ? 'checked' : '';
            var prList = (v.pr_list || []).slice(0, 5).join(', ') +
                (v.pr_list && v.pr_list.length > 5 ? ' ...' : '');
            var statusHtml = (v.po_statuses || []).map(s => {
                var cls = {
                    Pending: 'bg-warning',
                    Processed: 'bg-info',
                    Success: 'bg-success',
                    Failed: 'bg-danger',
                    Exist: 'bg-warning'
                } [s] || 'bg-secondary';
                return '<span class="badge ' + cls + ' me-1" style="font-size:.65rem;">' + s + '</span>';
            }).join('');

            // escape vendor code untuk atribut HTML (hindari karakter khusus)
            var vendorAttr = String(v.sap_code_vendor ?? '').replace(/"/g, '&quot;');

            return '<tr>' +
                '<td style="text-align:center;vertical-align:middle;">' +
                '<input type="checkbox" class="urv-chk"' +
                ' data-vendor="' + vendorAttr + '"' +
                ' ' + isChecked +
                ' style="cursor:pointer;width:14px;height:14px;accent-color:#f59e0b;"' +
                ' onchange="urvToggle(this)">' +
                '</td>' +
                '<td style="vertical-align:middle;white-space:nowrap;"><strong>' + (v.sap_code_vendor || '-') + '</strong></td>' +
                '<td style="vertical-align:middle;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"' +
                ' title="' + (v.vendor_name || '') + '">' + (v.vendor_name || '-') + '</td>' +
                '<td style="text-align:center;vertical-align:middle;">' +
                '<span style="background:#dbeafe;color:#1e40af;border-radius:20px;padding:2px 10px;font-weight:700;">' +
                v.item_count + '</span></td>' +
                '<td style="vertical-align:middle;font-size:.71rem;color:#555;">' + prList + '</td>' +
                '<td style="text-align:right;vertical-align:middle;white-space:nowrap;">' +
                new Intl.NumberFormat('id-ID', {
                    minimumFractionDigits: 2
                }).format(v.total_price || 0) +
                '</td>' +
                '<td style="vertical-align:middle;">' + (statusHtml || '-') + '</td>' +
                '</tr>';
        }).join('');

        urvSyncSelectAll();
    }

    function urvToggle(chk) {
        var vendor = chk.dataset.vendor;
        if (chk.checked) URV_SELECTED[vendor] = true;
        else delete URV_SELECTED[vendor];
        urvSyncSelectAll();
        urvUpdateBtn();
    }

    function urvSelectAll(select) {
        URV_DATA.forEach(v => {
            if (select) URV_SELECTED[v.sap_code_vendor] = true;
            else delete URV_SELECTED[v.sap_code_vendor];
        });
        document.querySelectorAll('.urv-chk').forEach(chk => {
            chk.checked = select;
        });
        var sa = document.getElementById('urv-selectAll');
        if (sa) {
            sa.checked = select;
            sa.indeterminate = false;
        }
        urvUpdateBtn();
    }

    function urvSelectAllPage(chk) {
        var checked = chk.checked; // simpan dulu sebelum dipakai
        URV_FILTERED.forEach(v => {
            if (checked) URV_SELECTED[v.sap_code_vendor] = true;
            else delete URV_SELECTED[v.sap_code_vendor];
        });
        document.querySelectorAll('.urv-chk').forEach(el => {
            el.checked = checked;
        });
        urvUpdateBtn();
    }

    function urvSyncSelectAll() {
        var sa = document.getElementById('urv-selectAll');
        if (!sa) return;
        if (!URV_FILTERED.length) {
            sa.checked = false;
            sa.indeterminate = false;
            return;
        }
        var allChk = URV_FILTERED.every(v => URV_SELECTED[v.sap_code_vendor]);
        var someChk = URV_FILTERED.some(v => URV_SELECTED[v.sap_code_vendor]);
        sa.checked = allChk;
        sa.indeterminate = !allChk && someChk;
    }

    function urvUpdateBtn() {
        var n = Object.keys(URV_SELECTED).filter(k => URV_SELECTED[k]).length;
        var btn = document.getElementById('urv-btnUnready');
        var sc = document.getElementById('urv-selCount');
        var si = document.getElementById('urv-selInfo');
        btn.disabled = n === 0;
        if (n > 0) {
            sc.textContent = n;
            sc.style.display = 'inline-block';
            si.innerHTML = '<i class="fas fa-check-circle me-1 text-warning"></i><strong>' + n + '</strong> vendor selected';
        } else {
            sc.style.display = 'none';
            si.innerHTML = '<i class="fas fa-info-circle me-1"></i>Select the vendor you want to mark as “unready.”';
        }
    }

    function urvSubmit() {
        var vendors = Object.keys(URV_SELECTED).filter(k => URV_SELECTED[k]);
        if (!vendors.length) return;

        Swal.fire({
            title: 'Konfirmasi Unready',
            html: 'Yakin ingin unready <strong>' + vendors.length + ' vendor</strong>?<br>' +
                '<small class="text-muted">All PR items in the selected vendor will be returned to the “Unready PO” status.</small>',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Unready',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#d97706'
        }).then(result => {
            if (!result.isConfirmed) return;

            var modal = bootstrap.Modal.getInstance(document.getElementById('modalUnreadyVendor'));
            if (modal) modal.hide();

            Swal.fire({
                title: 'Memproses...',
                html: '<i class="fas fa-spinner fa-spin me-2"></i>Mohon tunggu.',
                allowOutsideClick: false,
                showConfirmButton: false,
                didOpen: () => Swal.showLoading()
            });

            fetch("{{ route('lsrepo.unreadyVendorSubmit') }}", {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        vendors: vendors
                    })
                })
                .then(r => r.json().then(j => {
                    if (!r.ok) throw new Error(j.message || 'HTTP ' + r.status);
                    return j;
                }))
                .then(res => {
                    Swal.fire({
                        title: '<i class="fas fa-check-circle text-success me-1"></i>Berhasil!',
                        html: '<p>' + res.message + '</p>' +
                            '<div class="d-flex gap-2 justify-content-center mt-2">' +
                            '<div class="p-2 rounded text-center" style="background:#fff3cd;min-width:90px;">' +
                            '<small>Di-unready</small><br>' +
                            '<strong style="font-size:1.2rem;color:#d97706;">' + (res.updated || 0) + '</strong></div></div>',
                        icon: 'success',
                        confirmButtonColor: '#028284',
                        confirmButtonText: '<i class="fas fa-sync-alt me-1"></i>OK, Muat Ulang'
                    }).then(() => location.reload());
                })
                .catch(err => {
                    Swal.fire({
                        title: 'Gagal',
                        text: err.message,
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                });
        });
    }

    function urvReset() {
        URV_DATA = [];
        URV_FILTERED = [];
        URV_SELECTED = {};
        ['urv-summaryBar', 'urv-filterRow', 'urv-tableWrap', 'urv-errBox', 'urv-emptyState']
        .forEach(id => {
            document.getElementById(id).style.display = 'none';
        });
        var tbody = document.getElementById('urv-tbody');
        if (tbody) tbody.innerHTML = '';
        var search = document.getElementById('urv-search');
        if (search) search.value = '';
        urvUpdateBtn();
    }

    document.getElementById('modalUnreadyVendor')
        .addEventListener('hidden.bs.modal', urvReset);

    /* ════════════════════════════════════════════════════════════
       DOCUMENT READY — DataTable & helpers
    ════════════════════════════════════════════════════════════ */
    $(document).ready(function() {

        [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            .forEach(el => new bootstrap.Tooltip(el));

        if ($.fn.DataTable.isDataTable('#list_{{ $dmenu }}')) {
            $('#list_{{ $dmenu }}').DataTable().destroy();
        }

        var dtTable = $('#list_{{ $dmenu }}').DataTable({
            paging: false,
            info: false,
            searching: true,
            responsive: true,
            order: [],
            language: {
                search: 'Cari :',
                lengthMenu: 'Tampilkan _MENU_ baris',
                zeroRecords: 'Maaf - Data tidak ada',
                info: 'Data _START_ - _END_ dari _TOTAL_',
                infoEmpty: 'Tidak ada data',
                infoFiltered: '(pencarian dari _MAX_ data)'
            },
            dom: '<"row d-flex justify-content-between align-items-center"<"col-lg-12 d-flex justify-content-between align-items-center"Bf>>rtip',
            buttons: [{
                    text: '<i class="fas fa-file-excel me-1 text-lg text-success"></i><span class="font-weight-bold"> Excel</span>',
                    className: 'buttons-excel',
                    action: function() {
                        window.location.href = "{{ url($url_menu) }}?export=excel";
                    }
                },
                {
                    text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"></i><span class="font-weight-bold"> PDF</span>',
                    className: 'buttons-pdf',
                    action: function() {
                        window.location.href = "{{ url($url_menu) }}?export=pdf";
                    }
                },
                {
                    text: '<i class="fas fa-undo me-1 text-lg"></i><span class="font-weight-bold"> Unready per Vendor</span>',
                    className: 'btn-unready-vendor',
                    action: function() {
                        openModalUnreadyVendor();
                    }
                }
            ],
            initComplete: function() {
                var table = this.api();
                var html = `<div class="dataTables_filter d-flex justify-content-end">
                    <div class="d-flex align-items-center">
                        <input type="text" id="customSearch" class="form-control me-2"
                               placeholder="Search..." value="{{ request('search') }}">
                    </div></div>`;
                $('.dataTables_filter').remove();
                $(html).insertAfter('.dt-buttons');
                $('#customSearch').on('keyup', function() {
                    table.search(this.value).draw();
                });
                var init = "{{ request('search') }}";
                if (init) {
                    $('#customSearch').val(init);
                    table.search(init).draw();
                }
            }
        });

        $('.dt-button').addClass('btn btn-secondary').removeClass('dt-button');
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>779</b><br />
<br />
<b>Warning</b>:  Attempt to read property "excel" on null in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>779</b><br />
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>780</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pdf" on null in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>780</b><br />
        <br />
<b>Warning</b>:  Undefined variable $authorize in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>781</b><br />
<br />
<b>Warning</b>:  Attempt to read property "print" on null in <b>/opt/lampp/htdocs/msjvendor/resources/views/pages/lsrepo/list.blade.php</b> on line <b>781</b><br />

        window.deleteData = function(event, name, msg) {
            event.preventDefault();
            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah Anda Yakin ${msg} Data ${name} ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: `Ya, ${msg}`,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#028284'
            }).then(result => {
                if (result.isConfirmed) event.target.closest('form').submit();
            });
        };

        window.unreadyConfirm = function(event, name) {
            event.preventDefault();
            Swal.fire({
                title: 'Konfirmasi Unready',
                text: 'Apakah Anda yakin ingin Unready data ' + name + '? Data akan dikembalikan ke status Unready PO.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya, Unready',
                cancelButtonText: 'Batal',
                confirmButtonColor: '#e6a817'
            }).then(result => {
                if (result.isConfirmed) event.target.closest('form').submit();
            });
        };
    });
</script>
@endpush