From 0c6baa3c40386d4b80e39ad36f66625c15814d9d Mon Sep 17 00:00:00 2001
From: Ilham Wara Nugroho <ilhamwara@gmail.com>
Date: Wed, 18 Feb 2026 13:50:21 +0700
Subject: [PATCH] update

---
 resources/views/dataset-tambahan.blade.php | 80 +++++++++++-----------
 resources/views/dataset.blade.php          | 78 +++++++++++----------
 2 files changed, 81 insertions(+), 77 deletions(-)

diff --git a/resources/views/dataset-tambahan.blade.php b/resources/views/dataset-tambahan.blade.php
index a0cbbf0..d1d4531 100644
--- a/resources/views/dataset-tambahan.blade.php
+++ b/resources/views/dataset-tambahan.blade.php
@@ -5,7 +5,7 @@
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex flex-col md:flex-row md:items-center justify-between gap-6">
                 <div>
-                    <h2 class="text-3xl font-extrabold text-slate-900 tracking-tight">Eksplorasi Dataset</h2>
+                    <h2 class="text-3xl font-extrabold text-slate-900 tracking-tight">Eksplorasi Dataset Tambahan</h2>
                     <p class="text-slate-600 mt-2">Temukan data mentah kinerja lingkungan hidup</p>
                 </div>
                 <div class="relative w-full md:w-96 hidden">
@@ -22,46 +22,48 @@
             
             <!-- Sidebar Filters -->
             <aside class="space-y-8">
-                <form action="" method="GET">
-                    <h3 class="font-bold text-slate-900 mb-4 flex items-center">
-                        <i data-lucide="filter" class="w-4 h-4 mr-2"></i> Filter
-                    </h3>
-                    <div class="flex flex-col gap-6 mt-6">
-                        <div class="w-full">
-                            <h1 class="mb-3 font-bold text-left">Organisasi</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="instansi_id" id="">
-                                <option value="">-- Pilih Organisasi --</option>
-                                @foreach ($instansi as $dataInstansi)
-                                    <option {{ decode_id(@request()->instansi_id) == $dataInstansi->MsInstansiId ? 'selected' : '' }} value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
-                                @endforeach
-                            </select>
-                        </div>
-                        <div class="w-full">
-                            <h1 class="mb-3 font-bold text-left">Resource Data</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="resource_id" id="">
-                                <option value="">-- Pilih Resource Data --</option>
-                                @foreach ($template as $dataTemp)
-                                    <option {{ decode_id(@request()->resource_id) == $dataTemp->MsTemplateId ? 'selected' : '' }} value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
-                                @endforeach
-                            </select>
-                        </div>
+                <div class="bg-white p-6 rounded-2xl border border-slate-200 hover:border-blue-300 hover:shadow-lg transition-all">
+                    <form action="" method="GET">
+                        <h3 class="font-bold text-slate-900 mb-4 flex items-center">
+                            <i data-lucide="filter" class="w-4 h-4 mr-2"></i> Filter
+                        </h3>
+                        <div class="flex flex-col gap-6 mt-6">
+                            <div class="w-full">
+                                <h1 class="mb-3 font-bold text-left">Organisasi</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="instansi_id" id="">
+                                    <option value="">-- Pilih Organisasi --</option>
+                                    @foreach ($instansi as $dataInstansi)
+                                        <option {{ decode_id(@request()->instansi_id) == $dataInstansi->MsInstansiId ? 'selected' : '' }} value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+                            <div class="w-full">
+                                <h1 class="mb-3 font-bold text-left">Resource Data</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="resource_id" id="">
+                                    <option value="">-- Pilih Resource Data --</option>
+                                    @foreach ($template as $dataTemp)
+                                        <option {{ decode_id(@request()->resource_id) == $dataTemp->MsTemplateId ? 'selected' : '' }} value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
+                                    @endforeach
+                                </select>
+                            </div>
 
-                        <div class="w-full">
-                            <h1 class="mb-3 text-left font-bold">Tahun Data</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="tahun" id="">
-                                <option value="">-- Pilih Tahun --</option>
-                                @for($i = date('Y'); $i >= (date('Y')-10); $i--)
-                                    <option {{ @request()->tahun == $i ? 'selected' : '' }} value="{{$i}}">{{$i}}</option>
-                                @endfor
-                            </select>
+                            <div class="w-full">
+                                <h1 class="mb-3 text-left font-bold">Tahun Data</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="tahun" id="">
+                                    <option value="">-- Pilih Tahun --</option>
+                                    @for($i = date('Y'); $i >= (date('Y')-10); $i--)
+                                        <option {{ @request()->tahun == $i ? 'selected' : '' }} value="{{$i}}">{{$i}}</option>
+                                    @endfor
+                                </select>
+                            </div>
+                            <div class="w-full">
+                                <button class="flex-1 md:w-full bg-blue-600 text-white py-2 px-4 rounded-xl text-sm font-bold hover:bg-blue-700 transition-all flex items-center justify-center">
+                                    <i data-lucide="search" class="w-4 h-4 mr-2"></i> Cari
+                                </button>
+                            </div>
                         </div>
-                        <div class="w-full">
-                            <button class="flex-1 md:w-full bg-blue-600 text-white py-2 px-4 rounded-xl text-sm font-bold hover:bg-blue-700 transition-all flex items-center justify-center">
-                                <i data-lucide="search" class="w-4 h-4 mr-2"></i> Cari
-                            </button>
-                        </div>
-                    </div>
-                </form>
+                    </form>
+                </div>
 
                 <div class="p-6 bg-blue-600 rounded-2xl text-white shadow-xl shadow-blue-200">
                     <i data-lucide="info" class="mb-4"></i>
diff --git a/resources/views/dataset.blade.php b/resources/views/dataset.blade.php
index 8aacf0b..c2495da 100644
--- a/resources/views/dataset.blade.php
+++ b/resources/views/dataset.blade.php
@@ -22,46 +22,48 @@
             
             <!-- Sidebar Filters -->
             <aside class="space-y-8">
-                <form action="" method="GET">
-                    <h3 class="font-bold text-slate-900 mb-4 flex items-center">
-                        <i data-lucide="filter" class="w-4 h-4 mr-2"></i> Filter
-                    </h3>
-                    <div class="flex flex-col gap-6 mt-6">
-                        <div class="w-full">
-                            <h1 class="mb-3 font-bold text-left">Organisasi</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="instansi_id" id="">
-                                <option value="">-- Pilih Organisasi --</option>
-                                @foreach ($instansi as $dataInstansi)
-                                    <option {{ decode_id(@request()->instansi_id) == $dataInstansi->MsInstansiId ? 'selected' : '' }} value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
-                                @endforeach
-                            </select>
-                        </div>
-                        <div class="w-full">
-                            <h1 class="mb-3 font-bold text-left">Resource Data</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="resource_id" id="">
-                                <option value="">-- Pilih Resource Data --</option>
-                                @foreach ($template as $dataTemp)
-                                    <option {{ decode_id(@request()->resource_id) == $dataTemp->MsTemplateId ? 'selected' : '' }} value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
-                                @endforeach
-                            </select>
-                        </div>
+                <div class="bg-white p-6 rounded-2xl border border-slate-200 hover:border-blue-300 hover:shadow-lg transition-all">
+                    <form action="" method="GET">
+                        <h3 class="font-bold text-slate-900 mb-4 flex items-center">
+                            <i data-lucide="filter" class="w-4 h-4 mr-2"></i> Filter
+                        </h3>
+                        <div class="flex flex-col gap-6 mt-6">
+                            <div class="w-full">
+                                <h1 class="mb-3 font-bold text-left">Organisasi</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="instansi_id" id="">
+                                    <option value="">-- Pilih Organisasi --</option>
+                                    @foreach ($instansi as $dataInstansi)
+                                        <option {{ decode_id(@request()->instansi_id) == $dataInstansi->MsInstansiId ? 'selected' : '' }} value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+                            <div class="w-full">
+                                <h1 class="mb-3 font-bold text-left">Resource Data</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="resource_id" id="">
+                                    <option value="">-- Pilih Resource Data --</option>
+                                    @foreach ($template as $dataTemp)
+                                        <option {{ decode_id(@request()->resource_id) == $dataTemp->MsTemplateId ? 'selected' : '' }} value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
+                                    @endforeach
+                                </select>
+                            </div>
 
-                        <div class="w-full">
-                            <h1 class="mb-3 text-left font-bold">Tahun Data</h1>
-                            <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="tahun" id="">
-                                <option value="">-- Pilih Tahun --</option>
-                                @for($i = date('Y'); $i >= (date('Y')-10); $i--)
-                                    <option {{ @request()->tahun == $i ? 'selected' : '' }} value="{{$i}}">{{$i}}</option>
-                                @endfor
-                            </select>
+                            <div class="w-full">
+                                <h1 class="mb-3 text-left font-bold">Tahun Data</h1>
+                                <select class="p-3 bg-white border text-sm select2 rounded-xl w-full" name="tahun" id="">
+                                    <option value="">-- Pilih Tahun --</option>
+                                    @for($i = date('Y'); $i >= (date('Y')-10); $i--)
+                                        <option {{ @request()->tahun == $i ? 'selected' : '' }} value="{{$i}}">{{$i}}</option>
+                                    @endfor
+                                </select>
+                            </div>
+                            <div class="w-full">
+                                <button class="flex-1 md:w-full bg-blue-600 text-white py-2 px-4 rounded-xl text-sm font-bold hover:bg-blue-700 transition-all flex items-center justify-center">
+                                    <i data-lucide="search" class="w-4 h-4 mr-2"></i> Cari
+                                </button>
+                            </div>
                         </div>
-                        <div class="w-full">
-                            <button class="flex-1 md:w-full bg-blue-600 text-white py-2 px-4 rounded-xl text-sm font-bold hover:bg-blue-700 transition-all flex items-center justify-center">
-                                <i data-lucide="search" class="w-4 h-4 mr-2"></i> Cari
-                            </button>
-                        </div>
-                    </div>
-                </form>
+                    </form>
+                </div>
 
                 <div class="p-6 bg-blue-600 rounded-2xl text-white shadow-xl shadow-blue-200">
                     <i data-lucide="info" class="mb-4"></i>