@use('App\Services\Produktivitas\KelengkapanPetani')

@if (($bagian ?? 'tabel') === 'profil')
    {{-- ============ Profil singkat petani (dipakai juga di kartu verifikasi) ============ --}}
    @php $desa = $petani->desaKelurahan; @endphp
    <div class="d-flex align-items-center mb-6">
        <div class="avatar avatar-xl me-3 flex-shrink-0">
            <img src="{{ $petani->foto ? route('petani.show-image', ['id' => $petani->id, 'field' => 'foto']) : asset('assets/img/avatars/3.jpg') }}"
                 alt="Foto {{ $petani->nama }}" class="rounded" style="object-fit: cover;">
        </div>
        <div style="min-width: 0;">
            <h6 class="mb-0 text-truncate">{{ $petani->nama }}</h6>
            <small class="d-block text-body-secondary">{{ is_null($petani->umur) ? 'Umur belum diisi' : $petani->umur . ' tahun' }}</small>
            <small class="d-block text-body-secondary">
                {{ $desa ? collect([$desa->nama, $desa->kecamatan?->nama, $desa->kecamatan?->kabupatenKota?->nama])->filter()->implode(', ') : 'Desa belum diisi' }}
            </small>
        </div>
    </div>
@elseif (($bagian ?? 'tabel') === 'isian')
    {{-- ============ Daftar pertanyaan -> jawaban (dipakai juga di kartu verifikasi) ============ --}}
    @forelse ($rincian as $grup => $baris)
        <h6 class="pb-2 border-bottom mb-4">{{ $grup }}</h6>
        @foreach ($baris as $r)
            @php $kosong = ! $r['terisi'] || $r['jawaban'] === null; @endphp
            <div class="mb-6">
                <label class="form-label">{{ $r['label'] }}</label>
                @if (! $kosong && mb_strlen($r['jawaban']) > 60)
                    <textarea class="form-control" rows="2" readonly>{{ $r['jawaban'] }}</textarea>
                @else
                    <input type="text" @class(['form-control', 'is-invalid' => $kosong]) readonly
                           value="{{ $kosong ? 'Belum diisi' : $r['jawaban'] }}">
                @endif
            </div>
        @endforeach
    @empty
        <p class="text-center text-body-secondary mb-6">Tidak ada isian.</p>
    @endforelse
@elseif (($bagian ?? 'tabel') === 'rincian')
    {{-- ============ Isi kartu rincian: profil singkat + pertanyaan -> jawaban ============ --}}
    @php $skorIndeks = $petani->skor?->skor_kesiapan_adopsi; @endphp

    <form class="pt-0" onsubmit="return false;">
        @include('monitoring-verifikasi.petani-monitoring', ['bagian' => 'profil'])

        <div class="row g-4 mb-6">
            <div class="col-6">
                <label class="form-label">Skor Indeks</label>
                <input type="text" class="form-control" readonly
                       value="{{ is_null($skorIndeks) ? '-' : number_format($skorIndeks, 1, ',', '.') . '/5 · ' . $petani->segmen() }}">
            </div>
            <div class="col-6">
                <label class="form-label">Terisi</label>
                <input type="text" class="form-control" readonly
                       value="{{ $ringkasan['terisi'] }}/{{ $ringkasan['total'] }} ({{ $ringkasan['total'] ? floor($ringkasan['terisi'] / $ringkasan['total'] * 100) : 0 }}%)">
            </div>
        </div>

        @include('monitoring-verifikasi.petani-monitoring', ['bagian' => 'isian'])
    </form>
@else
    {{-- ============ Tabel petani; klik badge Input → kartu rincian ============ --}}
    @php
        $judulInput = ['skor' => 'Input Skor', 'wajib' => 'Input Wajib', 'lainnya' => 'Input Lainnya'];
    @endphp

    <div class="monitoring-split">
        <div class="kolom-tabel">
            <form method="GET" action="{{ route('monitoring-verifikasi.petani.monitoring') }}" class="d-flex justify-content-between align-items-center row gap-3 gap-md-0 mb-4">
                <input type="hidden" name="sub" value="petani">
                <div class="col-md-auto">
                    <div class="d-flex align-items-center">
                        <label class="me-2 text-nowrap">Show</label>
                        <select name="per_page" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                            @foreach ($perPage as $n)
                                <option value="{{ $n }}" @selected($petani->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" class="form-control" placeholder="Cari nama petani..." value="{{ request('search') }}">
                        <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>Enumerator</th>
                            <th class="text-center" title="Pertanyaan yang dinilai di skor Kesiapan Adopsi">Input Skor</th>
                            <th class="text-center" title="Isian yang dipakai dashboard">Input Wajib</th>
                            <th class="text-center" title="Isian lainnya di Profil Petani">Input Lainnya</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($petani as $index => $item)
                            @php $r = $ringkasan[$item->id]; @endphp
                            <tr>
                                <td>{{ $petani->firstItem() + $index }}</td>
                                <td><a href="{{ route('petani.edit', $item->id) }}" class="text-heading fw-medium">{{ $item->nama }}</a></td>
                                <td>{{ $item->komoditas?->nama ?? '-' }}</td>
                                <td><span class="text-body-secondary">{{ $item->creator?->name ?? '-' }}</span></td>
                                @foreach ($judulInput as $jenis => $judul)
                                    <td class="text-center">
                                        <button type="button" class="btn btn-sm btn-label-{{ KelengkapanPetani::warna($r[$jenis]) }} btn-buka-rincian"
                                                data-url="{{ route('monitoring-verifikasi.petani.monitoring.detail', [$item->id, $jenis]) }}"
                                                data-judul="Rincian {{ $judul }}" title="Lihat rincian {{ strtolower($judul) }}">
                                            {{ $r[$jenis]['terisi'] }}/{{ $r[$jenis]['total'] }}
                                        </button>
                                    </td>
                                @endforeach
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-4">Tidak ada data ditemukan.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

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

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