From ead36a80deb154b91a1a8331ab54d217ff9b94e7 Mon Sep 17 00:00:00 2001
From: ariefabbauftech-ai <arief.abbauftech@gmail.com>
Date: Thu, 4 Sep 2025 09:35:32 +0700
Subject: [PATCH] [Edit Kategori]

---
 .../views/admin/kategori/index.blade.php      | 63 +++++++++----------
 1 file changed, 30 insertions(+), 33 deletions(-)

diff --git a/backend/resources/views/admin/kategori/index.blade.php b/backend/resources/views/admin/kategori/index.blade.php
index 6f3b30c..ec614b3 100644
--- a/backend/resources/views/admin/kategori/index.blade.php
+++ b/backend/resources/views/admin/kategori/index.blade.php
@@ -12,6 +12,35 @@
         </button>
     </div>
 
+    <!-- Flash Message -->
+    @if(session('success'))
+        <div id="toast-success"
+             class="mb-4 p-3 rounded bg-green-100 text-green-800 border border-green-300 shadow">
+            {{ session('success') }}
+        </div>
+        <script>
+            setTimeout(() => {
+                document.getElementById('toast-success')?.remove();
+            }, 3000);
+        </script>
+    @endif
+
+    @if ($errors->any())
+        <div id="toast-error"
+             class="mb-4 p-3 rounded bg-red-100 text-red-800 border border-red-300 shadow">
+            <ul class="list-disc ml-5">
+                @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                @endforeach
+            </ul>
+        </div>
+        <script>
+            setTimeout(() => {
+                document.getElementById('toast-error')?.remove();
+            }, 5000);
+        </script>
+    @endif
+
     <!-- Tabel Kategori -->
     <div class="bg-white rounded-lg shadow-sm">
         <div class="p-4">
@@ -73,38 +102,6 @@
     </div>
 </div>
 
-<!-- Modal Tambah -->
-<div class="modal fade" id="modalTambah" tabindex="-1">
-    <div class="modal-dialog">
-        <form action="{{ route('admin.kategori.store') }}" method="POST" enctype="multipart/form-data" class="modal-content">
-            @csrf
-            <div class="modal-header">
-                <h5 class="modal-title text-lg font-medium">Tambah Kategori</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
-            </div>
-            <div class="modal-body">
-                <div class="mb-4">
-                    <label class="block text-sm font-medium">Nama</label>
-                    <input type="text" name="nama" class="w-full p-2 border rounded" required>
-                </div>
-                <div class="mb-4">
-                    <label class="block text-sm font-medium">Deskripsi</label>
-                    <textarea name="deskripsi" class="w-full p-2 border rounded" rows="3"></textarea>
-                </div>
-                <div class="mb-4">
-                    <label class="block text-sm font-medium">Foto</label>
-                    <input type="file" name="foto" class="w-full p-2 border rounded" accept="image/*">
-                    <small class="text-gray-500">Format yang didukung: JPG, PNG, GIF. Maksimal 5MB.</small>
-                </div>
-            </div>
-            <div class="modal-footer">
-                <button class="bg-gray-300 text-black px-3 py-1 rounded" data-bs-dismiss="modal">Batal</button>
-                <button class="bg-blue-600 text-white px-3 py-1 rounded">Simpan</button>
-            </div>
-        </form>
-    </div>
-</div>
-
 <!-- Modal Edit -->
 @foreach ($kategori as $item)
 <div class="modal fade" id="modalEdit{{ $item->id }}" tabindex="-1">
@@ -133,7 +130,7 @@
                         <div class="mt-2">
                             <small class="text-gray-500">Foto saat ini:</small><br>
                             <div class="w-20 h-20 mt-1 overflow-hidden rounded bg-gray-100 flex items-center justify-center border">
-                                <img src="{{ asset('storage/'.$item->foto) }}" alt="foto" 
+                                <img src="{{ asset('storage/'.$item->foto) }}" alt="foto"
                                      class="max-w-full max-h-full object-contain">
                             </div>
                         </div>