From f6d15f83068a3dc91c2c828b697e8fcff87e3cc1 Mon Sep 17 00:00:00 2001
From: Kevin Hendrawan <projectkevin97@gmail.com>
Date: Thu, 20 Nov 2025 22:50:15 +0700
Subject: [PATCH] feat(MasterDataArtikel): add form

---
 Views/Master/Artikel/Index.cshtml | 57 +++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/Views/Master/Artikel/Index.cshtml b/Views/Master/Artikel/Index.cshtml
index 7921ed8..7675127 100644
--- a/Views/Master/Artikel/Index.cshtml
+++ b/Views/Master/Artikel/Index.cshtml
@@ -28,12 +28,65 @@
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
-                            Nama Artikel<span class="text-red-500">*</span>
+                            Judul Artikel<span class="text-red-500">*</span>
                         </legend>
                         <input type="text" id="nama" class="input w-full" placeholder="Nama Artikel" required />
                     </fieldset>
                 </div>
 
+                <!-- Field Tanggal -->
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Tanggal Artikel<span class="text-red-500">*</span>
+                        </legend>
+                        <input type="date" id="tanggal" class="input w-full" placeholder="Tanggal Artikel" required />
+                    </fieldset>
+                </div>
+
+                <!-- Field Preview Text -->
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Preview Text Artikel<span class="text-red-500">*</span>
+                        </legend>
+                        <input type="text" id="preview" class="input w-full" placeholder="Preview Text Artikel" required />
+                    </fieldset>
+                </div>
+
+                <!-- Field Link Web Dinas -->
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Link Webdinas Artikel<span class="text-red-500">*</span>
+                        </legend>
+                        <input type="text" id="link" class="input w-full" placeholder="Link Webdinas Artikel" required />
+                    </fieldset>
+                </div>
+
+                <!-- Field Konten Artikel -->
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Konten Artikel<span class="text-red-500">*</span>
+                        </legend>
+                       <textarea id="konten" class="input w-full" placeholder="Konten Artikel" required></textarea>
+                    </fieldset>
+                </div>
+
+                <!-- Field Foto Artikel -->
+                <div class="flex flex-col">
+                    <fieldset class="fieldset">
+                        <legend class="fieldset-legend">
+                            Foto Artikel
+                            <span class="text-red-500">*</span>
+                        </legend>
+                        <input type="file" class="file-input" />
+                        <label class="label">Ukuran Maksimal 5MB</label>
+                    </fieldset>
+                </div>
+
+
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
                     <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
@@ -62,7 +115,7 @@
                 <thead>
                     <tr>
                         <th class="w-[5%]">No</th>
-                        <th class="w-[85%]">Nama Artikel</th>
+                        <th class="w-[85%]">Judul Artikel</th>
                         <th class="w-[10%]">Aksi</th>
                     </tr>
                 </thead>