From 548956d403c217d6b5c1f295e5bc1b35cd15bfe6 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Tue, 8 Apr 2025 09:38:51 +0700
Subject: [PATCH] feat(bank-data): tambahkan filter kategori dan sumber pada
 tabel bank data

- Menambahkan dropdown untuk memilih kategori pada form filter.
- Menambahkan kolom sumber pada tabel bank data.
- Mengatur warna marker pada peta berdasarkan kategori.
---
 resources/views/bank-data/index.blade.php | 26 ++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/resources/views/bank-data/index.blade.php b/resources/views/bank-data/index.blade.php
index 15d718b..39733c7 100644
--- a/resources/views/bank-data/index.blade.php
+++ b/resources/views/bank-data/index.blade.php
@@ -16,6 +16,16 @@
                 <div class="card-body px-5">
                     <form id="filter-form">
                         <div class="grid gap-4 w-full p-5">
+
+                            <div>
+                                <label for="kategori" class="block text-sm font-medium text-gray-700">Kategori</label>
+                                <select id="kategori" name="kategori" class="select tomselect w-full @error('kategori') border-danger bg-danger-light @enderror">
+                                    <option value="">Semua Kategori</option>
+                                    <option value="data_pembanding">Data Pembanding</option>
+                                    <option value="penilaian">Penilaian</option>
+                                    <option value="input_manual">Input Manual</option>
+                                </select>
+                            </div>
                             <div>
                                 <label for="jenis_asset" class="block text-sm font-medium text-gray-700">Jenis Asset</label>
                                 <select id="jenis_asset" name="jenis_asset" class="select tomselect w-full @error('jenis_asset') border-danger bg-danger-light @enderror">
@@ -115,6 +125,10 @@
                             <th class="w-14">
                                 <input class="checkbox checkbox-sm" data-datatable-check="true" type="checkbox"/>
                             </th>
+                            <th class="min-w-[150px]" data-datatable-column="sumber">
+                                <span class="sort"> <span class="sort-label"> Sumber </span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
                             <th class="min-w-[150px]" data-datatable-column="jenis_aset">
                                 <span class="sort"> <span class="sort-label"> Jenis Aset </span>
                                     <span class="sort-icon"> </span> </span>
@@ -236,11 +250,18 @@
                         [lat, lng] = item.location.map(coord => parseFloat(coord));
                     }
 
+                    const markerColors = {
+                        data_pembanding: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
+                        penilaian: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
+                        input_manual: 'http://maps.google.com/mapfiles/ms/icons/yellow-dot.png'
+                    };
+
                     if (lat && lng) {
                         const marker = new google.maps.Marker({
                             position: {lat: lat, lng: lng},
                             map: map,
-                            title: item.jenis_aset
+                            title: item.jenis_aset,
+                            icon: markerColors[item.kategori] || 'http://maps.google.com/mapfiles/ms/icons/red-dot.png' // Default to red if category is not recognized
                         });
 
                         // Create info window content
@@ -443,6 +464,9 @@
                             return checkbox.outerHTML.trim();
                         },
                     },
+                    sumber: {
+                        title: 'Sumber'
+                    },
                     jenis_aset: {
                         title: 'Jenis Aset'
                     },