From ad5930f0054362b52495a8fa52476dbdc1a05617 Mon Sep 17 00:00:00 2001
From: LailaWulandarii <E41220418@student.polije.ac.id>
Date: Thu, 25 Dec 2025 21:19:57 +0700
Subject: [PATCH] add admin dashboard views with statistics and order details

---
 resources/views/admin/beranda/admin.blade.php | 196 +++++++++++
 .../beranda/partials/modal-show.blade.php     |  88 +++++
 .../views/admin/beranda/pemilik.blade.php     | 310 ++++++++++++++++++
 3 files changed, 594 insertions(+)
 create mode 100644 resources/views/admin/beranda/admin.blade.php
 create mode 100644 resources/views/admin/beranda/partials/modal-show.blade.php
 create mode 100644 resources/views/admin/beranda/pemilik.blade.php

diff --git a/resources/views/admin/beranda/admin.blade.php b/resources/views/admin/beranda/admin.blade.php
new file mode 100644
index 0000000..a09c406
--- /dev/null
+++ b/resources/views/admin/beranda/admin.blade.php
@@ -0,0 +1,196 @@
+@extends('layouts.admin')
+
+@section('title', 'Beranda')
+
+@section('content')
+    <section class="row gy-2">
+        <div class="col-12">
+            <div class="row gx-2">
+                <div class="col-12 col-xl-6">
+                    <div class="card mb-0">
+                        <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>
+                                            <td>cb</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 class="col-12 col-xl-6">
+                    <div class="card mb-0">
+                        <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>
+                                        <tr>
+                                            <th>Waktu</th>
+                                            <th>Nama Pelanggan</th>
+                                            <th>Nama Paket</th>
+                                            <th>Aksi</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>Si Keren</td>
+                                            <td>Komentar dia...</td>
+                                            <td>cb</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>
+        </div>
+
+        <div class="col-12 col-xl-12">
+            <div class="card mb-0">
+                <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-auto">
+                                                <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-auto">
+                                                <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>
+        </div>
+    </section>
+@endsection
diff --git a/resources/views/admin/beranda/partials/modal-show.blade.php b/resources/views/admin/beranda/partials/modal-show.blade.php
new file mode 100644
index 0000000..bb60632
--- /dev/null
+++ b/resources/views/admin/beranda/partials/modal-show.blade.php
@@ -0,0 +1,88 @@
+<div class="modal fade text-left" id="default" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
+    aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h5 class="modal-title" id="myModalLabel1">Detail Pesanan Foto</h5>
+                <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
+                    <i data-feather="x"></i>
+                </button>
+            </div>
+
+            <div class="modal-body">
+                <div class="row">
+
+                    <div class="col-12 col-md-7">
+
+                        <h6 class="mb-3 fw-bold">Rincian Pesanan</h6>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span class="text-muted">Tanggal Booking</span>
+                            <span class="fw-semibold">Kamis 10 Juni 2025</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span class="text-muted">Waktu Booking</span>
+                            <span class="fw-semibold">10.00</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span class="text-muted">Paket Foto</span>
+                            <span class="fw-semibold">Single</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-4">
+                            <span class="text-muted">Additional yang Dipilih</span>
+                            <div class="text-end">
+                                <span class="d-block fw-semibold">Kostum boneka</span>
+                                <small class="text-muted">x1</small>
+                            </div>
+                        </div>
+
+                        <h6 class="mb-3 fw-bold">Informasi Pemesan</h6>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span class="text-muted">Nama Lengkap</span>
+                            <span class="fw-semibold">Budi Susanto</span>
+                        </div>
+                        <div class="d-flex justify-content-between mb-2">
+                            <span class="text-muted">Nomor WhatsApp</span>
+                            <span class="fw-semibold">089673665678</span>
+                        </div>
+                    </div>
+
+                    <div class="col-12 col-md-5 mt-4 mt-md-0">
+                        <h6 class="mb-3 fw-bold">Pembayaran</h6>
+
+                        <div class="p-3 bg-light rounded">
+                            <div class="d-flex justify-content-between align-items-center mb-2">
+                                <span class="text-muted">Status Pesanan</span>
+                                <span
+                                    class="badge bg-success-subtle text-success px-3 py-2 rounded-pill">Terbayar</span>
+                            </div>
+                            <div class="d-flex justify-content-between align-items-center mb-3">
+                                <span class="text-muted">Total</span>
+                                <span class="fw-bold fs-6">Rp 150.000</span>
+                            </div>
+
+                            <div class="mb-2">
+                                <span class="text-muted d-block mb-2">Bukti Pembayaran</span>
+                                <div class="text-center border rounded p-2 bg-white">
+                                    <img src="{{ asset('path/to/bukti-transfer.jpg') }}" alt="Bukti Transfer"
+                                        class="img-fluid rounded" style="max-height: 200px;">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+
+            <div class="modal-footer border-top-0 justify-content-end pt-0 pb-4 pe-4">
+                <button type="button" class="btn btn-danger px-4" data-bs-dismiss="modal">
+                    Tolak Pesanan
+                </button>
+                <button type="button" class="btn btn-success ms-2 px-4">
+                    Terima Pesanan
+                </button>
+            </div>
+
+        </div>
+    </div>
+</div>
diff --git a/resources/views/admin/beranda/pemilik.blade.php b/resources/views/admin/beranda/pemilik.blade.php
new file mode 100644
index 0000000..4f3ab23
--- /dev/null
+++ b/resources/views/admin/beranda/pemilik.blade.php
@@ -0,0 +1,310 @@
+@extends('layouts.admin')
+
+@section('title', 'Beranda')
+
+@section('content')
+    <section class="row gy-2">
+        <div class="col-12">
+            <div class="row gx-2">
+                <div class="col-6 col-lg-3 col-md-6">
+                    <div class="card mb-0">
+                        <div class="card-body px-3 py-4">
+
+                            <div class="stat-header">
+                                <h6 class="stat-label">Pendapatan Bulan Ini</h6>
+                                <i class="bi bi-info-circle menu-dots" data-bs-toggle="tooltip" data-bs-placement="top"
+                                    title="Total pendapatan dari pesanan buket dan foto dalam bulan ini"></i>
+                            </div>
+
+                            <div class="stat-body">
+                                <div class="stat-icon">
+                                    <i class="bi bi-bank"></i>
+                                </div>
+                                <div>
+                                    <h6 class="stat-count">Rp 1.000.000</h6>
+                                    <span class="stat-percent text-success fw-bold">
+                                        <i class="bi bi-arrow-up"></i> 34.7%
+                                    </span>
+
+                                    <small class="stat-month">dari bulan lalu</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-6 col-lg-3 col-md-6">
+                    <div class="card mb-0">
+                        <div class="card-body px-3 py-4">
+
+                            <div class="stat-header">
+                                <h6 class="stat-label">Total Pesanan Masuk</h6>
+                                <i class="bi bi-info-circle menu-dots" data-bs-toggle="tooltip" data-bs-placement="top"
+                                    title="Total pesanan buket dan foto yang masuk dalam bulan ini"></i>
+                            </div>
+
+                            <div class="stat-body">
+                                <div class="stat-icon">
+                                    <i class="bi bi-cart-fill"></i>
+                                </div>
+                                <div>
+                                    <h6 class="stat-count">20 Pesanan</h6>
+                                    <span class="stat-percent text-success fw-bold">
+                                        <i class="bi bi-arrow-up"></i> 34.7%
+                                    </span>
+
+                                    <small class="stat-month">dari bulan lalu</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-6 col-lg-3 col-md-6">
+                    <div class="card mb-0">
+                        <div class="card-body px-3 py-4">
+
+                            <div class="stat-header">
+                                <h6 class="stat-label">Pesanan Selesai</h6>
+                                <i class="bi bi-info-circle menu-dots" data-bs-toggle="tooltip" data-bs-placement="top"
+                                    title="Total pesanan buket dan foto yang selesai dalam bulan ini"></i>
+                            </div>
+
+                            <div class="stat-body">
+                                <div class="stat-icon">
+                                    <i class="bi bi-cart-check-fill"></i>
+                                </div>
+                                <div>
+                                    <h6 class="stat-count">20 Pesanan</h6>
+                                    <span class="stat-percent text-success fw-bold">
+                                        <i class="bi bi-arrow-up"></i> 34.7%
+                                    </span>
+
+                                    <small class="stat-month">dari bulan lalu</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-6 col-lg-3 col-md-6">
+                    <div class="card mb-0">
+                        <div class="card-body px-3 py-4">
+
+                            <div class="stat-header">
+                                <h6 class="stat-label">Pesanan Dibatalkan</h6>
+                                <i class="bi bi-info-circle menu-dots" data-bs-toggle="tooltip" data-bs-placement="top"
+                                    title="Total pesanan buket dan foto yang dibatalkan dalam bulan ini"></i>
+                            </div>
+
+                            <div class="stat-body">
+                                <div class="stat-icon">
+                                    <i class="bi bi-cart-x-fill"></i>
+                                </div>
+                                <div>
+                                    <h6 class="stat-count">20 Pesanan</h6>
+                                    <span class="stat-percent text-success fw-bold">
+                                        <i class="bi bi-arrow-up"></i> 34.7%
+                                    </span>
+
+                                    <small class="stat-month">dari bulan lalu</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+        <div class="col-12">
+            <div class="row gx-2">
+                <div class="col-12 col-xl-6">
+                    <div class="card mb-0">
+                        <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>
+                                            <td>cb</td>
+                                            <td class="col-auto">
+                                                <a href="#" class="btn icon btn-primary btn-action"
+                                                    data-bs-toggle="modal" data-bs-target="#default">
+                                                    <i class="bi bi-eye"></i>
+                                                </a>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-12 col-xl-6">
+                    <div class="card mb-0">
+                        <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>
+                                        <tr>
+                                            <th>Waktu</th>
+                                            <th>Nama Pelanggan</th>
+                                            <th>Nama Paket</th>
+                                            <th>Aksi</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>Si Keren</td>
+                                            <td>Komentar dia...</td>
+                                            <td>cb</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>
+        </div>
+
+        <div class="col-12 col-xl-12">
+            <div class="card mb-0">
+                <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-auto">
+                                                <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-auto">
+                                                <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>
+        </div>
+    </section>
+    @include('admin.beranda.partials.modal-show')
+@endsection