filter segmen

resources/views/dashboard/indeks-petani.blade.php

@@ -123,7 +123,16 @@ $provinsi = $desaKelurahan
                             </select>
                         </div>
 
-                        
+                        <div class="filter-item">
+                            <select id="filter-segmen" class="form-select form-select-sm" name="segmen">
+                                <option value="">Semua Segmen</option>
+                                @foreach ($segments as $segment)
+                                    <option value="{{ $segment['name'] }}" {{ old('segmen', $segmen) == $segment['name'] ? 'selected' : '' }}>
+                                        {{ $segment['name'] }}
+                                    </option>
+                                @endforeach
+                            </select>
+                        </div>
 
                         <button
                             type="submit"
@@ -528,7 +537,6 @@ $provinsi = $desaKelurahan
         $('#filter-desa').prop('disabled', false);
 
         let defaultDesa = $('#filter-desa').data('default');
-        console.log('defaultDesa', defaultDesa);
         if (defaultDesa) {
             console.log('default desa', defaultDesa);
             $('#filter-desa').val(defaultDesa).trigger('change');
@@ -567,30 +575,8 @@ $provinsi = $desaKelurahan
         // Reset chart
         chartSegmentasiPetani.resetSeries();
         chartSegmentasiPetaniByKomoditas.resetSeries();
-
-        // Refresh DataTable
-        updatePetaniSubtitle();
-        tablePetani.draw();
     });
 
-    function updatePetaniSubtitle() {
-        let subtitle = 'untuk semua komoditas, semua segmen, dan semua desa/kelurahan';
-
-        if (selectedKomoditas) {
-            subtitle = `untuk komoditas ${selectedKomoditas}`;
-        }
-
-        if (selectedSegmen) {
-            subtitle += ` dengan segmen ${selectedSegmen}`;
-        }
-
-        if (selectedDesa) {
-            subtitle += ` pada desa/kel. ${selectedDesa}`;
-        }
-
-        $('.card-subtitle').text(subtitle);
-    }
-
 
     // Chart Dimensi dan Komponen Kesiapan Adopsi
     let cardColor, labelColor, fontFamily, headingColor, shadeColor, legendColor, borderColor, barBgColor;
@@ -663,10 +649,6 @@ $provinsi = $desaKelurahan
 
                                     // Set filter segmen
                                     selectedSegmen = segmen;
-
-                                    // Refresh DataTable
-                                    updatePetaniSubtitle();
-                                    tablePetani.draw();
                                 }
                             }
                         },
@@ -782,9 +764,6 @@ $provinsi = $desaKelurahan
                         console.log('Komoditas dipilih:', komoditas);
 
                         selectedKomoditas = komoditas;
-
-                        updatePetaniSubtitle();
-                        tablePetani.draw();
                     }
                 }
             },
@@ -1238,7 +1217,7 @@ $provinsi = $desaKelurahan
                     data = $('#form-filter').serialize();
                     return data;
                 },
-                dataSrc: function(json) {
+                "dataSrc": function(json) {
                     return json;
                 },
                 "dataType": "json"
@@ -1304,7 +1283,7 @@ $provinsi = $desaKelurahan
                     data = $('#form-filter').serialize();
                     return data;
                 },
-                dataSrc: function(json) {
+                "dataSrc": function(json) {
                     return json;
                 },
                 "dataType": "json"
@@ -1376,9 +1355,6 @@ $provinsi = $desaKelurahan
             createdRow: function(row, data) {
                 $(row)
                     .addClass('clickable-row')
-                    .attr('data-desa', data.desa_kelurahan_id)
-                    .attr('data-komoditas', data.komoditas)
-                    .attr('data-segmen', data.segmen ?? '')
                     .attr('data-url', data.url);
             }
         });