From 9220cf23c220dc20c67579be5c1cf6af23f71bcd Mon Sep 17 00:00:00 2001
From: althaf <althafrayhan5@gmail.com>
Date: Tue, 7 Jul 2026 16:52:35 +0700
Subject: [PATCH] Restore UI akses pasar dan header

---
 .../petani/akses-pasar/index.blade.php        |  88 ++++----
 .../produktivitas/petani/header.blade.php     | 198 +++++++-----------
 2 files changed, 131 insertions(+), 155 deletions(-)

diff --git a/resources/views/produktivitas/petani/akses-pasar/index.blade.php b/resources/views/produktivitas/petani/akses-pasar/index.blade.php
index 0f3184e..f4ede0c 100644
--- a/resources/views/produktivitas/petani/akses-pasar/index.blade.php
+++ b/resources/views/produktivitas/petani/akses-pasar/index.blade.php
@@ -32,7 +32,7 @@
                     <div class="card-body pt-12">
                         <h5 class="pb-3 border-bottom mb-4">Pengalaman Saluran Lain</h5>
                         <div class="row">
-                            <div class="col-md-12 mb-4 form-control-validation">
+                            <div class="col-md-6 mb-4 form-control-validation">
                                 <label class="form-label" for="skor-pengalaman">Pengalaman & akses ke saluran lain</label>
                                 <select class="form-control select2-init @error('skor_pengalaman') is-invalid @enderror" id="skor-pengalaman" name="skor_pengalaman">
                                     <option value="">Pilih Skala</option>
@@ -45,7 +45,13 @@
                                 @error('skor_pengalaman')<div class="invalid-feedback">{{ $message }}</div>@enderror
                             </div>
 
-                            <div class="col-md-8 mb-4 form-control-validation">
+                            <div class="col-md-4 mb-4 form-control-validation">
+                                <label class="form-label" for="alasan-berhenti">Alasan berhenti</label>
+                                <input type="text" class="form-control @error('alasan_berhenti') is-invalid @enderror" id="alasan-berhenti" name="alasan_berhenti" value="{{ old('alasan_berhenti', $aksesPasar?->alasan_berhenti) }}" placeholder="Opsional (jika sudah berhenti)...">
+                                @error('alasan_berhenti')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                            </div>
+
+                            <div class="col-md-6 mb-4 form-control-validation">
                                 <label class="form-label" for="saluran-terdahulu">Dulu pernah jual ke?</label>
                                 @php($saluran = old('saluran_terdahulu', $aksesPasar?->saluran_terdahulu ?? []))
                                 <select multiple class="form-control select2-init @error('saluran_terdahulu') is-invalid @enderror" id="saluran-terdahulu" name="saluran_terdahulu[]">
@@ -59,15 +65,9 @@
 
                             <div class="col-md-4 mb-4 form-control-validation">
                                 <label class="form-label" for="saluran-lainnya">Lainnya</label>
-                                <input type="text" class="form-control @error('saluran_terdahulu_lainnya') is-invalid @enderror" id="saluran-lainnya" name="saluran_terdahulu_lainnya" value="{{ old('saluran_terdahulu_lainnya', $aksesPasar?->saluran_terdahulu_lainnya) }}">
+                                <input type="text" class="form-control @error('saluran_terdahulu_lainnya') is-invalid @enderror" id="saluran-lainnya" name="saluran_terdahulu_lainnya" value="{{ old('saluran_terdahulu_lainnya', $aksesPasar?->saluran_terdahulu_lainnya) }}" placeholder="Sebutkan saluran lainnya...">
                                 @error('saluran_terdahulu_lainnya')<div class="invalid-feedback">{{ $message }}</div>@enderror
                             </div>
-
-                            <div class="col-md-12 mb-4 form-control-validation">
-                                <label class="form-label" for="alasan-berhenti">Alasan berhenti</label>
-                                <input type="text" class="form-control @error('alasan_berhenti') is-invalid @enderror" id="alasan-berhenti" name="alasan_berhenti" value="{{ old('alasan_berhenti', $aksesPasar?->alasan_berhenti) }}">
-                                @error('alasan_berhenti')<div class="invalid-feedback">{{ $message }}</div>@enderror
-                            </div>
                         </div>
 
                         <h5 class="pb-3 border-bottom mb-4 mt-4">HARGA DI SETIAP TITIK</h5>
@@ -124,40 +124,58 @@
                         </div>
 
                         <h5 class="pb-3 border-bottom mb-4 mt-4">PELUANG NILAI TAMBAH</h5>
-                        <h6 class="mb-2">Praktik Fermentasi</h6>
-                        <p class="mb-4">Apakah sudah ada praktik fermentasi atau pengolahan pascapanen yang Ibu/Bapak lakukan, bagaimana prosesnya dilakukan?</p>
-
-                        <div class="row">
-                            <div class="col-md-12 mb-4 form-control-validation">
-                                <label class="form-label" for="praktik-fermentasi">Praktik fermentasi yang dilakukan</label>
-                                <select class="form-control select2-init @error('praktik_fermentasi') is-invalid @enderror" id="praktik-fermentasi" name="praktik_fermentasi">
-                                    <option value="">Pilih</option>
-                                    <option value="Ya, rutin — dilakukan sendiri/individual" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Ya, rutin — dilakukan sendiri/individual' ? 'selected' : '' }}>Ya, rutin — dilakukan sendiri/individual</option>
-                                    <option value="Ya, rutin — bersama kelompok tani/kolektif" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Ya, rutin — bersama kelompok tani/kolektif' ? 'selected' : '' }}>Ya, rutin — bersama kelompok tani/kolektif</option>
-                                    <option value="Pernah mencoba — sendiri" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Pernah mencoba — sendiri' ? 'selected' : '' }}>Pernah mencoba — sendiri</option>
-                                    <option value="Pernah mencoba — bersama kelompok" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Pernah mencoba — bersama kelompok' ? 'selected' : '' }}>Pernah mencoba — bersama kelompok</option>
-                                    <option value="Belum pernah" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Belum pernah' ? 'selected' : '' }}>Belum pernah</option>
-                                </select>
-                                @error('praktik_fermentasi')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                        
+                        <div class="border rounded p-4 mb-4" style="background-color: #fbfbfc;">
+                            
+                            <div class="mb-4">
+                                <h6 class="mb-1 text-primary">Detail Praktik Fermentasi</h6>
+                                <p class="text-muted small mb-0">Apakah sudah ada praktik fermentasi atau pengolahan pascapanen yang Ibu/Bapak lakukan?</p>
                             </div>
 
-                            <div class="col-md-12 mb-4 form-control-validation">
-                                <label class="form-label" for="proses-fermentasi">Jika ya, bagaimana prosesnya? </label>
-                                <textarea class="form-control @error('proses_fermentasi') is-invalid @enderror" id="proses-fermentasi" name="proses_fermentasi" rows="2">{{ old('proses_fermentasi', $aksesPasar?->proses_fermentasi) }}</textarea>
-                                @error('proses_fermentasi')<div class="invalid-feedback">{{ $message }}</div>@enderror
-                            </div>
+                            <div class="row">
+                                <div class="col-md-4 mb-9 form-control-validation d-flex flex-column">
+                                    <div class="mb-2 d-flex align-items-end h-100">
+                                        <label class="form-label mb-0" for="praktik-fermentasi">Praktik fermentasi yang dilakukan</label>
+                                    </div>
+                                    <div>
+                                        <select class="form-control select2-init @error('praktik_fermentasi') is-invalid @enderror" id="praktik-fermentasi" name="praktik_fermentasi">
+                                            <option value="">Pilih</option>
+                                            <option value="Ya, rutin — dilakukan sendiri/individual" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Ya, rutin — dilakukan sendiri/individual' ? 'selected' : '' }}>Ya, rutin — dilakukan sendiri/individual</option>
+                                            <option value="Ya, rutin — bersama kelompok tani/kolektif" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Ya, rutin — bersama kelompok tani/kolektif' ? 'selected' : '' }}>Ya, rutin — bersama kelompok tani/kolektif</option>
+                                            <option value="Pernah mencoba — sendiri" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Pernah mencoba — sendiri' ? 'selected' : '' }}>Pernah mencoba — sendiri</option>
+                                            <option value="Pernah mencoba — bersama kelompok" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Pernah mencoba — bersama kelompok' ? 'selected' : '' }}>Pernah mencoba — bersama kelompok</option>
+                                            <option value="Belum pernah" {{ old('praktik_fermentasi', $aksesPasar?->praktik_fermentasi) == 'Belum pernah' ? 'selected' : '' }}>Belum pernah</option>
+                                        </select>
+                                        @error('praktik_fermentasi')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                                    </div>
+                                </div>
 
-                            <div class="col-md-12 mb-4 form-control-validation">
-                                <label class="form-label" for="model-fermentasi">Menurut Bapak/Ibu, apa model fermentasi yang paling memungkinkan dilakukan?</label>
-                                <textarea class="form-control @error('model_fermentasi_memungkinkan') is-invalid @enderror" id="model-fermentasi" name="model_fermentasi_memungkinkan" rows="2">{{ old('model_fermentasi_memungkinkan', $aksesPasar?->model_fermentasi_memungkinkan) }}</textarea>
-                                @error('model_fermentasi_memungkinkan')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                                <div class="col-md-4 mb-4 form-control-validation d-flex flex-column">
+                                    <div class="mb-2 d-flex align-items-end h-100">
+                                        <label class="form-label mb-0" for="proses-fermentasi">Jika ya, bagaimana prosesnya?</label>
+                                    </div>
+                                    <div>
+                                        <textarea class="form-control @error('proses_fermentasi') is-invalid @enderror" id="proses-fermentasi" name="proses_fermentasi" rows="2" placeholder="Ceritakan prosesnya di sini...">{{ old('proses_fermentasi', $aksesPasar?->proses_fermentasi) }}</textarea>
+                                        @error('proses_fermentasi')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                                    </div>
+                                </div>
+
+                                <div class="col-md-4 mb-4 form-control-validation d-flex flex-column">
+                                    <div class="mb-2 d-flex align-items-end h-100">
+                                        <label class="form-label mb-0" for="model-fermentasi">Menurut Bapak/Ibu, apa model yang paling memungkinkan?</label>
+                                    </div>
+                                    <div>
+                                        <textarea class="form-control @error('model_fermentasi_memungkinkan') is-invalid @enderror" id="model-fermentasi" name="model_fermentasi_memungkinkan" rows="2" placeholder="Model fermentasinya...">{{ old('model_fermentasi_memungkinkan', $aksesPasar?->model_fermentasi_memungkinkan) }}</textarea>
+                                        @error('model_fermentasi_memungkinkan')<div class="invalid-feedback">{{ $message }}</div>@enderror
+                                    </div>
+                                </div>
                             </div>
                         </div>
 
                         <h5 class="pb-3 border-bottom mb-4 mt-4">AKSES PASAR PREMIUM</h5>
                         <h6 class="mb-3">Kesadaran Pasar Premium*</h6>
                         <div class="row">
-                            <div class="col-md-8 mb-4 form-control-validation">
+                            <div class="col-md-6 mb-4 form-control-validation">
                                 <label class="form-label" for="skor-premium">Pengetahuan & akses pasar premium</label>
                                 <select class="form-control select2-init @error('skor_kesadaran_premium') is-invalid @enderror" id="skor-premium" name="skor_kesadaran_premium">
                                     <option value="">Pilih Skala</option>
@@ -170,7 +188,7 @@
                                 @error('skor_kesadaran_premium')<div class="invalid-feedback">{{ $message }}</div>@enderror
                             </div>
 
-                            <div class="col-md-4 mb-4 form-control-validation">
+                            <div class="col-md-6 mb-4 form-control-validation">
                                 <label class="form-label" for="sumber-info">Sumber informasi utama</label>
                                 <input type="text" class="form-control @error('sumber_info_premium') is-invalid @enderror" id="sumber-info" name="sumber_info_premium" value="{{ old('sumber_info_premium', $aksesPasar?->sumber_info_premium) }}">
                                 @error('sumber_info_premium')<div class="invalid-feedback">{{ $message }}</div>@enderror
diff --git a/resources/views/produktivitas/petani/header.blade.php b/resources/views/produktivitas/petani/header.blade.php
index 9ab7bc9..726aa33 100644
--- a/resources/views/produktivitas/petani/header.blade.php
+++ b/resources/views/produktivitas/petani/header.blade.php
@@ -1,148 +1,106 @@
-            <div class="row">
-                <div class="col-md-4">
-                    <div class="card mb-6">
-                        <div class="card-header">
-                            <h5 class="card-title m-0">Profil Petani</h5>
-                        </div>
-                        <div class="card-body">
-                            <div class="d-flex justify-content-start align-items-center mb-6">
-                                <div class="avatar me-3">
-                                <img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle" />
+<div class="row mb-4">
+                
+                <div class="col-md-4 mb-2 mb-md-0">
+                    <div class="card h-100">
+                        <div class="card-body p-3">
+                            <h6 class="card-title mb-2">Profil Petani</h6>
+                            <div class="d-flex justify-content-start align-items-center mb-3">
+                                <div class="avatar me-2">
+                                    <img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle" />
                                 </div>
                                 <div class="d-flex flex-column">
-                                    <h6 class="mb-0">{{ $petani ? $petani->nama : 'Tambah Petani Baru' }}</h6>
-                                    <span>{{ $petani ? ($petani->jenis_kelamin == 1 ? 'Laki-laki' : 'Perempuan') : 'Jenis Kelamin' }}</span>
-                                    <span>Komoditas: {{ $petani ? $petani->komoditas?->nama : 'Komoditas' }}</span>
+                                    <h6 class="mb-0" style="font-size: 0.9rem;">{{ $petani ? $petani->nama : 'Tambah Petani Baru' }}</h6>
+                                    <span class="text-muted" style="font-size: 0.75rem;">{{ $petani ? ($petani->jenis_kelamin == 1 ? 'Laki-laki' : 'Perempuan') : 'Jenis Kelamin' }}</span>
+                                    <span class="text-muted" style="font-size: 0.75rem;">Komoditas: {{ $petani ? $petani->komoditas?->nama : 'Komoditas' }}</span>
                                 </div>
                             </div>
-                            <h6 class="mb-1">Domisili</h6>
-                            <p class=" mb-1">Alamat: {{ $petani ? $petani->alamat : 'Alamat' }}</p>
-                            <p class=" mb-0">{{ $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>
+                            
+                            <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: {{ $petani ? $petani->alamat : 'Alamat' }}</p>
+                            <p class="mb-0 text-muted" style="font-size: 0.75rem; line-height: 1.3;">{{ $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>
                         </div>
                     </div>
                 </div>
-                <div class="col-md-8">
-                    <div class="card mb-2">
-                        <div class="card-widget-separator-wrapper">
-                            <div class="card-body card-widget-separator">
-                                <div class="row gy-4 gy-sm-1">
-                                    <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
+
+                <div class="col-md-8 d-flex flex-column">
+                    
+                    <div class="card mb-2 flex-grow-1"> <div class="card-widget-separator-wrapper h-100">
+                            <div class="card-body card-widget-separator py-2 h-100 d-flex flex-column justify-content-center">
+                                <div class="row gy-2"> <div class="col-sm-6 col-lg-4">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 pe-3">
                                             <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5> <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
                                             </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
                                         </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
                                     </div>
                                     <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 px-3">
                                             <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5>
+                                                <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
                                             </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
                                         </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
                                     </div>
                                     <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 h-100 ps-3">
                                             <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5>
+                                                <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
                                             </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
                                         </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                    <div class="card mb-6">
-                        <div class="card-widget-separator-wrapper">
-                            <div class="card-body card-widget-separator">
-                                <div class="row gy-4 gy-sm-1">
-                                    <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
-                                            <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
-                                            </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
-                                        </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
-                                    </div>
-                                    <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
-                                            <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
-                                            </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
-                                        </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
-                                    </div>
-                                    <div class="col-sm-6 col-lg-4">
-                                        <div class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
-                                            <div>
-                                                <p class="mb-1">In-store Sales</p>
-                                                <h4 class="mb-1">$5,345.43</h4>
-                                                <p class="mb-0">
-                                                    <span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
-                                                </p>
-                                            </div>
-                                            <span class="avatar me-sm-6">
-                                                <span class="avatar-initial rounded">
-                                                    <i class="icon-base ti tabler-smart-home icon-28px text-heading"></i>
-                                                </span>
-                                            </span>
-                                        </div>
-                                        <hr class="d-none d-sm-block d-lg-none me-6" />
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
+                    
+                    <div class="card flex-grow-1">
+                        <div class="card-widget-separator-wrapper h-100">
+                            <div class="card-body card-widget-separator py-2 h-100 d-flex flex-column justify-content-center">
+                                <div class="row gy-2">
+                                    <div class="col-sm-6 col-lg-4">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 pe-3">
+                                            <div>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5>
+                                                <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
+                                            </div>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
+                                        </div>
+                                    </div>
+                                    <div class="col-sm-6 col-lg-4">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 px-3">
+                                            <div>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5>
+                                                <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
+                                            </div>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
+                                        </div>
+                                    </div>
+                                    <div class="col-sm-6 col-lg-4">
+                                        <div class="d-flex justify-content-between align-items-center card-widget-1 h-100 ps-3">
+                                            <div>
+                                                <p class="mb-0 text-muted" style="font-size: 0.75rem;">In-store Sales</p>
+                                                <h5 class="mb-0">$5,345.43</h5>
+                                                <p class="mb-0" style="font-size: 0.75rem;"><span class="me-1">5k orders</span><span class="text-success fw-medium">+5.7%</span></p>
+                                            </div>
+                                            <span class="avatar"><span class="avatar-initial rounded"><i class="icon-base ti tabler-smart-home icon-22px"></i></span></span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
                 </div>
-            </div>            
+            </div>       
             
             <div class="nav-align-top">
                 @if(!$petani)
@@ -196,7 +154,7 @@
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link {{ request()->routeIs('petani.pendidikan-pelatihan.*') ? 'active' : '' }}" href="{{ route('petani.pendidikan-pelatihan.index', $petani->id) }}">
+                        <a class="nav-link" href="{{ route('petani.edit', $petani->id) }}">
                           <i class="icon-base ti tabler-books me-1_5 icon-sm"></i>Pendidikan & Pelatihan
                         </a>
                     </li>