From f130fcd2a572e61a790aa4f33b627ca4f0434d19 Mon Sep 17 00:00:00 2001
From: LailaWulandarii <E41220418@student.polije.ac.id>
Date: Fri, 26 Dec 2025 21:33:09 +0700
Subject: [PATCH] add kelola admin views including crud modal

---
 .../views/admin/kelola-admin/index.blade.php  | 60 ++++++++++++++
 .../partials/modal-create.blade.php           | 78 ++++++++++++++++++
 .../partials/modal-delete.blade.php           | 23 ++++++
 .../partials/modal-edit.blade.php             | 78 ++++++++++++++++++
 .../partials/modal-show.blade.php             | 79 +++++++++++++++++++
 5 files changed, 318 insertions(+)
 create mode 100644 resources/views/admin/kelola-admin/index.blade.php
 create mode 100644 resources/views/admin/kelola-admin/partials/modal-create.blade.php
 create mode 100644 resources/views/admin/kelola-admin/partials/modal-delete.blade.php
 create mode 100644 resources/views/admin/kelola-admin/partials/modal-edit.blade.php
 create mode 100644 resources/views/admin/kelola-admin/partials/modal-show.blade.php

diff --git a/resources/views/admin/kelola-admin/index.blade.php b/resources/views/admin/kelola-admin/index.blade.php
new file mode 100644
index 0000000..656b7a2
--- /dev/null
+++ b/resources/views/admin/kelola-admin/index.blade.php
@@ -0,0 +1,60 @@
+@extends('layouts.admin')
+
+@section('title', 'Kelola Admin')
+
+@section('content')
+    <section class="section">
+        <div class="buttons pb-3">
+            <a href="#" class="btn-add-custom" data-bs-toggle="modal" data-bs-target="#create">
+                <i class="bi bi-plus fs-5"></i>
+                Tambah Admin
+            </a>
+        </div>
+        <div class="card">
+            <div class="card-body">
+                <table class="table table-striped" id="table1">
+                    <thead>
+                        <tr>
+                            <th>No.</th>
+                            <th>Nama Lengkap</th>
+                            <th>Nomor WA</th>
+                            <th>Email</th>
+                            <th>Peran</th>
+                            <th class="text-center">Aksi</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>Graiden</td>
+                            <td>076 4820 8838</td>
+                            <td>Offenburg</td>
+                            <td>Offenburg</td>
+                            <td>
+                                <span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
+                            </td>
+                            <td class="col-auto text-center">
+                                <a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
+                                    data-bs-target="#show">
+                                    <i class="bi bi-eye"></i>
+                                </a>
+                                <a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
+                                    data-bs-target="#edit">
+                                    <i class="bi bi-pencil"></i>
+                                </a>
+                                <a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
+                                    data-bs-target="#delete">
+                                    <i class="bi bi-trash"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+    </section>
+    @include('admin.kelola-admin.partials.modal-create')
+    @include('admin.kelola-admin.partials.modal-show')
+    @include('admin.kelola-admin.partials.modal-edit')
+    @include('admin.kelola-admin.partials.modal-delete')
+@endsection
diff --git a/resources/views/admin/kelola-admin/partials/modal-create.blade.php b/resources/views/admin/kelola-admin/partials/modal-create.blade.php
new file mode 100644
index 0000000..43ca82d
--- /dev/null
+++ b/resources/views/admin/kelola-admin/partials/modal-create.blade.php
@@ -0,0 +1,78 @@
+<div class="modal fade" id="create" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h5 class="modal-title">Tambah Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
+                    aria-label="Close"></button>
+            </div>
+
+            <form action="#" method="POST" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <div class="row">
+
+                        <div class="col-12">
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nama Lengkap</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nama Lengkap">
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Username</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Username">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nomor WA</label>
+                                        <input type="number" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nomor WA">
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Email</label>
+                                        <input type="email" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Email">
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Peran</label>
+
+                                        <fieldset class="form-group">
+                                            <select class="form-select" id="basicSelect" style="font-size: 13px">
+                                                <option>Admin Foto</option>
+                                                <option>Admin Buket</option>
+                                            </select>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mb-2">
+                                <label class="form-label">Alamat</label>
+                                <input type="text" class="form-control"style="font-size: 13px;"
+                                    placeholder="Masukkan Alamat Lengkap">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer justify-content-end border-top-0 pt-0">
+                    <button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
+                        Simpan
+                    </button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
diff --git a/resources/views/admin/kelola-admin/partials/modal-delete.blade.php b/resources/views/admin/kelola-admin/partials/modal-delete.blade.php
new file mode 100644
index 0000000..0f35e4d
--- /dev/null
+++ b/resources/views/admin/kelola-admin/partials/modal-delete.blade.php
@@ -0,0 +1,23 @@
+<div class="modal fade" id="delete" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered ">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h5 class="modal-title">Hapus Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
+                    aria-label="Close"></button>
+            </div>
+
+            <form action="#" method="POST" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <p>Apakah anda yakin ingin menghapus nama admin?</p>
+                </div>
+                <div class="modal-footer justify-content-end border-top-0 pt-0">
+                    <button type="submit" class="btn btn-danger rounded-pill tolak px-3 py-2">
+                        Hapus
+                    </button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
diff --git a/resources/views/admin/kelola-admin/partials/modal-edit.blade.php b/resources/views/admin/kelola-admin/partials/modal-edit.blade.php
new file mode 100644
index 0000000..3d7e3f9
--- /dev/null
+++ b/resources/views/admin/kelola-admin/partials/modal-edit.blade.php
@@ -0,0 +1,78 @@
+<div class="modal fade" id="edit" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h5 class="modal-title">Edit Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
+                    aria-label="Close"></button>
+            </div>
+
+            <form action="#" method="POST" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <div class="row gx-3">
+
+                        <div class="col-12">
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nama Lengkap</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nama Lengkap">
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Username</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Username">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nomor WA</label>
+                                        <input type="number" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nomor WA">
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Email</label>
+                                        <input type="email" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Email">
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Peran</label>
+
+                                        <fieldset class="form-group">
+                                            <select class="form-select" id="basicSelect" style="font-size: 13px">
+                                                <option>Admin Foto</option>
+                                                <option>Admin Buket</option>
+                                            </select>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mb-2">
+                                <label class="form-label">Alamat</label>
+                                <input type="text" class="form-control"style="font-size: 13px;"
+                                    placeholder="Masukkan Alamat Lengkap">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer justify-content-end border-top-0 pt-0">
+                    <button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
+                        Simpan
+                    </button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
diff --git a/resources/views/admin/kelola-admin/partials/modal-show.blade.php b/resources/views/admin/kelola-admin/partials/modal-show.blade.php
new file mode 100644
index 0000000..c373ee2
--- /dev/null
+++ b/resources/views/admin/kelola-admin/partials/modal-show.blade.php
@@ -0,0 +1,79 @@
+<div class="modal fade" id="show" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h5 class="modal-title">Detail Admin</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"
+                    aria-label="Close"></button>
+            </div>
+
+            <form action="#" method="POST" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <div class="row gx-3">
+
+                        <div class="col-12">
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nama Lengkap</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nama Lengkap" disabled>
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-6">
+                                    <div class="mb-2">
+                                        <label class="form-label">Username</label>
+                                        <input type="text" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Username" disabled>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row gx-1">
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Nomor WA</label>
+                                        <input type="number" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Nomor WA" disabled>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Email</label>
+                                        <input type="email" class="form-control"
+                                            style="font-size: 13px;"placeholder="Masukkan Email" disabled>
+                                    </div>
+                                </div>
+
+                                <div class="col-12 col-md-4">
+                                    <div class="mb-2">
+                                        <label class="form-label">Peran</label>
+
+                                        <fieldset class="form-group">
+                                            <select class="form-select" id="basicSelect" style="font-size: 13px"
+                                                disabled>
+                                                <option>Admin Foto</option>
+                                                <option>Admin Buket</option>
+                                            </select>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mb-2">
+                                <label class="form-label">Alamat</label>
+                                <input type="text" class="form-control"style="font-size: 13px;"
+                                    placeholder="Masukkan Alamat Lengkap" disabled>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer justify-content-end border-top-0 pt-0">
+                    <button type="submit" class="btn btn-primary rounded-pill terima px-3 py-2">
+                        Simpan
+                    </button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>