From 16ee77d77b0c7771367ea11f9ff406858bd7f09c Mon Sep 17 00:00:00 2001
From: LailaWulandarii <E41220418@student.polije.ac.id>
Date: Thu, 18 Dec 2025 22:44:05 +0700
Subject: [PATCH] refactor admin dashboard layout to enhance structure and
 readability

---
 resources/views/admin/beranda-admin.blade.php | 182 +++++++++++++++++-
 1 file changed, 174 insertions(+), 8 deletions(-)

diff --git a/resources/views/admin/beranda-admin.blade.php b/resources/views/admin/beranda-admin.blade.php
index 6d4e60e..58ea5c5 100644
--- a/resources/views/admin/beranda-admin.blade.php
+++ b/resources/views/admin/beranda-admin.blade.php
@@ -1,12 +1,178 @@
 @extends('layouts.admin')
 
-@section('title', 'Beranda') @section('content')
-<div class="page-content">
-    <div class="card">
-        <div class="card-body">
-            <h4>Selamat Datang di Flo.do Admin!</h4>
-            <p>Ini adalah halaman dashboard.</p>
+@section('title', 'Beranda')
+
+@section('content')
+    <section class="row">
+
+        <div class="col-12 col-xl-6">
+            <div class="card">
+                <div class="card-header">
+                    <h4>Bunga Diambil Hari Ini</h4>
+                </div>
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-hover table-lg">
+                            <thead>
+                                <tr>
+                                    <th>Waktu</th>
+                                    <th>Nama Pelanggan</th>
+                                    <th>Nama Buket</th>
+                                    <th>Aksi</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>Si Ganteng</td>
+                                    <td>Komentar dia...</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
         </div>
-    </div>
-</div>
+
+        <div class="col-12 col-xl-6">
+            <div class="card">
+                <div class="card-header">
+                    <h4>Jadwal Foto Hari Ini</h4>
+                </div>
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-hover table-lg">
+                            <thead>
+                                <th>Waktu</th>
+                                <th>Nama Pelanggan</th>
+                                <th>Nama Paket</th>
+                                <th>Aksi</th>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>Si Keren</td>
+                                    <td>Komentar dia...</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="card">
+            <div class="card-header">
+                <h4>Pesanan Pending</h4>
+            </div>
+            <div class="card-body">
+
+                <div class="nav nav-pills nav-fill mb-4" id="v-pills-tab" role="tablist" aria-orientation="horizontal">
+
+                    <a class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" href="#v-pills-home"
+                        role="tab" aria-controls="v-pills-home" aria-selected="true">
+                        Buket
+                    </a>
+
+                    <a class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile"
+                        role="tab" aria-controls="v-pills-profile" aria-selected="false">
+                        Foto
+                    </a>
+
+                </div>
+
+                <div class="tab-content" id="v-pills-tabContent">
+
+                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
+                        aria-labelledby="v-pills-home-tab">
+                        <div class="table-responsive">
+                            <table class="table table-hover table-lg">
+                                <thead>
+                                    <tr>
+                                        <th>No.</th>
+                                        <th>Nama Pelanggan</th>
+                                        <th>Nama Buket</th>
+                                        <th>Tanggal Ambil</th>
+                                        <th>Total</th>
+                                        <th>Status</th>
+                                        <th>Aksi</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td class="col-3">
+                                            <p class="mb-0">1</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <a href="#" class="btn icon btn-primary btn-action"><i
+                                                    class="bi bi-eye"></i></a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                    <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
+                        <div class="table-responsive">
+                            <table class="table table-hover table-lg">
+                                <thead>
+                                    <tr>
+                                        <th>No.</th>
+                                        <th>Nama Pelanggan</th>
+                                        <th>Nama Paket</th>
+                                        <th>Tanggal Booking</th>
+                                        <th>Total</th>
+                                        <th>Status</th>
+                                        <th>Aksi</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td class="col-3">
+                                            <p class="mb-0">1</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <p class="mb-0">Congratulations</p>
+                                        </td>
+                                        <td class="col-auto">
+                                            <a href="#" class="btn icon btn-primary btn-action"><i
+                                                    class="bi bi-eye"></i></a>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+    </section>
 @endsection