@if (($bagian ?? 'tabel') === 'rincian')
    {{-- ============ Isi kartu: profil + siapa & kapan diverifikasi + Kembalikan ke Draf ============ --}}
    <form class="pt-0" onsubmit="return false;">
        @include('monitoring-verifikasi.petani-monitoring', ['bagian' => 'profil'])

        <div class="mb-6">
            <label class="form-label">Komoditas</label>
            <input type="text" class="form-control" readonly value="{{ $petani->komoditas?->nama ?? '-' }}">
        </div>
        <div class="mb-6">
            <label class="form-label">Enumerator</label>
            <input type="text" class="form-control" readonly value="{{ $petani->creator?->name ?? '-' }}">
        </div>
        {{-- Data terverifikasi dikunci, jadi updated_by / updated_at = yang & waktu memverifikasi --}}
        <div class="mb-6">
            <label class="form-label">Diverifikasi Oleh</label>
            <input type="text" class="form-control" readonly
                   value="{{ $petani->updater?->name ?? '-' }}{{ $petani->updater?->role ? ' · ' . $petani->updater->role->label() : '' }}">
        </div>
        <div class="mb-6">
            <label class="form-label">Waktu Verifikasi</label>
            <input type="text" class="form-control" readonly value="{{ $petani->updated_at?->translatedFormat('d M Y, H:i') ?? '-' }}">
        </div>
    </form>

    {{-- Ada temuan setelah diverifikasi: kembalikan ke Draf dengan catatan --}}
    <form method="POST" action="{{ route('monitoring-verifikasi.petani.verifikasi.kembalikan-draf', $petani->id) }}"
          class="form-kembalikan-draf" data-nama="{{ $petani->nama }}"
          data-judul="Kembalikan ke Draf" data-pesan="Data ini sudah terverifikasi. Tuliskan temuan yang perlu diperbaiki oleh enumerator.">
        @csrf
        @method('PUT')
        <input type="hidden" name="catatan" value="">
        <button type="submit" class="btn btn-label-danger w-100">
            <i class="icon-base ti tabler-arrow-back-up icon-sm me-1"></i>Kembalikan ke Draf
        </button>
    </form>
@else
    {{-- ============ Tabel petani terverifikasi; klik di mana saja pada baris → kartu rincian ============ --}}
    <div class="monitoring-split">
        <div class="kolom-tabel">
            <form method="GET" action="{{ route('monitoring-verifikasi.petani.verifikasi') }}" class="d-flex justify-content-between align-items-center row gap-3 gap-md-0 mb-4">
                <input type="hidden" name="sub" value="terverifikasi">
                <div class="col-md-auto">
                    <div class="d-flex align-items-center">
                        <label class="me-2 text-nowrap">Show</label>
                        <select name="per_page_terverifikasi" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                            @foreach ($perPage as $n)
                                <option value="{{ $n }}" @selected($petaniTerverifikasi->perPage() == $n)>{{ $n }}</option>
                            @endforeach
                        </select>
                        <label class="ms-2 text-nowrap">entries</label>
                    </div>
                </div>
                <div class="col-md-auto">
                    <div class="input-group input-group-sm w-auto">
                        <input type="text" name="search_terverifikasi" class="form-control" placeholder="Cari nama petani..." value="{{ request('search_terverifikasi') }}">
                        <button type="submit" class="btn btn-outline-primary"><i class="icon-base ti tabler-search"></i></button>
                    </div>
                </div>
            </form>

            <div class="table-responsive text-nowrap">
                <table class="table table-hover">
                    <thead class="border-top">
                        <tr>
                            <th>No</th>
                            <th>Nama Petani</th>
                            <th>Komoditas</th>
                            <th>Desa</th>
                            <th>Enumerator</th>
                            <th>Diverifikasi Oleh</th>
                            <th>Terakhir Diperbarui</th>
                            <th class="text-center">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($petaniTerverifikasi as $index => $item)
                            <tr class="btn-buka-rincian"
                                data-url="{{ route('monitoring-verifikasi.petani.verifikasi.show', $item->id) }}"
                                data-judul="{{ $item->nama }}" title="Klik untuk melihat rincian verifikasi">
                                <td>{{ $petaniTerverifikasi->firstItem() + $index }}</td>
                                <td><span class="text-heading fw-medium">{{ $item->nama }}</span></td>
                                <td>{{ $item->komoditas?->nama ?? '-' }}</td>
                                <td>{{ $item->desaKelurahan?->nama ?? '-' }}</td>
                                <td><span class="text-body-secondary">{{ $item->creator?->name ?? '-' }}</span></td>
                                {{-- Data terverifikasi dikunci, jadi updated_by = yang memverifikasi --}}
                                <td>
                                    <span class="d-block text-heading">{{ $item->updater?->name ?? '-' }}</span>
                                    @if ($item->updater?->role)
                                        <small class="text-body-secondary">{{ $item->updater->role->label() }}</small>
                                    @endif
                                </td>
                                <td><span class="text-body-secondary">{{ $item->updated_at?->translatedFormat('d M Y H:i') ?? '-' }}</span></td>
                                <td class="text-center"><span class="badge bg-label-{{ $item->status->warna() }}">{{ $item->status->label() }}</span></td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center py-4">Belum ada data petani yang terverifikasi.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-center justify-content-md-end border-top pt-4">
                {{ $petaniTerverifikasi->links('pagination::bootstrap-5') }}
            </div>
        </div>

        <div class="kolom-detail" aria-hidden="true"></div>
    </div>
@endif