From d48cc19ce55a68b624edb847a0c356717cad7a1d Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Tue, 25 Nov 2025 09:59:39 +0700
Subject: [PATCH] style: add 3 input & reorder position

---
 Views/ProfilRw/CreateKebutuhanSarpras.cshtml | 132 ++++++++++++-------
 1 file changed, 81 insertions(+), 51 deletions(-)

diff --git a/Views/ProfilRw/CreateKebutuhanSarpras.cshtml b/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
index 0b80722..6d4bc87 100644
--- a/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
+++ b/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
@@ -31,11 +31,27 @@
             <div id="sarprasFormList" class="space-y-4">
                 <div class="sarpras-form-item">
                     <div class="card-title">Sarpras #<span class="sarpras-index">1</span></div>
-                    <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
-                        <!-- Tanggal -->
+                    <div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
+                        <!-- Kota/Kabupaten -->
                         <fieldset class="fieldset">
-                            <legend class="fieldset-legend">Tanggal</legend>
-                            <input type="date" class="input w-full" />
+                            <legend class="fieldset-legend">Kota/Kabupaten</legend>
+                            <select class="select w-full">
+                                <option disabled selected>Pilih Kota/Kabupaten</option>
+                            </select>
+                        </fieldset>
+                        <!-- Kecamatan -->
+                        <fieldset class="fieldset">
+                            <legend class="fieldset-legend">Kecamatan</legend>
+                            <select class="select w-full">
+                                <option disabled selected>Pilih Kecamatan</option>
+                            </select>
+                        </fieldset>
+                        <!-- Kelurahan -->
+                        <fieldset class="fieldset">
+                            <legend class="fieldset-legend">Kelurahan</legend>
+                            <select class="select w-full">
+                                <option disabled selected>Pilih Kelurahan</option>
+                            </select>
                         </fieldset>
                         <!-- RW -->
                         <fieldset class="fieldset">
@@ -47,30 +63,29 @@
                                 <option>03</option>
                             </select>
                         </fieldset>
-                        <!-- Kelurahan -->
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
+                        <!-- Tanggal -->
                         <fieldset class="fieldset">
-                            <legend class="fieldset-legend">Kelurahan</legend>
-                            <select class="select w-full">
-                                <option disabled selected>Pilih Kelurahan</option>
-                            </select>
-                        </fieldset>
-                    </div>
-                    <div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
-                        <!-- Kecamatan -->
-                        <fieldset class="fieldset">
-                            <legend class="fieldset-legend">Kecamatan</legend>
-                            <select class="select w-full">
-                                <option disabled selected>Pilih Kecamatan</option>
-                            </select>
-                        </fieldset>
-                        <!-- Kota/Kabupaten -->
-                        <fieldset class="fieldset">
-                            <legend class="fieldset-legend">Kota/Kabupaten</legend>
-                            <select class="select w-full">
-                                <option disabled selected>Pilih Kota/Kabupaten</option>
-                            </select>
+                            <legend class="fieldset-legend">Tanggal</legend>
+                            <input type="date" class="input w-full" />
+                        </fieldset>
+                        <!-- Sarpras -->
+                        <fieldset class="fieldset">
+                            <legend class="fieldset-legend">Sarpras</legend>
+                            <input type="text" class="input w-full" placeholder="Masukkan sarpras" />
+                        </fieldset>
+                        <!-- Unit -->
+                        <fieldset class="fieldset">
+                            <legend class="fieldset-legend">Unit</legend>
+                            <input type="text" class="input w-full" placeholder="Masukkan unit" />
                         </fieldset>
                     </div>
+                    <!-- Keterangan -->
+                    <fieldset class="fieldset md:col-span-2">
+                        <legend class="fieldset-legend">Keterangan</legend>
+                        <textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
+                    </fieldset>
                     <div class="py-3 justify-end flex">
                         <button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
                             <span class="icon me-2">delete</span>
@@ -103,11 +118,27 @@
 <template id="sarprasTemplate">
     <div class="sarpras-form-item">
         <div class="card-title">Sarpras #<span class="sarpras-index"></span></div>
-        <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
-            <!-- Tanggal -->
+        <div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
+            <!-- Kota/Kabupaten -->
             <fieldset class="fieldset">
-                <legend class="fieldset-legend">Tanggal</legend>
-                <input type="date" class="input w-full" />
+                <legend class="fieldset-legend">Kota/Kabupaten</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih Kota/Kabupaten</option>
+                </select>
+            </fieldset>
+            <!-- Kecamatan -->
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Kecamatan</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih Kecamatan</option>
+                </select>
+            </fieldset>
+            <!-- Kelurahan -->
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Kelurahan</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih Kelurahan</option>
+                </select>
             </fieldset>
             <!-- RW -->
             <fieldset class="fieldset">
@@ -119,30 +150,29 @@
                     <option>03</option>
                 </select>
             </fieldset>
-            <!-- Kelurahan -->
+        </div>
+        <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
+            <!-- Tanggal -->
             <fieldset class="fieldset">
-                <legend class="fieldset-legend">Kelurahan</legend>
-                <select class="select w-full">
-                    <option disabled selected>Pilih Kelurahan</option>
-                </select>
-            </fieldset>
-        </div>
-        <div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
-            <!-- Kecamatan -->
-            <fieldset class="fieldset">
-                <legend class="fieldset-legend">Kecamatan</legend>
-                <select class="select w-full">
-                    <option disabled selected>Pilih Kecamatan</option>
-                </select>
-            </fieldset>
-            <!-- Kota/Kabupaten -->
-            <fieldset class="fieldset">
-                <legend class="fieldset-legend">Kota/Kabupaten</legend>
-                <select class="select w-full">
-                    <option disabled selected>Pilih Kota/Kabupaten</option>
-                </select>
+                <legend class="fieldset-legend">Tanggal</legend>
+                <input type="date" class="input w-full" />
+            </fieldset>
+            <!-- Sarpras -->
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Sarpras</legend>
+                <input type="text" class="input w-full" placeholder="Masukkan sarpras" />
+            </fieldset>
+            <!-- Unit -->
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Unit</legend>
+                <input type="text" class="input w-full" placeholder="Masukkan unit" />
             </fieldset>
         </div>
+        <!-- Keterangan -->
+        <fieldset class="fieldset md:col-span-2">
+            <legend class="fieldset-legend">Keterangan</legend>
+            <textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
+        </fieldset>
         <div class="py-3 justify-end flex">
             <button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
                 <span class="icon me-2">delete</span>
@@ -213,7 +243,7 @@
             const form = document.querySelector("form");
 
             form.addEventListener("submit", function (e) {
-                e.preventDefault(); 
+                e.preventDefault();
 
                 Swal.fire({
                     title: 'Simpan Kebutuhan Sarpras?',