From 584d2780ca4860e1f2d682be6cf7d088962a4efd Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Mon, 27 Oct 2025 15:13:33 +0700
Subject: [PATCH] style: add page artikel for dinas

---
 Areas/Dinas/Controllers/ArtikelController.cs |  13 +++
 Areas/Dinas/Views/Artikel/Index.cshtml       | 113 +++++++++++++++++++
 Areas/Shared/Layouts/App/_Sidebar.cshtml     |   2 +-
 3 files changed, 127 insertions(+), 1 deletion(-)
 create mode 100644 Areas/Dinas/Controllers/ArtikelController.cs
 create mode 100644 Areas/Dinas/Views/Artikel/Index.cshtml

diff --git a/Areas/Dinas/Controllers/ArtikelController.cs b/Areas/Dinas/Controllers/ArtikelController.cs
new file mode 100644
index 0000000..55ce5ae
--- /dev/null
+++ b/Areas/Dinas/Controllers/ArtikelController.cs
@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace BankSampahApp.Areas.Dinas.Controllers
+{
+    [Area("Dinas")]
+    public class ArtikelController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+    }
+}
diff --git a/Areas/Dinas/Views/Artikel/Index.cshtml b/Areas/Dinas/Views/Artikel/Index.cshtml
new file mode 100644
index 0000000..7b85318
--- /dev/null
+++ b/Areas/Dinas/Views/Artikel/Index.cshtml
@@ -0,0 +1,113 @@
+@{
+    ViewData["Title"] = "Artikel";
+}
+
+<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
+    <div class="prose">
+        <span class="text-xl font-semibold text-black">
+            Artikel
+        </span>
+    </div>
+
+    <div class="flex flex-col gap-2 md:flex-row">
+        <button class="btn btn-sm bg-bank-sampah-primary-500 max-w-full rounded-full text-white">
+            <i class="ph ph-plus"></i>
+            Tambah Artikel
+        </button>
+    </div>
+</div>
+
+<div class="h-6"></div>
+
+<div class="card bg-white">
+    <div class="card-body p-2">
+        <partial name="~/Areas/Shared/Components/Table/_Control.cshtml" />
+        <div class="overflow-x-auto">
+            <table class="table-zebra table">
+                <!-- head -->
+                <thead>
+                    <tr>
+                        <th class="w-[5%]"></th>
+                        <th class="w-[85%]">Judul Artikel</th>
+                        <th class="w-[10%]">Aksi</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th>1</th>
+                        <td>Proses Pemilahan: Langkah Awal Menuju Keberhasilan</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>2</th>
+                        <td>Pengumpulan: Kunci untuk Mengoptimalkan Sumber Daya</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>3</th>
+                        <td>Pengolahan: Transformasi Sumber Daya Menjadi Nilai</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>4</th>
+                        <td>Pemilahan yang Efisien: Meningkatkan Produktivitas</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>5</th>
+                        <td>Pemilahan: Strategi Efektif dalam Manajemen Sumber Daya</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>6</th>
+                        <td>Pemilahan: Dasar untuk Proses yang Berkelanjutan</td>
+                        <td>
+                            <a href="#" class="btn btn-circle btn-warning btn-sm text-white">
+                                <i class="ph ph-note-pencil"></i>
+                            </a>
+                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
+                                <i class="ph ph-trash"></i>
+                            </a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
+    </div>
+</div>
\ No newline at end of file
diff --git a/Areas/Shared/Layouts/App/_Sidebar.cshtml b/Areas/Shared/Layouts/App/_Sidebar.cshtml
index 9800fab..f38c9f1 100644
--- a/Areas/Shared/Layouts/App/_Sidebar.cshtml
+++ b/Areas/Shared/Layouts/App/_Sidebar.cshtml
@@ -209,7 +209,7 @@
                         </summary>
                         <ul>
                             <li><a asp-area="Dinas" asp-action="Index" asp-controller="Aktivitas" class="@(controller == "Aktivitas" ? "menu-active" : "")">Aktivitas</a></li>
-                            <li><a>Artikel</a></li>
+                            <li><a asp-area="Dinas" asp-action="Index" asp-controller="Artikel" class="@(controller == "Artikel" ? "menu-active" : "")">Artikel</a></li>
                             <li><a>Bentuk Badan Hukum</a></li>
                             <li><a>Fasilitas</a></li>
                             <li><a>Jenis Bank Sampah</a></li>