From 6bbec5de779d5e8eaa81ce59c144794bf622f69a Mon Sep 17 00:00:00 2001
From: Ilham Wara Nugroho <ilhamwara@gmail.com>
Date: Fri, 5 Dec 2025 09:52:53 +0700
Subject: [PATCH] update

---
 resources/views/dataset-tambahan.blade.php | 83 ++++++++++++----------
 1 file changed, 47 insertions(+), 36 deletions(-)

diff --git a/resources/views/dataset-tambahan.blade.php b/resources/views/dataset-tambahan.blade.php
index 2808d1d..e16d2ee 100644
--- a/resources/views/dataset-tambahan.blade.php
+++ b/resources/views/dataset-tambahan.blade.php
@@ -3,10 +3,10 @@
 @endsection
 @section('content')
   
-  <section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
+  <section class="container relative pt-[150px] py-20 pb-0 px-5 flex flex-col gap-5">
     <div class="relative flex justify-between items-center content-center mb-10">
       <div>
-        <h1 class="">Home / <span class="bold">Dataset Tambahan</span></h1>
+        <h1 class="">Home / <span class="bold">Dataset</span></h1>
       </div>
     </div>
     <div>
@@ -20,9 +20,9 @@
         </form>
     </div>
   </section>
-    <section class="container relative py-20 px-5">
-        <div class="flex md:flex-row gap-6">
-            <div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 md:w-1/4 hidden">
+    <section class="container py-20 px-5">
+        <div class="flex flex-col lg:flex-row gap-6">
+            <div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 w-full lg:w-1/4">
                 <div class="flex justify-between">
                     <div>
                         <h1 class="bold">Filter</h1>
@@ -41,6 +41,15 @@
                             @endforeach
                         </select>
                     </div>
+                    <div class="w-full">
+                        <h1 class="mb-3 text-left">Resource Data</h1>
+                        <select class="form-input select2 rounded-[20px] w-full" name="" id="">
+                            <option value="">-- Pilih Resource Data --</option>
+                            @foreach ($template as $dataTemp)
+                                <option value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
+                            @endforeach
+                        </select>
+                    </div>
 
                     <div class="w-full">
                         <h1 class="mb-3 text-left">Tahun</h1>
@@ -51,41 +60,43 @@
                             @endfor
                         </select>
                     </div>
+                    <div class="w-full">
+                        <button class="">Cari</button>
+                    </div>
                 </div>
             </div>
-            <div class="flex flex-col gap-6 w-full">
-                @forelse($dataset as $dataSet)
-                    <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
-                        <div class="flex flex-col gap-3 items-center text-center">
-                            <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class="">
-                            <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
+            <div class="w-full lg:w-3/4">
+                <div class="grid grid-cols-2 lg:grid-cols-3 gap-6">
+                    @forelse($dataset as $dataSet)
+                        <a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
+                            <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
+                                <div class="flex flex-col gap-3 items-center text-center">
+                                    <div class="flex flex-col items-center gap-3">
+                                        <img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
+                                        {{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
+                                        <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
+                                    </div>
+                                    <div class="">
+                                        <h5 class="font-bold">{{ $dataSet->name }}</h5>
+                                    </div>
+                                    <div>
+                                        <p>{{ substr($dataSet->deskripsi,0,50) }}</p>
+                                    </div>
+                                    <div class="mt-1 flex flex-row gap-2 items-center">
+                                        <span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
+                                        <span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
+                                    </div>
+                                </div>
                         </div>
-                            <div class="flex items-center justify-between w-full">
-                            <div class="flex flex-col gap-3">
-                                <div class="">
-                                    <h5 class="font-bold">{{ $dataSet->name }}</h5>
-                                </div>
-                                <div>
-                                    <p>{{ substr($dataSet->deskripsi,0,50) }}</p>
-                                </div>
-                                <div class="mt-1 flex flex-row gap-2 items-center">
-                                    <span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
-                                    <span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{$dataSet->template->name}}</span>
-                                </div>
-                            </div>
-                            <a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" class="p-2 bg-[#103760] rounded-full flex items-center justify-center">
-                                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
-                                </svg>
-                            </a>
+                    </a>
+                    @empty
+                        <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
+                            <h2 class="text-2xl">Data Tidak Ada</h2>
                         </div>
-                    </div>
-                @empty
-                    <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
-                        <h2 class="text-2xl">Data Tidak Ada</h2>
-                    </div>
-                @endforelse
-                {{ @$dataset->links() }}
+                    @endforelse
+                </div>
+                <br>
+                {{ @$dataset ? @$dataset->links() : '' }}
             </div>
         </div>
     </section>