@php
    // Hasil pengecekan pada rentang filter: (1) data missing yang belum
    // dikonfirmasi, (2) status pull finger per status karyawan yang sesuai
    // dengan cakupan report (belum di-pull / sudah di-pull namun belum lengkap).
    // Keduanya dikumpulkan dalam $unconfirmed_missing.
    $unconfirmedMissing = $unconfirmed_missing ?? null;
    $pullStatus = (array) ($unconfirmedMissing['pull_status'] ?? []);
    $pullByStatus = (array) ($pullStatus['by_status'] ?? []);
    $pullNotPulledCount = count((array) ($pullStatus['not_pulled_dates'] ?? []));
    $pullIncompleteCount = count((array) ($pullStatus['incomplete_dates'] ?? []));

    $hasMissing = !empty($unconfirmedMissing['total_rows']);
    $hasPullIssue = !empty($pullByStatus);

    // Status karyawan dalam cakupan report (diisi service/dipakai juga sebagai
    // konteks pengecekan missing).
    $selectedStatusIds = $unconfirmedMissing['status_karyawan_ids']
        ?? ($filter['status_karyawan_ids'] ?? []);

    $alertTitles = [];
    $hideConditions = [];
    if ($hasPullIssue) {
        $alertTitles[] = 'Status Pull Finger Belum Lengkap';
        $hideConditions[] = count($selectedStatusIds) === 1
            ? 'seluruh tanggal pada rentang filter sudah di-pull (lengkap)'
            : 'seluruh tanggal pada rentang filter sudah di-pull (lengkap) untuk status karyawan pada filter';
    }
    if ($hasMissing) {
        $alertTitles[] = 'Data Missing Belum Dikonfirmasi';
        $hideConditions[] = 'seluruh data missing yang belum dikonfirmasi sudah dikonfirmasi';
    }

    // Nama status karyawan terpilih, sebagai konteks pengecekan missing.
    $statusNamesById = collect($status_karyawan_options ?? [])->mapWithKeys(function ($status) {
        return [(string) $status->id => (string) $status->nama];
    });
    $selectedStatusNames = collect($selectedStatusIds)
        ->map(fn ($id) => $statusNamesById[(string) $id] ?? ('Status ' . $id))
        ->values();

    // Batas badge tanggal yang ditampilkan per status (sisanya "+N tanggal").
    $maxShownDates = 12;

    // Rincian per status hanya ditampilkan bila cakupan report berisi lebih dari
    // satu status. Bila hanya satu status, cukup tampilkan daftar tanggalnya
    // tanpa penjelasan per status.
    $selectedStatusCount = count($selectedStatusIds);
    $showPullDetail = $selectedStatusCount !== 1;

    // Tanggal yang masih bermasalah, digabung jadi satu daftar (tidak dipisah
    // antara "belum di-pull" dan "belum lengkap") - dipakai saat hanya satu
    // status dalam cakupan report.
    $pullProblemDates = array_values(array_unique(array_merge(
        (array) ($pullStatus['not_pulled_dates'] ?? []),
        (array) ($pullStatus['incomplete_dates'] ?? [])
    )));
    sort($pullProblemDates);

    // Blok per status hanya disiapkan bila rincian ditampilkan (>1 status).
    $pullSections = [];
    if ($showPullDetail) {
        foreach ($pullByStatus as $row) {
            $pullSections[] = [
                'title' => $row['status'],
                'not_pulled' => $row['not_pulled'],
                'incomplete' => $row['incomplete'],
            ];
        }
    }
@endphp

@if ($hasMissing || $hasPullIssue)
    {{-- Banner info berbentuk CARD (bukan .alert) yang TETAP tampil selama masih
         ada status pull yang belum lengkap ATAU data missing yang belum
         dikonfirmasi, dan baru hilang ketika keduanya sudah bersih.
         Sengaja tanpa kelas "alert" agar tidak ikut tertutup otomatis oleh
         auto-close alert global di layouts/app.blade.php, dan sengaja tanpa
         auto-dismiss. Tombol X hanya menutup banner bila diklik user.
         Dipakai bersama oleh report rptovr (rekap kehadiran) dan rptabs
         (report absensi). --}}
    <div id="alertUnconfirmedMissing" class="card mb-3 border-0 shadow-sm" style="background-color: #fff4ce; border-left: 6px solid #f0ad4e; position: relative; padding: 1rem 2.75rem 1rem 1rem;">
        <button type="button" id="btnCloseUnconfirmedMissing" class="btn-close position-absolute top-0 end-0 m-2" aria-label="Tutup banner"></button>
        <style>
            /* Badge (tanggal & rekap data missing) memakai ukuran font yang sama
               dengan teks lain di banner ini. Class .badge bawaan memakai
               0.75em sehingga teksnya lebih kecil dari paragraf; karena itu
               override ini scoped ke banner ini saja, dan tiap baris badge
               tetap memakai text-sm agar ukurannya seragam. */
            #alertUnconfirmedMissing .badge {
                font-size: inherit;
            }
        </style>
        <div class="d-flex align-items-start">
            <i class="fas fa-exclamation-triangle text-warning fa-lg me-2 mt-1"></i>
            <div class="flex-grow-1">
                <h6 class="text-dark font-weight-bold mb-1">
                    Perhatian : {{ implode(' & ', $alertTitles) }}
                </h6>

                @if ($hasPullIssue)
                    <p class="text-sm text-dark mb-1">
                        Pemeriksaan status pull finger pada periode
                        <strong>{{ date('d/m/Y', strtotime($unconfirmedMissing['tanggal_mulai'])) }}</strong>
                        s/d <strong>{{ date('d/m/Y', strtotime($unconfirmedMissing['tanggal_akhir'])) }}</strong>
                        @if ($showPullDetail)
                            (dihitung per status karyawan sesuai filter
                            @if ($selectedStatusNames->isNotEmpty())
                                : {{ $selectedStatusNames->implode(', ') }}
                            @endif
                            )
                        @endif
                        :
                        @if ($showPullDetail)
                            <strong>{{ $pullNotPulledCount }}</strong> tanggal belum di-pull,
                            <strong>{{ $pullIncompleteCount }}</strong> tanggal sudah di-pull namun belum lengkap.
                        @else
                            <strong>{{ count($pullProblemDates) }}</strong> tanggal belum lengkap
                            (belum di-pull atau sudah di-pull namun belum lengkap).
                        @endif
                    </p>
                @endif

                @if (! $showPullDetail)
                    {{-- Hanya satu status dalam cakupan: seluruh tanggal yang
                         bermasalah digabung dalam satu baris badge. --}}
                    <div class="text-sm text-dark mb-1">
                        @foreach (array_slice($pullProblemDates, 0, $maxShownDates) as $tanggal)
                            <span class="badge text-dark" style="background-color: #ffd966;">
                                {{ date('d/m/Y', strtotime($tanggal)) }}
                            </span>
                        @endforeach
                        @if (count($pullProblemDates) > $maxShownDates)
                            <span class="badge text-dark" style="background-color: #ffd966;">
                                +{{ count($pullProblemDates) - $maxShownDates }} tanggal lainnya
                            </span>
                        @endif
                    </div>
                @endif

                @foreach ($pullSections as $section)
                    <div class="mb-1">
                        <div class="text-sm font-weight-bold text-dark">
                            <i class="fas fa-users me-1"></i>{{ $section['title'] }}
                        </div>

                        @if (!empty($section['not_pulled']))
                            <div class="text-sm text-dark">
                                <strong>Belum di-pull</strong> ({{ count($section['not_pulled']) }}) :
                                @foreach (array_slice($section['not_pulled'], 0, $maxShownDates) as $tanggal)
                                    <span class="badge text-dark" style="background-color: #ffd966;">
                                        {{ date('d/m/Y', strtotime($tanggal)) }}
                                    </span>
                                @endforeach
                                @if (count($section['not_pulled']) > $maxShownDates)
                                    <span class="badge text-dark" style="background-color: #ffd966;">
                                        +{{ count($section['not_pulled']) - $maxShownDates }} tanggal lainnya
                                    </span>
                                @endif
                            </div>
                        @endif

                        @if (!empty($section['incomplete']))
                            <div class="text-sm text-dark">
                                <strong>Sudah di-pull, belum lengkap</strong> ({{ count($section['incomplete']) }}) :
                                @foreach (array_slice($section['incomplete'], 0, $maxShownDates) as $tanggal)
                                    <span class="badge text-dark" style="background-color: #f8cbad;">
                                        {{ date('d/m/Y', strtotime($tanggal)) }}
                                    </span>
                                @endforeach
                                @if (count($section['incomplete']) > $maxShownDates)
                                    <span class="badge text-dark" style="background-color: #f8cbad;">
                                        +{{ count($section['incomplete']) - $maxShownDates }} tanggal lainnya
                                    </span>
                                @endif
                            </div>
                        @endif
                    </div>
                @endforeach
                @if ($hasMissing && $hasPullIssue)
                    <hr class="horizontal dark my-2">
                @endif

                @if ($hasMissing)
                    <p class="text-sm text-dark mb-1">
                        Ditemukan <strong>{{ number_format($unconfirmedMissing['total_rows'], 0, ',', '.') }}</strong>
                        data missing (<strong>{{ number_format($unconfirmedMissing['total_statuses'], 0, ',', '.') }}</strong> status)
                        pada periode <strong>{{ date('d/m/Y', strtotime($unconfirmedMissing['tanggal_mulai'])) }}</strong>
                        s/d <strong>{{ date('d/m/Y', strtotime($unconfirmedMissing['tanggal_akhir'])) }}</strong>
                        untuk
                        @if ($selectedStatusNames->isNotEmpty())
                            status karyawan <strong>{{ $selectedStatusNames->implode(', ') }}</strong>
                        @else
                            semua status karyawan
                        @endif
                        yang masih <strong>belum dikonfirmasi</strong>.
                    </p>

                    @if (!empty($unconfirmedMissing['by_status']))
                        <div class="d-flex flex-wrap gap-2 mb-1 text-sm">
                            @foreach ($unconfirmedMissing['by_status'] as $label => $jumlah)
                                <span class="badge text-dark" style="background-color: #ffd966;">
                                    {{ $label }} : {{ number_format($jumlah, 0, ',', '.') }}
                                </span>
                            @endforeach
                        </div>
                    @endif
                @endif

                <p class="text-xs text-dark mb-0">
                    <i class="fas fa-info-circle me-1"></i>
                    Banner ini tetap tampil sampai {{ implode(' dan ', $hideConditions) }}.
                    @if ($hasMissing)
                        Konfirmasi data missing melalui menu
                        <a href="{{ URL::to('trsmis') }}" target="_blank" class="font-weight-bold">Data Missing</a>.
                    @endif
                    @if ($hasPullIssue)
                        Lakukan pull finger untuk status karyawan di atas (menu
                        <a href="{{ URL::to('trspul') }}" target="_blank" class="font-weight-bold">Pull Finger</a>),
                        pilih tanggal yang ditandai, lalu ulangi pull hingga <strong>Lengkap</strong>.
                    @endif
                </p>
            </div>
        </div>
    </div>

    <script>
        // Banner TIDAK menutup otomatis. Tombol X hanya menutup banner ini
        // bila diklik user.
        (function () {
            var btn = document.getElementById('btnCloseUnconfirmedMissing');
            var banner = document.getElementById('alertUnconfirmedMissing');

            if (!btn || !banner) {
                return;
            }

            btn.addEventListener('click', function () {
                banner.parentNode.removeChild(banner);
            });
        })();
    </script>
@endif