header summary

This commit is contained in:
2026-07-06 16:07:20 +07:00
parent f9f507a115
commit f448257980
3 changed files with 102 additions and 38 deletions
@@ -29,15 +29,15 @@
<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-1">Segmentasi</p>
<h4 class="mb-1">Penggerak</h4>
<p class="mb-0">
<span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
<span class="me-2">Pemerhati Teknis</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>
<i class="icon-base ti tabler-user-star icon-28px text-heading"></i>
</span>
</span>
</div>
@@ -46,32 +46,33 @@
<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 class="mb-1">Lahan</p>
<h4 class="mb-1" id="luas-lahan">15600 m2</h4>
<p class="mb-0" id="tanaman">
<span class="me-2">100 tanaman kopi</span><span class="badge bg-label-success">Sehat</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>
<i class="icon-base ti tabler-trees 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-1">Praktik Budidaya</p>
<h4 class="mb-1">2 kali</h4>
<p class="mb-0">
<span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
<span class="me-2">2 sertifikasi</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>
<i class="icon-base ti tabler-seedling icon-28px text-heading"></i>
</span>
</span>
</div>
@@ -89,15 +90,32 @@
<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-1">Pendidikan</p>
<h4 class="mb-1">3 kali</h4>
<p class="mb-0">
<span class="me-2">5k orders</span><span class="badge bg-label-success">+5.7%</span>
<span class="me-2">2 sertifikasi</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>
<i class="icon-base ti tabler-books 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">Pendidikan</p>
<h4 class="mb-1">3 kali</h4>
<p class="mb-0">
<span class="me-2">2 sertifikasi</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-social icon-28px text-heading"></i>
</span>
</span>
</div>
@@ -114,24 +132,7 @@
</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>
<i class="icon-base ti tabler-building-store icon-28px text-heading"></i>
</span>
</span>
</div>
@@ -213,3 +214,29 @@
</ul>
@endif
</div>
@push('scripts')
<script>
$(document).ready(function() {
@if($petani)
$.ajax({
url: "{{ route('petani.lahan-tanaman.summary', $petani->id) }}",
type: 'GET',
dataType: 'json',
success: function(response) {
console.log(response);
var status = response.status;
if (status == 'success') {
$('#luas-lahan').text(response.data.lahan + ' m2');
$('#tanaman').html(`
<span class="me-2">${response.data.tanaman} tanaman ${response.data.komoditas}</span>
<span class="badge bg-label-success">${response.data.kondisi_lahan}</span>
`);
}
}
});
@endif
});
</script>
@endpush