diff --git a/app/Http/Controllers/Web/Produktivitas/ProfilPetaniController.php b/app/Http/Controllers/Web/Produktivitas/ProfilPetaniController.php
index 791fba0..15df567 100644
--- a/app/Http/Controllers/Web/Produktivitas/ProfilPetaniController.php
+++ b/app/Http/Controllers/Web/Produktivitas/ProfilPetaniController.php
@@ -49,20 +49,43 @@ class ProfilPetaniController extends Controller
         $skorPetani     = SkorPetani::where('petani_id', $id)->first();
         $enumerator     = Profile::where('user_id', $petani->created_by)->first();
         $komoditasUtama = Komoditas::where('id', $petani->komoditas_id)->first();
-        $lahan          = Lahan::where('petani_id', $id )->get();
+        $lahan = Lahan::query()
+            ->select(['id', 'petani_id', 'nama', 'path', 'luas_lahan', 'komoditas_id', 'desa_kelurahan_id'])
+            ->with([
+                'komoditas:id,nama',
+                'desaKelurahan:id,nama,path,kecamatan_id',
+                'desaKelurahan.kecamatan:id,nama,path',
+            ])
+            ->where('petani_id', $id)
+            ->get();
 
         $desaKelurahan = DesaKelurahan::with('kecamatan')
                         ->where('id', $petani->desa_kelurahan_id)
                         ->first();
 
         $ktpMasked = $petani->ktp ? Str::mask($petani->ktp, '*', 4, -4) : '-';
-        $profiling = $skorPetani ? $this->buildProfiling($skorPetani) : null;
+        $assessmentFields = [
+            'skor_kesiapan_adopsi',
+            'skor_d2_sistem_praktik_budidaya',
+            'skor_d4_sosial_ekonomi',
+            'skor_d6_rantai_nilai_akses_pasar',
+            'skor_komp_1_d4_k3_motivasi_kapasitas_adopsi',
+            'skor_komp_2_d4_k2_ekonomi_rumah_tangga',
+            'skor_komp_3_d2_praktik_budidaya_gap',
+            'skor_komp_4_d4_k4_keterlibatan_kelembagaan',
+            'skor_komp_5_d4_k5_k6_akses_kebebasan_keuangan',
+            'skor_komp_6_d6_k1_k4_k5_rantai_nilai_akses_pasar',
+        ];
+        $hasAssessment = $skorPetani !== null && collect($assessmentFields)->every(
+            fn (string $field) => $skorPetani->{$field} !== null
+        );
+        $profiling = $hasAssessment ? $this->buildProfiling($skorPetani) : null;
 
         $tanaman = Tanaman::where('petani_id', $petani->id)
                   ->where('komoditas_id', $petani->komoditas_id)
                   ->first();
 
-        if ($tanaman) {
+        if ($tanaman?->updated_at && $tanaman->umur_tanaman !== null) {
             $tahunInputTanaman  = $tanaman->updated_at->year;
             $umurTanaman        = (int) $tanaman->umur_tanaman;
             $tahunSekarang      = now()->year;
@@ -162,8 +185,8 @@ class ProfilPetaniController extends Controller
 
         $d4SosialEkonomi = null;
 
-        $terdaftarKelompok = $sosialEkonomi->terdaftar_kelompok_tani;
-        $peranKelompok = $sosialEkonomi->peran_dalam_kelompok;
+        $terdaftarKelompok = $sosialEkonomi?->terdaftar_kelompok_tani;
+        $peranKelompok = $sosialEkonomi?->peran_dalam_kelompok;
 
         if ($sosialEkonomi) {
 
@@ -207,8 +230,8 @@ class ProfilPetaniController extends Controller
                             'icon' => 'tabler-minus',
                         ],
                         default => [
-                            'label' => Str::headline($status),
-                            'short' => Str::headline($status),
+                            'label' => filled($status) ? Str::headline($status) : 'Belum diisi',
+                            'short' => filled($status) ? Str::headline($status) : 'Belum diisi',
                             'color' => 'secondary',
                             'icon' => 'tabler-help-circle',
                         ],
@@ -434,12 +457,61 @@ class ProfilPetaniController extends Controller
             ],
         ];
 
+        // Report missing profile data without treating an unanswered field as zero.
+        $missingSections = [];
+        $identityFields = [
+            'nama' => 'Nama', 'ktp' => 'NIK', 'tanggal_lahir' => 'Tanggal lahir',
+            'jenis_kelamin' => 'Jenis kelamin', 'pendidikan_terakhir' => 'Pendidikan terakhir',
+            'status_perkawinan' => 'Status perkawinan',
+        ];
+        foreach ($identityFields as $field => $label) {
+            if (blank($petani->{$field})) {
+                $missingSections[] = $label;
+            }
+        }
+        if (!$desaKelurahan?->nama || !$desaKelurahan?->kecamatan?->nama) {
+            $missingSections[] = 'Wilayah desa/kecamatan';
+        }
+        if (!$komoditasUtama?->nama) {
+            $missingSections[] = 'Komoditas utama';
+        }
+        if ($lahan->isEmpty()) {
+            $missingSections[] = 'Data lahan';
+        }
+        if ($tahunTanam === null) {
+            $missingSections[] = 'Umur tanaman';
+        }
+        if (!$praktikBudidaya || $indikatorOnFarm->contains(fn ($item) => $item['skor'] === null)) {
+            $missingSections[] = 'Praktik budidaya';
+        }
+        if ($surveyPanen?->hasil_komoditas_utama_permusim === null) {
+            $missingSections[] = 'Survei panen';
+        }
+        $socialFields = [
+            'jumlah_tanggungan', 'skor_kecukupan_penghasilan', 'skor_kemampuan_menabung',
+            'status_kepemilikan_lahan', 'terdaftar_kelompok_tani', 'status_rekening_tabungan',
+            'pengalaman_kredit_kebun', 'keterikatan_hutang_panen', 'praktik_ijon',
+            'kebebasan_memilih_pembeli',
+        ];
+        if (!$sosialEkonomi || collect($socialFields)->contains(fn ($field) => blank($sosialEkonomi->{$field}))) {
+            $missingSections[] = 'Sosial ekonomi';
+        }
+        if (!$aksesPasar || blank($aksesPasar->saluran_terdahulu)) {
+            $missingSections[] = 'Akses pasar';
+        }
+        if (!$hasAssessment) {
+            $missingSections[] = 'Penilaian kesiapan adopsi belum lengkap';
+        }
+
         $data = [
+            'missingSections' => $missingSections,
+            'hasAssessment' => $hasAssessment,
             'petani'            => $petani,
             'skorPetani'        => $skorPetani,
             'enumerator'        => $enumerator,
             'komoditasUtama'    => $komoditasUtama,
             'lahan'             => $lahan,
+            'farmerLandMap' => $this->farmerLandMapData($lahan),
             'desaKelurahan'     => $desaKelurahan,
             'ktpMasked'         => $ktpMasked,
             'profiling'         => $profiling,
@@ -447,7 +519,6 @@ class ProfilPetaniController extends Controller
             'umurTanaman'       => $umurTanaman,
             'surveyPanen'       => $surveyPanen,
             'praktikBudidaya'   => $praktikBudidaya,
-            'praktikBudidaya'   => $praktikBudidaya,
             'indikatorOnFarm'   => $indikatorOnFarm,
             'detailOnFarm'      => $detailOnFarm,
             'sosialEkonomi'     => $sosialEkonomi,
@@ -464,6 +535,35 @@ class ProfilPetaniController extends Controller
         return view('produktivitas.profil-petani.index', $data);
     }
 
+    private function farmerLandMapData(\Illuminate\Support\Collection $lands): array
+    {
+        $regions = ['desa' => [], 'kecamatan' => []];
+        $plots = [];
+
+        foreach ($lands as $land) {
+            $plot = [
+                'id' => $land->id,
+                'nama' => $land->nama,
+                'path' => $land->path,
+                'luas' => $land->luas_lahan,
+                'komoditas' => $land->komoditas?->nama,
+            ];
+            foreach (['desa' => $land->desaKelurahan, 'kecamatan' => $land->desaKelurahan?->kecamatan] as $level => $region) {
+                $plot[$level . '_id'] = $region?->id;
+                if ($region && !isset($regions[$level][$region->id])) {
+                    $regions[$level][$region->id] = [
+                        'id' => $region->id,
+                        'nama' => $region->nama,
+                        'path' => $region->path,
+                    ];
+                }
+            }
+            $plots[] = $plot;
+        }
+
+        return ['lands' => $plots, 'regions' => $regions];
+    }
+
     private function getScoreColor(?int $score): string
     {
         if ($score === null) {
diff --git a/resources/views/produktivitas/petani/edit.blade.php b/resources/views/produktivitas/petani/edit.blade.php
index 33764db..b4ed11c 100644
--- a/resources/views/produktivitas/petani/edit.blade.php
+++ b/resources/views/produktivitas/petani/edit.blade.php
@@ -13,6 +13,7 @@
 
 @push('scripts')
 <script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.5/croppie.min.js"></script>
+@endpush
 
 @section('content')
 <div class="container-xxl flex-grow-1 container-p-y">
@@ -113,7 +114,7 @@
                                     <select class="form-control @error('pendidikan_terakhir') is-invalid @enderror" id="edit-petani-pendidikan-terakhir" name="pendidikan_terakhir">
                                         <option value="">Pilih Pendidikan Terakhir</option>
                                         @foreach($pendidikan as $value)
-                                        <option value="{{ $value['value'] }}" {{ old('pendidikan_terakhir', $petani->pendidikan_terakhir->value) == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
+                                        <option value="{{ $value['value'] }}" {{ old('pendidikan_terakhir', $petani->pendidikan_terakhir?->value) == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
                                         @endforeach
                                     </select>
                                     @error('pendidikan_terakhir')<div class="error invalid-feedback">{{ $message }}</div>@enderror
@@ -123,7 +124,7 @@
                                     <select class="form-control @error('status_perkawinan') is-invalid @enderror" id="edit-petani-status-pernikahan" name="status_perkawinan">
                                         <option value="">Pilih Status Pernikahan</option>
                                         @foreach($pernikahan as $value)
-                                        <option value="{{ $value['value'] }}" {{ old('status_perkawinan', $petani->status_perkawinan->value) == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
+                                        <option value="{{ $value['value'] }}" {{ old('status_perkawinan', $petani->status_perkawinan?->value) == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
                                         @endforeach
                                     </select>
                                     @error('status_perkawinan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
@@ -159,7 +160,7 @@
                                     <select class="form-control @error('provinsi_id') is-invalid @enderror" id="edit-petani-provinsi" name="provinsi_id">
                                         <option value="">Pilih Provinsi</option>
                                         @foreach($provinsi as $p)
-                                        <option value="{{ $p->id }}" {{ old('provinsi_id', $petani->desaKelurahan->kecamatan->kabupatenKota->provinsi_id) == $p->id ? 'selected' : '' }}>{{ $p->nama }}</option>
+                                        <option value="{{ $p->id }}" {{ old('provinsi_id', $petani->desaKelurahan?->kecamatan?->kabupatenKota?->provinsi_id) == $p->id ? 'selected' : '' }}>{{ $p->nama }}</option>
                                         @endforeach
                                     </select>
                                     @error('provinsi_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
@@ -168,7 +169,9 @@
                                     <label class="form-label" for="edit-petani-kabupaten">Kabupaten/Kota<span class="text-danger">*</span></label>
                                     <select class="form-control @error('kabupaten_id') is-invalid @enderror" id="edit-petani-kabupaten" name="kabupaten_id" >
                                         <option value="">Pilih Kabupaten/Kota</option>
+                                        @if($petani->desaKelurahan?->kecamatan?->kabupatenKota)
                                         <option value="{{ $petani->desaKelurahan->kecamatan->kabupatenKota->id }}" selected>{{ $petani->desaKelurahan->kecamatan->kabupatenKota->nama }}</option>
+                                        @endif
                                     </select>
                                     @error('kabupaten_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
                                 </div>
@@ -176,7 +179,9 @@
                                     <label class="form-label" for="edit-petani-kecamatan">Kecamatan<span class="text-danger">*</span></label>
                                     <select class="form-control @error('kecamatan_id') is-invalid @enderror" id="edit-petani-kecamatan" name="kecamatan_id" >
                                         <option value="">Pilih Kecamatan</option>
+                                        @if($petani->desaKelurahan?->kecamatan)
                                         <option value="{{ $petani->desaKelurahan->kecamatan->id }}" selected>{{ $petani->desaKelurahan->kecamatan->nama }}</option>
+                                        @endif
                                     </select>
                                     @error('kecamatan_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
                                 </div>
@@ -184,7 +189,9 @@
                                     <label class="form-label" for="edit-petani-desa">Desa/Kelurahan<span class="text-danger">*</span></label>
                                     <select class="form-control @error('desa_kelurahan_id') is-invalid @enderror" id="edit-petani-desa" name="desa_kelurahan_id" >
                                         <option value="">Pilih Desa/Kelurahan</option>
+                                        @if($petani->desaKelurahan)
                                         <option value="{{ $petani->desaKelurahan->id }}" selected>{{ $petani->desaKelurahan->nama }}</option>
+                                        @endif
                                     </select>
                                     @error('desa_kelurahan_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
                                 </div>
diff --git a/resources/views/produktivitas/petani/header.blade.php b/resources/views/produktivitas/petani/header.blade.php
index 170133b..e03f1f5 100644
--- a/resources/views/produktivitas/petani/header.blade.php
+++ b/resources/views/produktivitas/petani/header.blade.php
@@ -58,7 +58,7 @@
                             
                             <hr class="my-2"> <h6 class="mb-1" style="font-size: 0.85rem;">Domisili</h6>
                             <p class="mb-0 text-muted" style="font-size: 0.75rem;">Alamat: {{ isset($petani) ? $petani->alamat : 'Alamat' }}</p>
-                            <p class="mb-0 text-muted" style="font-size: 0.75rem; line-height: 1.3;">{{ isset($petani) ? $petani->desaKelurahan->nama : 'Desa/Kelurahan' }}, {{ $petani ? $petani->desaKelurahan->kecamatan->nama : 'Kecamatan' }}, {{ $petani ? $petani->desaKelurahan->kecamatan->kabupatenKota->nama : 'Kabupaten/Kota' }}, {{ $petani ? $petani->desaKelurahan->kecamatan->kabupatenKota->provinsi->nama : 'Provinsi' }}</p>
+                            <p class="mb-0 text-muted" style="font-size: 0.75rem; line-height: 1.3;">{{ isset($petani) ? $petani->desaKelurahan?->nama ?? 'Belum diisi' : 'Desa/Kelurahan' }}, {{ $petani ? $petani->desaKelurahan?->kecamatan?->nama ?? 'Belum diisi' : 'Kecamatan' }}, {{ $petani ? $petani->desaKelurahan?->kecamatan?->kabupatenKota?->nama ?? 'Belum diisi' : 'Kabupaten/Kota' }}, {{ $petani ? $petani->desaKelurahan?->kecamatan?->kabupatenKota?->provinsi?->nama ?? 'Belum diisi' : 'Provinsi' }}</p>
                         </div>
                     </div>
                 </div>
@@ -116,7 +116,7 @@
                                                 </h5>
                                                 <p class="mb-0" style="font-size: 0.75rem;">
                                                     @if(!is_null($skorLahanTanaman))
-                                                        <span class="me-1">{{ number_format($totalTanaman, 0, ',', '.') }} tanaman {{ $petani?->komoditas->nama }}</span>
+                                                        <span class="me-1">{{ number_format($totalTanaman, 0, ',', '.') }} tanaman {{ $petani?->komoditas?->nama ?? 'Belum diisi' }}</span>
                                                     @else
                                                         <span class="me-1">Belum terisi</span>
                                                     @endif
diff --git a/resources/views/produktivitas/profil-petani/index.blade.php b/resources/views/produktivitas/profil-petani/index.blade.php
index 118c13a..a2318e2 100644
--- a/resources/views/produktivitas/profil-petani/index.blade.php
+++ b/resources/views/produktivitas/profil-petani/index.blade.php
@@ -1,8 +1,80 @@
 @extends('layout.main')
 
-@push('styles')
+@push('style')
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="anonymous" />
 <link rel="stylesheet" href="{{ asset('assets/vendor/libs/apex-charts/apex-charts.css') }}" />
 <style>
+    #farmer-land-map-back[hidden] { display: none !important; }
+    .farmer-land-count { background: transparent; border: 0; }
+    .farmer-land-count span {
+        display: flex; align-items: center; justify-content: center;
+        width: 38px; height: 38px; border-radius: 50%;
+        background: #28a76a; color: #fff; border: 3px solid #fff;
+        box-shadow: 0 2px 8px rgba(0,0,0,.22); font-weight: 700; font-size: 13px;
+    }
+    #farmer-land-map { height: 420px; isolation: isolate; border-radius: .375rem; }
+    #farmer-land-map[hidden], #farmer-land-map-empty[hidden] { display: none !important; }
+    #farmer-land-map-empty { min-height: 220px; }
+    #farmer-land-map .leaflet-popup-content { min-width: 180px; line-height: 1.7; }
+    @media (max-width: 575.98px) { #farmer-land-map { height: 340px; } }
+    .profile-completeness {
+        border: 1px solid var(--bs-border-color);
+        border-inline-start: 3px solid var(--bs-warning);
+        box-shadow: none;
+    }
+    .profile-completeness-heading { min-width: 0; }
+    .profile-completeness-icon {
+        width: 42px;
+        height: 42px;
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .profile-completeness-details {
+        margin-top: 1rem;
+        padding-top: 1rem;
+        border-top: 1px solid var(--bs-border-color);
+    }
+    .profile-completeness-details summary {
+        width: fit-content;
+        max-width: 100%;
+        cursor: pointer;
+        color: var(--bs-body-color);
+        font-size: .8125rem;
+        font-weight: 500;
+    }
+    .profile-completeness-details summary:focus-visible {
+        outline: 2px solid var(--bs-primary);
+        outline-offset: 4px;
+        border-radius: 4px;
+    }
+    .profile-completeness-list {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: .625rem 1rem;
+        list-style: none;
+        padding: 0;
+        margin: 1rem 0 0;
+    }
+    .profile-completeness-list li {
+        display: flex;
+        align-items: flex-start;
+        gap: .5rem;
+        min-width: 0;
+        font-size: .8125rem;
+        color: var(--bs-secondary-color, var(--bs-body-color));
+        overflow-wrap: anywhere;
+    }
+    .profile-completeness-list i { flex-shrink: 0; margin-top: .125rem; }
+    @media (max-width: 991.98px) {
+        .profile-completeness-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+    }
+    @media (max-width: 575.98px) {
+        .profile-completeness-list { grid-template-columns: minmax(0, 1fr); }
+        .profile-completeness-action { width: 100%; }
+    }
     @media (min-width: 1200px) {
         .border-start-xl {
             border-left: 1px solid var(--bs-border-color);
@@ -20,6 +92,36 @@
 
 @section('content')
 <div class="container-xxl flex-grow-1 container-p-y">
+    @if(count($missingSections))
+        <section class="card profile-completeness mb-4" aria-labelledby="profile-completeness-title">
+            <div class="card-body p-4">
+                <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-3">
+                    <div class="d-flex align-items-start gap-3 profile-completeness-heading">
+                        <span class="profile-completeness-icon rounded bg-label-warning" aria-hidden="true">
+                            <i class="icon-base ti tabler-clipboard-list icon-24px"></i>
+                        </span>
+                        <div>
+                            <h6 class="mb-1" id="profile-completeness-title">Lengkapi profil petani</h6>
+                            <p class="text-body-secondary small mb-0">Beberapa data belum tersedia. Lengkapi agar informasi profil dan penilaian lebih utuh.</p>
+                        </div>
+                    </div>
+                    @canany(['super_admin', 'admin', 'fasilitator'])
+                        <a href="{{ route('petani.edit', $petani->id) }}" class="btn btn-sm btn-primary flex-shrink-0 profile-completeness-action">
+                            <i class="icon-base ti tabler-edit icon-sm me-2" aria-hidden="true"></i>Lengkapi data
+                        </a>
+                    @endcanany
+                </div>
+                <details class="profile-completeness-details">
+                    <summary>Lihat {{ count($missingSections) }} bagian yang perlu dilengkapi</summary>
+                    <ul class="profile-completeness-list">
+                        @foreach($missingSections as $section)
+                            <li><i class="icon-base ti tabler-circle-dashed icon-sm text-warning" aria-hidden="true"></i><span>{{ $section }}</span></li>
+                        @endforeach
+                    </ul>
+                </details>
+            </div>
+        </section>
+    @endif
     <div class="row">
         <div class="col-12">
             <div class="card mb-6">
@@ -38,23 +140,23 @@
                                 </div>
                                 <div class="flex-grow-1 text-center text-sm-start">
                                     <div class="d-flex align-items-center justify-content-center justify-content-sm-start flex-wrap gap-2 mb-1">
-                                        <h4 class="mb-0">{{ $petani->nama }}</h4>
+                                        <h4 class="mb-0">{{ filled($petani->nama) ? $petani->nama : 'Belum diisi' }}</h4>
                                         <span class="badge bg-label-secondary">NIK: {{ $ktpMasked }}</span>
                                     </div>
                                     <div class="d-flex align-items-center justify-content-center justify-content-sm-start flex-wrap gap-2 mb-3">
-                                        <span class="text-body-secondary">{{ \Carbon\Carbon::parse($petani->tanggal_lahir)->age }} tahun</span>
+                                        <span class="text-body-secondary">{{ $petani->tanggal_lahir ? $petani->tanggal_lahir->age . ' tahun' : 'Tanggal lahir belum diisi' }}</span>
                                         <span class="text-body-secondary">•</span>
-                                        <span class="badge bg-label-secondary">{{ $petani->pendidikan_terakhir }}</span>
-                                        <span class="badge bg-label-secondary">{{ $petani->status_perkawinan }}</span>
+                                        <span class="badge bg-label-secondary">{{ $petani->pendidikan_terakhir?->label() ?? 'Belum diisi' }}</span>
+                                        <span class="badge bg-label-secondary">{{ $petani->status_perkawinan?->label() ?? 'Belum diisi' }}</span>
                                     </div>
                                     <div class="d-flex flex-wrap justify-content-center justify-content-sm-start gap-2 mb-3">
                                         <span class="badge bg-label-secondary d-flex align-items-center gap-1">
                                             <i class="icon-base ti tabler-map-pin icon-xs"></i>
-                                            {{ $desaKelurahan->nama }}, {{ $desaKelurahan->kecamatan->nama }}
+                                            {{ $desaKelurahan?->nama ?? 'Desa belum diisi' }}, {{ $desaKelurahan?->kecamatan?->nama ?? 'Kecamatan belum diisi' }}
                                         </span>
                                         <span class="badge bg-label-secondary d-flex align-items-center gap-1">
                                             <i class="icon-base ti tabler-chocolate icon-xs"></i>
-                                            {{ $komoditasUtama->nama }}
+                                            {{ $komoditasUtama?->nama ?? 'Belum diisi' }}
                                         </span>
                                         @if($petani->sertifikat === 1)
                                         <span class="badge bg-label-secondary d-flex align-items-center gap-1">
@@ -76,6 +178,7 @@
 
                                         <div class="d-flex align-items-center flex-wrap gap-2">
 
+                                            @if($hasAssessment)
                                             <div class="d-flex align-items-baseline gap-1">
                                                 <h2 class="mb-0 text-primary">
                                                     {{ number_format($skorPetani->skor_kesiapan_adopsi, 1) }}
@@ -99,6 +202,9 @@
                                                 @endif
 
                                             </span>
+                                            @else
+                                                <span class="badge bg-label-secondary">Belum dapat dinilai</span>
+                                            @endif
 
                                         </div>
                                     </div>
@@ -137,22 +243,24 @@
                                 </div>
 
                             </div>
+                                @if($hasAssessment)
                                 <div class="progress mb-2" style="height: 7px;">
                                     <div class="progress-bar" role="progressbar" style="width: {{ ($skorPetani->skor_kesiapan_adopsi / 5.0) * 100 }}%;" aria-valuenow="{{ $skorPetani->skor_kesiapan_adopsi }}" aria-valuemin="0" aria-valuemax="5.0"></div>
                                 </div>
                                 <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
                                     <small class="text-warning">
-                                        {{ number_format(4.0 - $skorPetani->skor_kesiapan_adopsi, 1) }} poin lagi menuju batas Segmen Penggerak
+                                        {{ number_format(max(0, 4.0 - $skorPetani->skor_kesiapan_adopsi), 1) }} poin lagi menuju batas Segmen Penggerak
                                     </small>
                                 </div>
+                                @endif
                                 <div class="d-flex flex-wrap gap-3 text-body-secondary small">
                                     <span class="d-flex align-items-center gap-1">
                                         <i class="icon-base ti tabler-user-search icon-xs"></i>
-                                        Enu: {{ $enumerator->nama ?? 'N/A' }}
+                                        Enu: {{ $enumerator->nama ?? 'Belum diisi' }}
                                     </span>
                                     <span class="d-flex align-items-center gap-1">
                                         <i class="icon-base ti tabler-calendar-event icon-xs"></i>
-                                        Terakhir Update: {{ \Carbon\Carbon::parse($petani->updated_at)->format('d M Y : H:i' ) }}
+                                        Terakhir Update: {{ $petani->updated_at?->format('d M Y : H:i') ?? 'Belum diisi' }}
                                     </span>
                                 </div>
                             </div>
@@ -162,31 +270,36 @@
             </div>
         </div>
     </div>
+    @if($hasAssessment)
     <div class="row g-6">
-        <div class="col-md-6 col-12">
-            <div class="card h-100">
+        <div class="col-lg-6 col-12">
+            <div class="card card-border-shadow-info h-100">
                 <div class="card-header">
-                    <h5 class="card-title mb-1">Profil Dimensi</h5>
-                    <p class="card-subtitle text-body-secondary mb-0">Profil berdasarkan 6 dimensi penilaian</p>
+                    <h5 class="card-title mb-1">Dimensi Kesiapan Adopsi</h5>
+                    <p class="card-subtitle text-body-secondary mb-0">Skor tiga dimensi kesiapan adopsi petani.</p>
                 </div>
-
                 <div class="card-body">
                     <div id="dimensionChart"></div>
+                    <p class="small text-body-secondary text-center mb-0">Skala skor 0&ndash;5</p>
+
                 </div>
             </div>
         </div>
-        <div class="col-md-6 col-12">
-            <div class="card h-100">
+        <div class="col-lg-6 col-12">
+            <div class="card card-border-shadow-warning h-100">
                 <div class="card-header">
-                    <h5 class="card-title mb-1">Skor per Komponen</h5>
-                    <p class="card-subtitle text-body-secondary mb-0">Nilai masing-masing komponen penilaian petani</p>
+                    <h5 class="card-title mb-1">Komponen Kesiapan Adopsi</h5>
+                    <p class="card-subtitle text-body-secondary mb-0">Skor enam komponen yang membentuk kesiapan adopsi petani.</p>
                 </div>
                 <div class="card-body">
-                    <div id="skorKomponenBarChart"></div>
+                    <div id="componentChart"></div>
+                    <p class="small text-body-secondary text-center mb-0">Skala skor 0&ndash;5</p>
+
                 </div>
             </div>
         </div>
     </div>
+    @endif
     @if($profiling)
         <div class="row mt-6">
             <div class="col-12">
@@ -273,6 +386,40 @@
             </div>
         </div>
     @endif
+    <div class="row mt-6">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-3">
+                    <div class="d-flex align-items-center gap-3">
+                        <span class="avatar-initial rounded bg-label-success p-2" aria-hidden="true">
+                            <i class="icon-base ti tabler-map-2 icon-md"></i>
+                        </span>
+                        <div>
+                            <h5 class="card-title mb-1">Peta Lahan Petani</h5>
+                            <p class="card-subtitle text-body-secondary mb-0">Sebaran lahan {{ $petani->nama }}. Klik wilayah untuk menelusuri lahan, atau klik bidang untuk melihat detail.</p>
+                        </div>
+                    </div>
+                    <div class="d-flex flex-wrap gap-2">
+                        <button type="button" id="farmer-land-map-back" class="btn btn-sm btn-label-secondary" hidden>
+                            <i class="icon-base ti tabler-arrow-left icon-sm me-2" aria-hidden="true"></i>Kembali
+                        </button>
+                        <button type="button" id="farmer-land-map-fit" class="btn btn-sm btn-label-primary" disabled>
+                            <i class="icon-base ti tabler-focus-2 icon-sm me-2" aria-hidden="true"></i>Lihat semua lahan
+                        </button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div id="farmer-land-map" role="region" aria-label="Peta lahan petani" hidden></div>
+                    <div id="farmer-land-map-empty" class="d-flex flex-column align-items-center justify-content-center text-center rounded border p-5" role="status">
+                        <i class="icon-base ti tabler-map-pin-off icon-32px text-body-secondary mb-3" aria-hidden="true"></i>
+                        <h6 class="mb-1">Peta lahan belum tersedia</h6>
+                        <p class="text-body-secondary small mb-0" id="farmer-land-map-message">Belum ada koordinat lahan yang dapat ditampilkan.</p>
+                    </div>
+                    <p id="farmer-land-map-summary" class="small text-body-secondary mt-3 mb-0" aria-live="polite"></p>
+                </div>
+            </div>
+        </div>
+    </div>
     <!-- Detail Profil Petani -->
     <div class="row g-6 mt-1">
         <div class="col-xl-6 col-12 d-flex">
@@ -283,7 +430,7 @@
                         <h5 class="card-title mb-0">D2 - Praktik Budidaya (GAP)</h5>
                     </div>
                     <span class="badge bg-label-primary">
-                        Skor: {{ number_format($skorPetani->skor_d2_sistem_praktik_budidaya ?? 0, 1) }}
+                        Skor: {{ $skorPetani?->skor_d2_sistem_praktik_budidaya !== null ? number_format($skorPetani->skor_d2_sistem_praktik_budidaya, 1) : 'Belum dapat dinilai' }}
                     </span>
                 </div>    
                 <div class="card-body">
@@ -292,7 +439,7 @@
                         <div class="col-md-4">
                             <div class="border rounded p-3 h-100">
                                 <small class="text-body-secondary d-block mb-1">Komoditas</small>
-                                <h6 class="mb-0">{{ $komoditasUtama->nama ?? '-' }}</h6>
+                                <h6 class="mb-0">{{ $komoditasUtama?->nama ?? 'Belum diisi' }}</h6>
                             </div>
                         </div>
                         {{-- Tahun Tanam --}}
@@ -300,7 +447,7 @@
                             <div class="border rounded p-3 h-100">
                                 <small class="text-body-secondary d-block mb-1">Tahun Tanam</small>
                                 <h6 class="mb-0">
-                                    {{ $tahunTanam ?? '-' }}
+                                    {{ $tahunTanam ?? 'Belum diisi' }}
                                     @if($umurTanaman)
                                         <span class="text-body-secondary fw-normal">
                                             ({{ $umurTanaman }} th)
@@ -315,21 +462,19 @@
                             <div class="border rounded p-3 h-100">
                                 <small class="text-body-secondary d-block mb-1">Est. Produksi</small>
                                 <h6 class="mb-1">
-                                    {{ number_format($surveyPanen?->hasil_komoditas_utama_permusim ?? 0, 0, ',', '.') }}
-                                    Kg/Musim
+                                    {{ $surveyPanen?->hasil_komoditas_utama_permusim !== null ? number_format($surveyPanen->hasil_komoditas_utama_permusim, 0, ',', '.') . ' Kg/Musim' : 'Belum diisi' }}
                                 </h6>
                                 @if($surveyPanen?->disimpan_untuk_sendiri == 1)
                                     <small class="text-body-secondary d-block">
                                         Disimpan:
                                         <span class="fw-medium text-body">
-                                            {{ number_format($surveyPanen?->hasil_panen_disimpan ?? 0, 0, ',', '.') }}
-                                            Kg/Musim
+                                            {{ $surveyPanen?->hasil_panen_disimpan !== null ? number_format($surveyPanen->hasil_panen_disimpan, 0, ',', '.') . ' Kg/Musim' : 'Belum diisi' }}
                                         </span>
                                         @if($surveyPanen?->tujuan_disimpan)
                                             ({{ $surveyPanen->tujuan_disimpan }})
                                         @endif
                                     </small>
-                                @else
+                                @elseif($surveyPanen?->disimpan_untuk_sendiri !== null)
                                     <small class="text-success">
                                         <i class="icon-base ti tabler-check icon-xs me-1"></i>
                                         Semua di jual
@@ -346,7 +491,7 @@
 
                         <div class="d-flex flex-column gap-4">
 
-                            @foreach($indikatorOnFarm as $indikator)
+                            @forelse($indikatorOnFarm as $indikator)
 
                                 <div>
 
@@ -358,7 +503,7 @@
                                                 class="text-body fw-medium"
                                                 data-bs-toggle="tooltip"
                                                 data-bs-placement="top"
-                                                title="{{ $indikator['deskripsi'] ?? '-' }}"
+                                                title="{{ $indikator['deskripsi'] ?? 'Belum diisi' }}"
                                             >
                                                 {{ $indikator['nama'] }}
                                             </span>
@@ -368,12 +513,13 @@
                                         {{-- Progress --}}
                                         <div class="col-md-7 col-10">
 
+                                            @if($indikator['skor'] !== null)
                                             <div
                                                 class="progress"
                                                 style="height: 7px;"
                                                 data-bs-toggle="tooltip"
                                                 data-bs-placement="top"
-                                                title="{{ $indikator['deskripsi'] ?? '-' }}"
+                                                title="{{ $indikator['deskripsi'] ?? 'Belum diisi' }}"
                                             >
                                                 <div
                                                     class="progress-bar bg-{{ $indikator['color'] }}"
@@ -384,6 +530,9 @@
                                                     aria-valuemax="5">
                                                 </div>
                                             </div>
+                                            @else
+                                                <span class="text-body-secondary small">Belum dapat dinilai</span>
+                                            @endif
 
                                         </div>
 
@@ -411,7 +560,9 @@
 
                                 </div>
 
-                            @endforeach
+                            @empty
+                                <p class="text-body-secondary mb-0">Praktik budidaya belum diisi.</p>
+                            @endforelse
 
                         </div>
 
@@ -485,8 +636,10 @@
                             <i class="icon-base ti tabler-users-group text-primary icon-md"></i>
                             <h5 class="card-title mb-0">D4 - Sosial Ekonomi</h5>
                         </div>
-                        @if($skorPetani?->skor_d4_sosial_ekonomi)
+                        @if($skorPetani?->skor_d4_sosial_ekonomi !== null)
                             <span class="badge bg-label-primary">Skor: {{ number_format($skorPetani->skor_d4_sosial_ekonomi, 1) }}</span>
+                        @else
+                            <span class="badge bg-label-secondary">Belum dapat dinilai</span>
                         @endif
                     </div>
                     <div class="card-body">
@@ -499,7 +652,7 @@
                                         <span>Tanggungan Keluarga</span>
                                     </div>
                                     <span class="fw-medium text-heading">
-                                        {{ $d4SosialEkonomi['jumlah_tanggungan'] ?? 0 }} Orang
+                                        {{ $d4SosialEkonomi['jumlah_tanggungan'] !== null ? $d4SosialEkonomi['jumlah_tanggungan'] . ' Orang' : 'Belum diisi' }}
                                     </span>
                                 </div>
                                 {{-- Kondisi Pendapatan --}}
@@ -539,7 +692,7 @@
                                         <span>Hak Kelola Lahan</span>
                                     </div>
                                     <span class="fw-medium text-heading">
-                                        {{ $d4SosialEkonomi['status_kepemilikan_lahan'] ?? '-' }}
+                                        {{ $d4SosialEkonomi['status_kepemilikan_lahan'] ?? 'Belum diisi' }}
                                     </span>
                                 </div>
                                 <div class="d-flex flex-column gap-4">
@@ -562,7 +715,7 @@
                                                         Terdaftar
                                                     </span>
                                                 @else
-                                                    <span class="badge bg-label-secondary">Tidak Terdaftar</span>
+                                                    <span class="badge bg-label-secondary">{{ $d4SosialEkonomi['kelembagaan']['status'] ?? 'Belum diisi' }}</span>
                                                 @endif
                                             </div>
                                             {{-- Peran --}}
@@ -573,7 +726,7 @@
                                                         <span>Peran dalam Kelompok</span>
                                                     </div>
                                                     <span class="fw-medium text-heading text-end">
-                                                        {{ $d4SosialEkonomi['kelembagaan']['peran'] ?? '-' }}
+                                                        {{ $d4SosialEkonomi['kelembagaan']['peran'] ?? 'Belum diisi' }}
                                                     </span>
                                                 </div>
                                             @endif
@@ -774,7 +927,7 @@
                         </div>
 
                         <span class="badge bg-label-primary">
-                            {{ number_format($skorPetani->skor_d6_rantai_nilai_akses_pasar ?? 0, 1) }}
+                            {{ $skorPetani?->skor_d6_rantai_nilai_akses_pasar !== null ? number_format($skorPetani->skor_d6_rantai_nilai_akses_pasar, 1) : 'Belum dapat dinilai' }}
                         </span>
 
                     </div>
@@ -1024,327 +1177,393 @@
 </div>
 @endsection
 
+@if($hasAssessment)
 @push('scripts')
-<script src="{{ asset('assets/vendor/libs/apex-charts/apexcharts.js') }}"></script>
 <script>
 document.addEventListener('DOMContentLoaded', function () {
-
-    const dimensionScores = [
-        @json((float) ($skorPetani->skor_komp_1_d4_k3_motivasi_kapasitas_adopsi ?? 0)),
-        @json((float) ($skorPetani->skor_komp_2_d4_k2_ekonomi_rumah_tangga ?? 0)),
-        @json((float) ($skorPetani->skor_komp_3_d2_praktik_budidaya_gap ?? 0)),
-        @json((float) ($skorPetani->skor_komp_4_d4_k4_keterlibatan_kelembagaan ?? 0)),
-        @json((float) ($skorPetani->skor_komp_5_d4_k5_k6_akses_kebebasan_keuangan ?? 0)),
-        @json((float) ($skorPetani->skor_komp_6_d6_k1_k4_k5_rantai_nilai_akses_pasar ?? 0))
+    const borderColor = config.colors.borderColor;
+    const legendColor = config.colors.bodyColor;
+    const fontFamily = config.fontFamily;
+    const palette = [
+        config.chartColors?.semantic?.success || '#6FD68F',
+        config.chartColors?.semantic?.primary || '#9D8EF0',
+        config.chartColors?.semantic?.warning || '#FFB46F',
+        config.chartColors?.semantic?.info || '#5FC7D6',
+        config.chartColors?.semantic?.danger || '#F47C86',
+        config.chartColors?.semantic?.secondary || '#9EA6B0'
     ];
 
-    const dimensionLabels = [
-        'Motivasi',
-        'Ekonomi',
-        'GAP',
-        'Kelembagaan',
-        'Keuangan',
-        'Akses Pasar'
-    ];
-
-
-    /*
-    |--------------------------------------------------------------------------
-    | VUEXY THEME COLORS
-    |--------------------------------------------------------------------------
-    */
-
-    const pastelSemantic = config.chartColors?.semantic || {};
-    const primaryColor   = pastelSemantic.primary || '#9D8EF0';
-    const secondaryColor = pastelSemantic.secondary || '#9EA6B0';
-    const successColor   = pastelSemantic.success || '#6FD68F';
-    const infoColor      = pastelSemantic.info || '#5FC7D6';
-    const warningColor   = pastelSemantic.warning || '#FFB46F';
-    const dangerColor    = pastelSemantic.danger || '#F47C86';
-
-    const bodyColor      = config.colors.bodyColor;
-    const borderColor    = config.colors.borderColor;
-
-
-    /*
-    |--------------------------------------------------------------------------
-    | DEBUG
-    |--------------------------------------------------------------------------
-    */
-
-    console.log('Skor Petani:', dimensionScores);
-
-
-    /*
-    |--------------------------------------------------------------------------
-    | RADAR CHART
-    |--------------------------------------------------------------------------
-    */
-
-    const dimensionChartEl = document.querySelector('#dimensionChart');
-
-    if (dimensionChartEl && typeof ApexCharts !== 'undefined') {
-
-        const dimensionChartConfig = {
-
-            chart: {
-                height: 360,
-                type: 'radar',
-                toolbar: {
-                    show: false
-                },
-                parentHeightOffset: 0
-            },
-
-            series: [
-                {
-                    name: 'Skor',
-                    data: dimensionScores
-                }
-            ],
-
-            labels: dimensionLabels,
-
-            colors: [
-                primaryColor
-            ],
-
-            stroke: {
-                width: 2
-            },
-
-            fill: {
-                opacity: 0.18
-            },
-
-            markers: {
-                size: 4,
-                strokeWidth: 0,
-                hover: {
-                    size: 6
-                }
-            },
-
-            dataLabels: {
-                enabled: false
-            },
-
-            plotOptions: {
-                radar: {
-                    size: 125,
-
-                    polygons: {
-                        strokeColors: borderColor,
-                        connectorColors: borderColor,
-
-                        fill: {
-                            colors: [
-                                'transparent'
-                            ]
-                        }
-                    }
-                }
-            },
-
-            xaxis: {
-                labels: {
-                    style: {
-                        colors: [
-                            bodyColor,
-                            bodyColor,
-                            bodyColor,
-                            bodyColor,
-                            bodyColor,
-                            bodyColor
-                        ],
-                        fontSize: '12px',
-                        fontWeight: 500
-                    }
-                }
-            },
-
-            yaxis: {
-                min: 0,
-                max: 5,
-                tickAmount: 5,
-
-                labels: {
-                    show: false
-                }
-            },
-
-            tooltip: {
-                y: {
-                    formatter: function (value) {
-                        return Number(value).toFixed(1) + ' / 5.0';
-                    }
-                }
-            },
-
-            legend: {
-                show: false
-            }
-        };
-
-        const dimensionChart = new ApexCharts(
-            dimensionChartEl,
-            dimensionChartConfig
-        );
-
-        dimensionChart.render();
+    function formatReadinessScore(value) {
+        if (value === null || value === undefined || value === '' || !Number.isFinite(Number(value))) return '-';
+        return Number(value).toLocaleString('id-ID', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
     }
 
+    function spaceReadinessRadarLabels(chart) {
+        chart.el.querySelectorAll('.apexcharts-radar-series .apexcharts-xaxis-label').forEach(function (label) {
+            var x = Number(label.getAttribute('x')) || 0;
+            var y = Number(label.getAttribute('y')) || 0;
+            var dx = Math.abs(x) > 10 ? (x > 0 ? 16 : -16) : 0;
+            var dy = Math.abs(x) <= 10 ? (y > 0 ? 20 : -20) : 0;
+            label.setAttribute('transform', 'translate(' + dx + ',' + dy + ')');
+        });
+        var categoryBoxes = Array.from(chart.el.querySelectorAll('.apexcharts-radar-series .apexcharts-xaxis-label'), function (label) { return label.getBoundingClientRect(); });
+        var scoreLabels = chart.el.querySelectorAll('.apexcharts-datalabels .apexcharts-datalabel');
+        scoreLabels.forEach(function (label, index) {
+            var angle = (2 * Math.PI * index / chart.w.config.labels.length) - Math.PI / 2;
+            var x = Number(label.getAttribute('x')) || 0;
+            var y = Number(label.getAttribute('y')) || 0;
+            var radius = Math.sqrt(x * x + y * y);
+            var distance = Math.max(18, 30 - radius);
+            var dx = Math.cos(angle) * distance;
+            var dy = Math.sin(angle) * distance;
+            label.setAttribute('transform', 'translate(' + dx + ',' + dy + ')');
+            label.setAttribute('text-anchor', Math.abs(dx) < 5 ? 'middle' : (dx > 0 ? 'start' : 'end'));
+            label.style.paintOrder = 'stroke';
+            label.style.stroke = config.colors.cardColor;
+            label.style.strokeWidth = '3px';
+            label.style.strokeLinejoin = 'round';
+            label.style.pointerEvents = 'none';
+            // ApexCharts moves the score group outside the series after rendering.
+            // Keep a clear gap from category labels even when a score reaches 5.
+            for (var attempt = 0; attempt < 7; attempt++) {
+                var scoreBox = label.getBoundingClientRect();
+                var overlapsCategory = categoryBoxes.some(function (box) {
+                    return scoreBox.left < box.right + 10 && scoreBox.right > box.left - 10 &&
+                        scoreBox.top < box.bottom + 10 && scoreBox.bottom > box.top - 10;
+                });
+                if (!overlapsCategory || distance <= 12) break;
+                distance = Math.max(12, distance - 4);
+                dx = Math.cos(angle) * distance;
+                dy = Math.sin(angle) * distance;
+                label.setAttribute('transform', 'translate(' + dx + ',' + dy + ')');
+            }
+        });
+    }
 
-    /*
-    |--------------------------------------------------------------------------
-    | BAR CHART
-    |--------------------------------------------------------------------------
-    */
-
-    const skorKomponenBarChartEl =
-        document.querySelector('#skorKomponenBarChart');
-
-    if (skorKomponenBarChartEl && typeof ApexCharts !== 'undefined') {
-
-        const skorKomponenBarChartConfig = {
-
+    function readinessRadarOptions(title, labels, categories, pointColors) {
+        return {
             chart: {
-                type: 'bar',
-                height: 380,
-                toolbar: {
-                    show: false
-                },
-                parentHeightOffset: 0
+                height: 420, type: 'radar', toolbar: { show: false }, animations: { enabled: false },
+                events: { mounted: spaceReadinessRadarLabels, updated: spaceReadinessRadarLabels }
             },
-
-            series: [
-                {
-                    name: 'Skor',
-                    data: dimensionScores
-                }
-            ],
-
-            plotOptions: {
-                bar: {
-                    horizontal: true,
-                    borderRadius: 4,
-                    barHeight: '45%',
-
-                    dataLabels: {
-                        position: 'top'
-                    }
-                }
+            series: [{ name: title, data: [] }],
+            labels: labels,
+            plotOptions: { radar: { polygons: { strokeColors: borderColor, connectorColors: borderColor } } },
+            stroke: { width: 2 },
+            legend: { show: false },
+            colors: [config.chartColors?.semantic?.primary || '#9D8EF0'],
+            fill: { opacity: 0.12 },
+            markers: {
+                size: 5, strokeWidth: 2, strokeColors: config.colors.cardColor, hover: { sizeOffset: 2 },
+                discrete: pointColors.map(function (color, index) {
+                    return { seriesIndex: 0, dataPointIndex: index, fillColor: color, strokeColor: config.colors.cardColor, size: 6 };
+                })
             },
-
-            colors: [
-                primaryColor
-            ],
-
             dataLabels: {
                 enabled: true,
-
-                formatter: function (value) {
-                    return Number(value).toFixed(1);
-                },
-
-                offsetX: 25,
-
-                style: {
-                    fontSize: '12px',
-                    fontWeight: 600,
-                    colors: [bodyColor]
-                }
+                formatter: formatReadinessScore,
+                offsetX: 0, offsetY: 0,
+                style: { fontSize: '12px', fontFamily: fontFamily, fontWeight: 600, colors: [config.colors.headingColor] },
+                background: { enabled: false },
+                dropShadow: { enabled: false }
             },
-
-            xaxis: {
-                categories: [
-                    'Motivasi',
-                    'Sosial Ekonomi',
-                    'Budidaya / GAP',
-                    'Kelembagaan',
-                    'Akses Keuangan',
-                    'Akses Pasar'
-                ],
-
-                min: 0,
-                max: 5,
-                tickAmount: 5,
-
-                labels: {
-                    formatter: function (value) {
-                        return Number(value).toFixed(0);
-                    },
-
-                    style: {
-                        colors: bodyColor,
-                        fontSize: '11px'
-                    }
-                },
-
-                axisBorder: {
-                    show: false
-                },
-
-                axisTicks: {
-                    show: false
-                }
-            },
-
+            tooltip: { enabled: false },
+            grid: { show: false, padding: { top: 28, bottom: 24 } },
+            xaxis: { categories: categories, labels: { show: true, style: { colors: labels.map(function () { return legendColor; }), fontSize: '13px', fontFamily: fontFamily, fontWeight: 500 } } },
             yaxis: {
-                labels: {
-                    style: {
-                        colors: bodyColor,
-                        fontSize: '12px',
-                        fontWeight: 500
-                    },
-
-                    maxWidth: 150
-                }
+                show: false, min: 0, max: 5, tickAmount: 5,
+                labels: { show: false }
             },
-
-            grid: {
-                borderColor: borderColor,
-                strokeDashArray: 4,
-
-                xaxis: {
-                    lines: {
-                        show: true
-                    }
-                },
-
-                yaxis: {
-                    lines: {
-                        show: false
-                    }
-                },
-
-                padding: {
-                    right: 30,
-                    left: 5
-                }
-            },
-
-            tooltip: {
-                y: {
-                    formatter: function (value) {
-                        return Number(value).toFixed(1) + ' / 5.0';
-                    }
-                }
-            },
-
-            legend: {
-                show: false
-            }
+            responsive: [{ breakpoint: 769, options: { chart: { height: 420 }, xaxis: { labels: { style: { fontSize: '11px' } } } } }]
         };
-
-        const skorKomponenBarChart = new ApexCharts(
-            skorKomponenBarChartEl,
-            skorKomponenBarChartConfig
-        );
-
-        skorKomponenBarChart.render();
     }
 
+    const definitions = [
+        {
+            id: 'dimensionChart',
+            title: 'Dimensi Kesiapan Adopsi',
+            labels: ['Sistem & Praktik Budidaya', 'Sosial Ekonomi Rumah Tangga', 'Rantai Nilai & Akses Pasar'],
+            categories: [['Sistem & Praktik', 'Budidaya'], ['Sosial Ekonomi', 'Rumah Tangga'], ['Rantai Nilai &', 'Akses Pasar']],
+            values: [
+                @json((float) $skorPetani->skor_d2_sistem_praktik_budidaya),
+                @json((float) $skorPetani->skor_d4_sosial_ekonomi),
+                @json((float) $skorPetani->skor_d6_rantai_nilai_akses_pasar)
+            ]
+        },
+        {
+            id: 'componentChart',
+            title: 'Komponen Kesiapan Adopsi',
+            labels: ['Motivasi & Kapasitas Adopsi', 'Kondisi Ekonomi Rumah Tangga', 'Praktik Budidaya & GAP', 'Keterlibatan Kelembagaan', 'Akses & Kebebasan Keuangan', 'Rantai Nilai & Akses Pasar'],
+            categories: [['Motivasi & Kapasitas', 'Adopsi'], ['Kondisi Ekonomi', 'Rumah Tangga'], ['Praktik Budidaya', '& GAP'], ['Keterlibatan', 'Kelembagaan'], ['Akses & Kebebasan', 'Keuangan'], ['Rantai Nilai &', 'Akses Pasar']],
+            values: [
+                @json((float) $skorPetani->skor_komp_1_d4_k3_motivasi_kapasitas_adopsi),
+                @json((float) $skorPetani->skor_komp_2_d4_k2_ekonomi_rumah_tangga),
+                @json((float) $skorPetani->skor_komp_3_d2_praktik_budidaya_gap),
+                @json((float) $skorPetani->skor_komp_4_d4_k4_keterlibatan_kelembagaan),
+                @json((float) $skorPetani->skor_komp_5_d4_k5_k6_akses_kebebasan_keuangan),
+                @json((float) $skorPetani->skor_komp_6_d6_k1_k4_k5_rantai_nilai_akses_pasar)
+            ]
+        }
+    ];
+
+    definitions.forEach(function (definition) {
+        const element = document.getElementById(definition.id);
+        if (!element) return;
+        if (typeof ApexCharts === 'undefined') {
+            element.textContent = 'Grafik belum dapat dimuat.';
+            return;
+        }
+        const pointColors = palette.slice(0, definition.labels.length);
+        const options = readinessRadarOptions(definition.title, definition.labels, definition.categories, pointColors);
+        options.series = [{ name: definition.title, data: definition.values }];
+        const chart = new ApexCharts(element, options);
+        chart.render().catch(function (error) {
+            element.textContent = 'Grafik belum dapat dimuat.';
+            console.error('Gagal merender radar profil petani:', error);
+        });
+    });
+});
+</script>
+@endpush
+@endif
+
+@push('scripts')
+<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="anonymous"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+    const mapData = @json($farmerLandMap);
+    const lands = mapData.lands;
+    const element = document.getElementById('farmer-land-map');
+    const empty = document.getElementById('farmer-land-map-empty');
+    const message = document.getElementById('farmer-land-map-message');
+    const summary = document.getElementById('farmer-land-map-summary');
+    const fitButton = document.getElementById('farmer-land-map-fit');
+    const backButton = document.getElementById('farmer-land-map-back');
+    if (!element) return;
+    summary.textContent = lands.length + ' lahan terdaftar';
+    if (typeof L === 'undefined') {
+        message.textContent = 'Peta belum dapat dimuat. Silakan muat ulang halaman.';
+        return;
+    }
+
+    // Match path parsing and coordinate handling in the production dashboard.
+    function ensureLatLon(coords) {
+        if (Array.isArray(coords) && typeof coords[0] === 'number') {
+            if (Math.abs(coords[0]) > 90) {
+                return [coords[1], coords[0]];
+            }
+
+            return [coords[0], coords[1]];
+        }
+
+        return Array.isArray(coords) ? coords.map(ensureLatLon) : coords;
+    }
+
+    function makeLandLayer(polygon, style) {
+        if (!polygon || polygon === 'null' || typeof L === 'undefined') {
+            return null;
+        }
+
+        let geojsonData = polygon;
+        let parseDepth = 0;
+
+        while (typeof geojsonData === 'string' && parseDepth < 3) {
+            try {
+                geojsonData = JSON.parse(geojsonData);
+            } catch (error) {
+                return null;
+            }
+            parseDepth++;
+        }
+
+        if (!geojsonData || geojsonData === 'null') {
+            return null;
+        }
+
+        if (geojsonData.type) {
+            return L.geoJSON(geojsonData, {
+                style: style,
+                coordsToLatLng: function (coords) {
+                    const a = coords[0];
+                    const b = coords[1];
+
+                    if (Math.abs(a) > 90) return L.latLng(b, a);
+                    if (Math.abs(b) > 90) return L.latLng(a, b);
+
+                    return L.latLng(b, a);
+                },
+            });
+        }
+
+        if (Array.isArray(geojsonData)) {
+            return L.polygon(ensureLatLon(geojsonData), style);
+        }
+
+        return null;
+    }
+
+    const group = L.featureGroup();
+    const colors = ['#28C76F', '#7367F0', '#00BAD1', '#FF9F43', '#EA5455'];
+    const history = [];
+    const regionGroups = new WeakMap();
+    let current = { lands: lands, title: 'Semua lahan' };
+    let map = null;
+
+    function safeLayer(path, color) {
+        try {
+            const layer = makeLandLayer(path, { color: color, weight: 2, fillOpacity: .15 });
+            return layer && layer.getBounds().isValid() ? layer : null;
+        } catch (error) {
+            return null;
+        }
+    }
+
+    function addPlot(land, index) {
+        const layer = safeLayer(land.path, colors[index % colors.length]);
+        if (!layer) return false;
+        const popup = document.createElement('div');
+        const title = document.createElement('strong');
+        title.textContent = land.nama || 'Lahan ' + land.id;
+        const commodity = document.createElement('div');
+        commodity.textContent = 'Komoditas: ' + (land.komoditas || 'Belum diisi');
+        const area = document.createElement('div');
+        area.textContent = 'Luas: ' + (land.luas !== null && land.luas !== '' && Number.isFinite(Number(land.luas))
+            ? Number(land.luas).toLocaleString('id-ID', { maximumFractionDigits: 2 }) + ' ha'
+            : 'Belum diisi');
+        popup.append(title, commodity, area);
+        layer.bindPopup(popup);
+        group.addLayer(layer);
+        return layer;
+    }
+
+    function groupByRegion(rows, level) {
+        if (!regionGroups.has(rows)) regionGroups.set(rows, {});
+        const cached = regionGroups.get(rows);
+        if (cached[level]) return cached[level];
+        const regions = new Map();
+        rows.forEach(function (land) {
+            const region = mapData.regions[level][land[level + '_id']];
+            if (!region) return;
+            const key = String(region.id);
+            if (!regions.has(key)) regions.set(key, { region: region, lands: [] });
+            regions.get(key).lands.push(land);
+        });
+        cached[level] = Array.from(regions.values());
+        return cached[level];
+    }
+
+    function openRegion(entry) {
+        history.push(current);
+        current = { lands: entry.lands, title: entry.region.nama || 'Wilayah' };
+        renderLevel();
+    }
+
+    function regionLabel(entry, level) {
+        const label = document.createElement('span');
+        label.textContent = (level === 'kecamatan' ? 'Kecamatan ' : 'Desa ') + (entry.region.nama || '-')
+            + ': ' + entry.lands.length + ' lahan. Klik untuk melihat lahan.';
+        return label;
+    }
+
+    function addRegion(entry, index, level) {
+        const layer = safeLayer(entry.region.path, colors[index % colors.length]);
+        let bounds = null;
+        let displayed = 0;
+        if (layer) {
+            group.addLayer(layer);
+            bounds = layer.getBounds();
+            displayed = entry.lands.length;
+            layer.bindTooltip(regionLabel(entry, level), { sticky: true });
+            layer.on('click', function () { openRegion(entry); });
+        } else {
+            // Keep land accessible when the administrative boundary is missing.
+            const fallback = L.featureGroup();
+            entry.lands.forEach(function (land) {
+                const plot = addPlot(land, index);
+                if (plot) {
+                    fallback.addLayer(plot);
+                    displayed++;
+                }
+            });
+            if (fallback.getBounds().isValid()) bounds = fallback.getBounds();
+        }
+        if (bounds) {
+            const marker = L.marker(bounds.getCenter(), {
+                icon: L.divIcon({ className: 'farmer-land-count', html: '<span>' + entry.lands.length + '</span>', iconSize: [38, 38], iconAnchor: [19, 19] }),
+                title: (entry.region.nama || 'Wilayah') + ': ' + entry.lands.length + ' lahan',
+                keyboard: true
+            });
+            marker.bindTooltip(regionLabel(entry, level));
+            marker.on('click', function () { openRegion(entry); });
+            group.addLayer(marker);
+        }
+        return { displayed: displayed, missingBoundary: !layer };
+    }
+
+    function renderLevel() {
+        group.clearLayers();
+        const districts = groupByRegion(current.lands, 'kecamatan');
+        const villages = districts.length > 1 ? [] : groupByRegion(current.lands, 'desa');
+        const level = districts.length > 1 ? 'kecamatan' : (villages.length > 1 ? 'desa' : 'lahan');
+        let displayed = 0;
+        let missingBoundaries = 0;
+        let unknownRegions = 0;
+        if (level === 'lahan') {
+            current.lands.forEach(function (land, index) { if (addPlot(land, index)) displayed++; });
+        } else {
+            const entries = level === 'kecamatan' ? districts : villages;
+            entries.forEach(function (entry, index) {
+                const status = addRegion(entry, index, level);
+                displayed += status.displayed;
+                if (status.missingBoundary) missingBoundaries++;
+            });
+            current.lands.forEach(function (land, index) {
+                if (mapData.regions[level][land[level + '_id']]) return;
+                unknownRegions++;
+                if (addPlot(land, index)) displayed++;
+            });
+        }
+        const bounds = group.getBounds();
+        const validBounds = bounds.isValid();
+        element.hidden = !validBounds;
+        empty.hidden = validBounds;
+        backButton.hidden = history.length === 0;
+        fitButton.disabled = !validBounds && history.length === 0;
+        summary.textContent = current.title + ' | ' + current.lands.length + ' lahan | Tampilan '
+            + (level === 'kecamatan' ? 'kecamatan' : level === 'desa' ? 'desa' : 'bidang lahan')
+            + (displayed < current.lands.length ? '. ' + (current.lands.length - displayed) + ' lahan belum dapat ditampilkan.' : '.')
+            + (missingBoundaries ? ' Batas ' + missingBoundaries + ' wilayah belum tersedia; bidang lahan ditampilkan jika koordinatnya tersedia.' : '')
+            + (unknownRegions ? ' Wilayah ' + unknownRegions + ' lahan belum lengkap.' : '');
+        if (!validBounds) {
+            message.textContent = current.lands.length ? 'Koordinat wilayah atau lahan belum tersedia.' : 'Petani ini belum memiliki data lahan.';
+            return;
+        }
+        if (!map) {
+            map = L.map(element, { scrollWheelZoom: false });
+            L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+                maxZoom: 19,
+                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+            }).addTo(map);
+            group.addTo(map);
+        }
+        map.invalidateSize();
+        map.fitBounds(bounds, { padding: [35, 35], maxZoom: level === 'lahan' ? 17 : 13 });
+    }
+    backButton.addEventListener('click', function () {
+        if (!history.length) return;
+        current = history.pop();
+        renderLevel();
+    });
+    fitButton.addEventListener('click', function () {
+        history.length = 0;
+        current = { lands: lands, title: 'Semua lahan' };
+        renderLevel();
+    });
+    renderLevel();
+    if (typeof ResizeObserver !== 'undefined') {
+        new ResizeObserver(function () { if (map) map.invalidateSize(); }).observe(element);
+    }
 });
 </script>
 @endpush