update
Ilham Wara Nugroho
parent
2626d4747c
commit
0c6baa3c40
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue