delete unused modal, pemilik and admin views, update stats value and variable for pesanan pending
This commit is contained in:
parent
d7509ce2a6
commit
3dafb244e1
|
|
@ -29,8 +29,8 @@ public function index()
|
||||||
$currMasuk = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->count() +
|
$currMasuk = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->count() +
|
||||||
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->count();
|
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->count();
|
||||||
|
|
||||||
$currSelesai = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_transaksi', 'diterima')->count() +
|
$currSelesai = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_transaksi', 'selesai')->count() +
|
||||||
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_booking', 'diterima')->count();
|
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_booking', 'selesai')->count();
|
||||||
|
|
||||||
$currBatal = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_transaksi', 'ditolak')->count() +
|
$currBatal = TransaksiBuket::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_transaksi', 'ditolak')->count() +
|
||||||
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_booking', 'ditolak')->count();
|
BookingFoto::whereMonth('created_at', $now->month)->whereYear('created_at', $now->year)->where('status_booking', 'ditolak')->count();
|
||||||
|
|
@ -42,8 +42,8 @@ public function index()
|
||||||
$prevMasuk = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->count() +
|
$prevMasuk = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->count() +
|
||||||
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->count();
|
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->count();
|
||||||
|
|
||||||
$prevSelesai = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_transaksi', 'diterima')->count() +
|
$prevSelesai = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_transaksi', 'selesai')->count() +
|
||||||
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_booking', 'diterima')->count();
|
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_booking', 'selesai')->count();
|
||||||
|
|
||||||
$prevBatal = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_transaksi', 'ditolak')->count() +
|
$prevBatal = TransaksiBuket::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_transaksi', 'ditolak')->count() +
|
||||||
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_booking', 'ditolak')->count();
|
BookingFoto::whereMonth('created_at', $lastMonth->month)->whereYear('created_at', $lastMonth->year)->where('status_booking', 'ditolak')->count();
|
||||||
|
|
@ -63,13 +63,13 @@ public function index()
|
||||||
'batal_grow' => $getGrowth($currBatal, $prevBatal),
|
'batal_grow' => $getGrowth($currBatal, $prevBatal),
|
||||||
];
|
];
|
||||||
|
|
||||||
// --- 4. JADWAL & PENDING (Sudah Benar) ---
|
// --- 4. JADWAL & PENDING ---
|
||||||
$buketToday = TransaksiBuket::with(['pelanggan', 'buket'])->whereDate('tgl_ambil', $today)->where('status_transaksi', 'diterima')->get();
|
$buketToday = TransaksiBuket::with(['pelanggan', 'buket'])->whereDate('tgl_ambil', $today)->where('status_transaksi', 'diterima')->get();
|
||||||
$fotoToday = BookingFoto::with(['pelanggan', 'paketFoto'])->whereDate('tgl_booking', $today)->where('status_booking', 'diterima')->orderBy('jam_mulai', 'asc')->get();
|
$fotoToday = BookingFoto::with(['pelanggan', 'paketFoto'])->whereDate('tgl_booking', $today)->where('status_booking', 'diterima')->orderBy('jam_mulai', 'asc')->get();
|
||||||
|
|
||||||
$riwayatBuket = TransaksiBuket::with(['pelanggan', 'buket'])->where('status_transaksi', 'menunggu_verifikasi')->latest()->get();
|
$pesananBuket = TransaksiBuket::with(['pelanggan', 'buket'])->where('status_transaksi', 'menunggu_verifikasi')->latest()->get();
|
||||||
$riwayatFoto = BookingFoto::with(['pelanggan', 'paketFoto'])->where('status_booking', 'menunggu_verifikasi')->latest()->get();
|
$pesananFoto = BookingFoto::with(['pelanggan', 'paketFoto'])->where('status_booking', 'menunggu_verifikasi')->latest()->get();
|
||||||
|
|
||||||
return view('admin.beranda.index', compact('stat', 'buketToday', 'fotoToday', 'riwayatBuket', 'riwayatFoto'));
|
return view('admin.beranda.index', compact('stat', 'buketToday', 'fotoToday', 'pesananBuket', 'pesananFoto'));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,203 +0,0 @@
|
||||||
@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"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#buketToday">
|
|
||||||
<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"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#fotoToday">
|
|
||||||
<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>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
|
|
||||||
</td>
|
|
||||||
<td class="col-auto">
|
|
||||||
<a href="#" class="btn icon btn-primary btn-action"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#riwayatBuket">
|
|
||||||
<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>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
|
|
||||||
</td>
|
|
||||||
<td class="col-auto">
|
|
||||||
<a href="#" class="btn icon btn-primary btn-action"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#riwayatFoto">
|
|
||||||
<i class="bi bi-eye"></i>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
@include('admin.beranda.partials.modal-buket')
|
|
||||||
@include('admin.beranda.partials.modal-foto')
|
|
||||||
@include('admin.beranda.partials.modal-riwayat')
|
|
||||||
@endsection
|
|
||||||
|
|
@ -101,9 +101,9 @@ class="bi {{ $stat['selesai_grow'] >= 0 ? 'bi-arrow-up' : 'bi-arrow-down' }}"></
|
||||||
<div class="card-body px-3 py-4">
|
<div class="card-body px-3 py-4">
|
||||||
|
|
||||||
<div class="stat-header">
|
<div class="stat-header">
|
||||||
<h6 class="stat-label">Pesanan Dibatalkan</h6>
|
<h6 class="stat-label">Pesanan Ditolak</h6>
|
||||||
<i class="bi bi-info-circle menu-dots" data-bs-toggle="tooltip" data-bs-placement="top"
|
<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>
|
title="Total pesanan buket dan foto yang ditolak dalam bulan ini"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="stat-body">
|
<div class="stat-body">
|
||||||
|
|
@ -251,36 +251,42 @@ class="bi {{ $stat['batal_grow'] >= 0 ? 'bi-arrow-up' : 'bi-arrow-down' }}"></i>
|
||||||
<th>Nama Pelanggan</th>
|
<th>Nama Pelanggan</th>
|
||||||
<th>Nama Buket</th>
|
<th>Nama Buket</th>
|
||||||
<th>Tanggal Ambil</th>
|
<th>Tanggal Ambil</th>
|
||||||
|
<th>Jam Ambil</th>
|
||||||
<th>Total</th>
|
<th>Total</th>
|
||||||
<th>Status</th>
|
<th>Status</th>
|
||||||
<th>Aksi</th>
|
<th>Aksi</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@forelse ($riwayatBuket as $rb)
|
@forelse ($pesananBuket as $p)
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ $rb->no_invoice }}</td>
|
<td>{{ $p->no_invoice }}</td>
|
||||||
<td>{{ $rb->pelanggan->nama }}</td>
|
<td>{{ $p->pelanggan->nama }}</td>
|
||||||
<td>{{ $rb->buket->nama }}</td>
|
<td>{{ $p->buket->nama }}</td>
|
||||||
<td>{{ \Carbon\Carbon::parse($rb->tgl_ambil)->translatedFormat('d M Y') }}</td>
|
|
||||||
<td>Rp {{ number_format($rb->total_bayar, 0, ',', '.') }}</td>
|
|
||||||
<td>
|
<td>
|
||||||
<span class="badge {{ $rb->status_label->class }}">
|
{{ \Carbon\Carbon::parse($p->tgl_ambil)->locale('id')->translatedFormat('d F Y') }}
|
||||||
{{ $rb->status_label->text }}
|
</td>
|
||||||
|
<td>
|
||||||
|
{{ \Carbon\Carbon::parse($p->tgl_ambil)->format('H:i') }} WIB
|
||||||
|
</td>
|
||||||
|
<td>Rp {{ number_format($p->total_bayar, 0, ',', '.') }}</td>
|
||||||
|
<td>
|
||||||
|
<span class="badge {{ $p->status_label->class }}">
|
||||||
|
{{ $p->status_label->text }}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td class="col-auto">
|
<td class="text-center col-auto"><a href="#"
|
||||||
<a href="#" class="btn icon btn-primary btn-action"
|
class="btn icon btn-primary btn-action" data-bs-toggle="modal"
|
||||||
data-bs-toggle="modal"
|
data-bs-target="#buket{{ $p->id_transaksi }}">
|
||||||
data-bs-target="#riwayatBuket{{ $rb->id_transaksi }}">
|
|
||||||
<i class="bi bi-eye"></i>
|
<i class="bi bi-eye"></i>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@include('admin.pesanan.partials.modal-riwayat-buket')
|
@include('admin.pesanan.partials.modal-buket')
|
||||||
@empty
|
@empty
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="text-center text-muted">Tidak ada riwayat buket.
|
<td colspan="7" class="text-center text-muted">Tidak ada pesanan buket yang
|
||||||
|
pending.
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforelse
|
@endforelse
|
||||||
|
|
@ -297,38 +303,43 @@ class="bi {{ $stat['batal_grow'] >= 0 ? 'bi-arrow-up' : 'bi-arrow-down' }}"></i>
|
||||||
<th>Nama Pelanggan</th>
|
<th>Nama Pelanggan</th>
|
||||||
<th>Nama Paket</th>
|
<th>Nama Paket</th>
|
||||||
<th>Tanggal Booking</th>
|
<th>Tanggal Booking</th>
|
||||||
|
<th>Waktu</th>
|
||||||
<th>Total</th>
|
<th>Total</th>
|
||||||
<th>Status</th>
|
<th>Status</th>
|
||||||
<th>Aksi</th>
|
<th>Aksi</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@forelse ($riwayatFoto as $rf)
|
@forelse ($pesananFoto as $p)
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ $rf->no_invoice }}</td>
|
<td>{{ $p->no_invoice }}</td>
|
||||||
<td>{{ $rf->pelanggan->nama }}</td>
|
<td>{{ $p->pelanggan->nama }}</td>
|
||||||
<td>{{ $rf->paketFoto->nama }}</td>
|
<td>{{ $p->paketFoto->nama }}</td>
|
||||||
<td>{{ \Carbon\Carbon::parse($rf->tgl_booking)->translatedFormat('d M Y') }}
|
|
||||||
</td>
|
|
||||||
<td>Rp {{ number_format($rf->total_bayar, 0, ',', '.') }}</td>
|
|
||||||
<td>
|
<td>
|
||||||
<span class="badge {{ $rf->status_label->class }}">
|
{{ \Carbon\Carbon::parse($p->tgl_booking)->locale('id')->translatedFormat('d F Y') }}
|
||||||
{{ $rf->status_label->text }}
|
</td>
|
||||||
|
<td>
|
||||||
|
{{ \Carbon\Carbon::parse($p->jam_mulai)->format('H:i') }} -
|
||||||
|
{{ \Carbon\Carbon::parse($p->jam_selesai)->format('H:i') }}
|
||||||
|
</td>
|
||||||
|
<td>Rp {{ number_format($p->total_bayar, 0, ',', '.') }}</td>
|
||||||
|
<td>
|
||||||
|
<span class="badge {{ $p->status_label->class }}">
|
||||||
|
{{ $p->status_label->text }}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td class="col-auto">
|
<td class="text-center col-auto"><a href="#"
|
||||||
<a href="#" class="btn icon btn-primary btn-action"
|
class="btn icon btn-primary btn-action" data-bs-toggle="modal"
|
||||||
data-bs-toggle="modal"
|
data-bs-target="#foto{{ $p->id_booking }}">
|
||||||
data-bs-target="#riwayatFoto{{ $rf->id_booking }}">
|
|
||||||
<i class="bi bi-eye"></i>
|
<i class="bi bi-eye"></i>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@include('admin.pesanan.partials.modal-riwayat-foto')
|
@include('admin.pesanan.partials.modal-foto')
|
||||||
@empty
|
@empty
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="text-center text-muted">Tidak ada riwayat pesanan
|
<td colspan="7" class="text-center text-muted">Tidak ada pesanan
|
||||||
foto.</td>
|
foto yang pending.</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforelse
|
@endforelse
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
|
||||||
|
|
@ -1,261 +0,0 @@
|
||||||
<div class="modal fade text-left" id="buketToday" 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 Buket</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row gx-3">
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6">
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Rincian Pesanan</h6>
|
|
||||||
<div class="detail-order">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Buket</span>
|
|
||||||
<span class="detail-value">Buket Lily Premium</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Request Khusus</span>
|
|
||||||
<span class="detail-value">Full pink</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Ucapan</span>
|
|
||||||
<span class="detail-value">Selamat ulang tahun</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Informasi Pemesan</h6>
|
|
||||||
<div class="detail-customer">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Lengkap</span>
|
|
||||||
<span class="detail-value">Budi Susanto</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">WhatsApp</span>
|
|
||||||
<span class="detail-value">089673665678</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Tanggal Pengambilan</span>
|
|
||||||
<span class="detail-value">10 Nov 2025</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6 mt-4 mt-md-0">
|
|
||||||
<h6 class="modal-section-title">Pembayaran</h6>
|
|
||||||
|
|
||||||
<div class="payment-box">
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Status</span>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Terbayar</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Total</span>
|
|
||||||
<span class="detail-value">Rp 150.000</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-start">
|
|
||||||
<span class="detail-label d-block ">Bukti Pembayaran</span>
|
|
||||||
<div class="proof-img-wrapper" onclick="showImage('{{ asset('img/invoice.jpg') }}')">
|
|
||||||
<img src="{{ asset('img/invoice.jpg') }}" class="proof-img">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer border-top-0 pt-2 px-2">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
<button type="button" class="btn btn-danger tolak flex-fill" data-bs-toggle="modal"
|
|
||||||
data-bs-target="#modalTolak">Tolak
|
|
||||||
Pesanan</button>
|
|
||||||
<button type="button" class="btn btn-success terima flex-fill ms-2" data-bs-toggle="modal"
|
|
||||||
data-bs-target="#modalTerima">Terima Pesanan</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- MODAL GAMBAR --}}
|
|
||||||
<div class="modal fade" id="modalImagePreview" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
||||||
<div class="modal-content bg-transparent border-0 shadow-none">
|
|
||||||
|
|
||||||
<div class="modal-body p-0 text-center">
|
|
||||||
<img id="img-preview-target" src="" class="img-fluid rounded shadow-lg"
|
|
||||||
style="max-height: 85vh;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function showImage(src) {
|
|
||||||
var modalImg = document.getElementById('img-preview-target');
|
|
||||||
modalImg.src = src;
|
|
||||||
var myModal = new bootstrap.Modal(document.getElementById('modalImagePreview'));
|
|
||||||
myModal.show();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
{{-- MODAL TOLAK --}}
|
|
||||||
<div class="modal fade" id="modalTolak" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered">
|
|
||||||
<div class="modal-content modal-reject">
|
|
||||||
|
|
||||||
<div class="modal-header pb-0">
|
|
||||||
<h5 class="modal-title">Konfirmasi Penolakan</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body pt-0">
|
|
||||||
<div class="alert d-flex align-items-center border-0 mb-4 mt-2 p-3 rounded-3"
|
|
||||||
style="background-color: #f8d7da; color: #842029;" role="alert">
|
|
||||||
<i class="bi bi-exclamation-circle-fill me-1" style="line-height: 1;"></i>
|
|
||||||
|
|
||||||
<div class="lh-sm" style="font-size: 0.75rem;">
|
|
||||||
Status pesanan akan otomatis berubah menjadi <strong>"Ditolak"</strong>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<label class="form-label fw-bold small text-muted text-uppercase mb-2"> Pesan yang akan dikirim
|
|
||||||
</label>
|
|
||||||
<div class="mb-3">
|
|
||||||
<textarea class="form-control custom-textarea bg-light" id="pesanTolak" rows="5">Halo Kak Budi Susanto,
|
|
||||||
Mohon maaf, pesanan Foto (Single) Anda pada tanggal 10 Juni 2025 kami *TOLAK* dikarenakan:
|
|
||||||
|
|
||||||
[TULIS ALASAN DISINI]
|
|
||||||
|
|
||||||
Silakan hubungi admin untuk info pengembalian dana. Terima kasih.</textarea>
|
|
||||||
|
|
||||||
<div class="text-start mt-1">
|
|
||||||
<small class="text-muted" style="font-size: 0.75rem;">
|
|
||||||
*Pesan dapat diedit sebelum dikirim
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-footer border-top-0 pt-0">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-light batal rounded-pill flex-fill py-2"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#default">
|
|
||||||
Batal
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-danger kirim-wa rounded-pill flex-fill py-2"
|
|
||||||
onclick="kirimWa('tolak')">
|
|
||||||
<i class="bi bi-whatsapp me-1"></i> Kirim Penolakan
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- MODAL TERIMA --}}
|
|
||||||
<div class="modal fade" id="modalTerima" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered">
|
|
||||||
<div class="modal-content modal-accept">
|
|
||||||
|
|
||||||
<div class="modal-header pb-0">
|
|
||||||
<h5 class="modal-title">Konfirmasi Penerimaan</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body pt-0">
|
|
||||||
|
|
||||||
<div class="alert d-flex align-items-center border-0 mb-4 mt-2 p-3 rounded-3"
|
|
||||||
style="background-color: #d1e7dd; color: #0f5132;" role="alert">
|
|
||||||
<i class="bi bi-info-circle-fill me-1" style="line-height: 1;"></i>
|
|
||||||
|
|
||||||
<div class="lh-sm" style="font-size: 0.75rem;">
|
|
||||||
Status pesanan akan otomatis berubah menjadi <strong>"Diproses"</strong>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-2">
|
|
||||||
<label class="form-label fw-bold small text-muted text-uppercase mb-2"> Pesan yang akan dikirim
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<div class="position-relative">
|
|
||||||
<textarea class="form-control bg-light border-0 shadow-sm p-3 text-secondary" id="pesanTerima" rows="4"
|
|
||||||
style="resize: none; font-size: 0.85rem; line-height: 1.2; border-radius: 0.5rem;">Halo Kak Budi Susanto,
|
|
||||||
|
|
||||||
Selamat! Pesanan Foto (Single) Anda untuk tanggal 10 Juni 2025 telah kami *TERIMA*.
|
|
||||||
|
|
||||||
Silakan datang tepat waktu ya. Terima kasih!</textarea>
|
|
||||||
|
|
||||||
<div class="position-absolute top-0 start-0 bottom-0 bg-success"
|
|
||||||
style="width: 4px; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-start mt-1">
|
|
||||||
<small class="text-muted" style="font-size: 0.75rem;">
|
|
||||||
*Pesan dapat diedit sebelum dikirim
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-footer border-top-0 pt-0">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-light batal rounded-pill flex-fill py-2"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#default">
|
|
||||||
Batal
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-success kirim-wa rounded-pill flex-fill py-2"
|
|
||||||
onclick="kirimWa('terima')">
|
|
||||||
<i class="bi bi-whatsapp me-1"></i> Kirim & Terima
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
function kirimWa(jenis) {
|
|
||||||
// 1. Nomor HP Dummy (Nanti diganti variabel database)
|
|
||||||
var nomorHp = "+6281334394400";
|
|
||||||
|
|
||||||
// 2. Ambil isi pesan dari textarea
|
|
||||||
var pesan = "";
|
|
||||||
if (jenis === 'tolak') {
|
|
||||||
pesan = document.getElementById('pesanTolak').value;
|
|
||||||
} else {
|
|
||||||
pesan = document.getElementById('pesanTerima').value;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. Encode pesan biar aman di URL (spasi jadi %20, dst)
|
|
||||||
var url = "https://wa.me/" + nomorHp + "?text=" + encodeURIComponent(pesan);
|
|
||||||
|
|
||||||
// 4. Buka WhatsApp di tab baru
|
|
||||||
window.open(url, '_blank');
|
|
||||||
|
|
||||||
// 5. (Opsional) Tutup Modal setelah kirim
|
|
||||||
// var modalEl = document.getElementById(jenis === 'tolak' ? 'modalTolak' : 'modalTerima');
|
|
||||||
// var modal = bootstrap.Modal.getInstance(modalEl);
|
|
||||||
// modal.hide();
|
|
||||||
|
|
||||||
// Disini nanti bisa ditambah ajax buat update status di database
|
|
||||||
alert("Simulasi: Status pesanan berhasil diupdate jadi " + (jenis === 'tolak' ? 'DITOLAK' : 'DITERIMA'));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,264 +0,0 @@
|
||||||
<div class="modal fade text-left" id="fotoToday" 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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row gx-3">
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6">
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Rincian Pesanan</h6>
|
|
||||||
<div class="detail-order">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Tanggal Booking</span>
|
|
||||||
<span class="detail-value">Kamis 10 Juni 2025</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Waktu Booking</span>
|
|
||||||
<span class="detail-value">10.00</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Paket Foto</span>
|
|
||||||
<span class="detail-value">Single</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Additional</span>
|
|
||||||
<div class="detail-value">
|
|
||||||
<span class="item">Kostum boneka</span><br>
|
|
||||||
<small class="amount">x1</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Informasi Pemesan</h6>
|
|
||||||
<div class="detail-customer">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Lengkap</span>
|
|
||||||
<span class="detail-value">Budi Susanto</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">WhatsApp</span>
|
|
||||||
<span class="detail-value">089673665678</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6 mt-4 mt-md-0">
|
|
||||||
<h6 class="modal-section-title">Pembayaran</h6>
|
|
||||||
|
|
||||||
<div class="payment-box">
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Status</span>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Terbayar</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Total</span>
|
|
||||||
<span class="detail-value">Rp 150.000</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-start">
|
|
||||||
<span class="detail-label d-block ">Bukti Pembayaran</span>
|
|
||||||
<div class="proof-img-wrapper" onclick="showImage('{{ asset('img/invoice.jpg') }}')">
|
|
||||||
<img src="{{ asset('img/invoice.jpg') }}" class="proof-img">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer border-top-0 pt-2 px-2">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
<button type="button" class="btn btn-danger tolak flex-fill" data-bs-toggle="modal"
|
|
||||||
data-bs-target="#modalTolak">Tolak
|
|
||||||
Pesanan</button>
|
|
||||||
<button type="button" class="btn btn-success terima flex-fill ms-2" data-bs-toggle="modal"
|
|
||||||
data-bs-target="#modalTerima">Terima Pesanan</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- MODAL GAMBAR --}}
|
|
||||||
<div class="modal fade" id="modalImagePreview" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
||||||
<div class="modal-content bg-transparent border-0 shadow-none">
|
|
||||||
|
|
||||||
<div class="modal-body p-0 text-center">
|
|
||||||
<img id="img-preview-target" src="" class="img-fluid rounded shadow-lg"
|
|
||||||
style="max-height: 85vh;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function showImage(src) {
|
|
||||||
var modalImg = document.getElementById('img-preview-target');
|
|
||||||
modalImg.src = src;
|
|
||||||
var myModal = new bootstrap.Modal(document.getElementById('modalImagePreview'));
|
|
||||||
myModal.show();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
{{-- MODAL TOLAK --}}
|
|
||||||
<div class="modal fade" id="modalTolak" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered">
|
|
||||||
<div class="modal-content modal-reject">
|
|
||||||
|
|
||||||
<div class="modal-header pb-0">
|
|
||||||
<h5 class="modal-title">Konfirmasi Penolakan</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body pt-0">
|
|
||||||
<div class="alert d-flex align-items-center border-0 mb-4 mt-2 p-3 rounded-3"
|
|
||||||
style="background-color: #f8d7da; color: #842029;" role="alert">
|
|
||||||
<i class="bi bi-exclamation-circle-fill me-1" style="line-height: 1;"></i>
|
|
||||||
|
|
||||||
<div class="lh-sm" style="font-size: 0.75rem;">
|
|
||||||
Status pesanan akan otomatis berubah menjadi <strong>"Ditolak"</strong>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<label class="form-label fw-bold small text-muted text-uppercase mb-2"> Pesan yang akan dikirim
|
|
||||||
</label>
|
|
||||||
<div class="mb-3">
|
|
||||||
<textarea class="form-control custom-textarea bg-light" id="pesanTolak" rows="5">Halo Kak Budi Susanto,
|
|
||||||
Mohon maaf, pesanan buket Anda pada tanggal 10 Nov 2025 kami *TOLAK* dikarenakan:
|
|
||||||
|
|
||||||
[TULIS ALASAN DISINI]
|
|
||||||
|
|
||||||
Silakan hubungi admin untuk info pengembalian dana. Terima kasih.</textarea>
|
|
||||||
|
|
||||||
<div class="text-start mt-1">
|
|
||||||
<small class="text-muted" style="font-size: 0.75rem;">
|
|
||||||
*Pesan dapat diedit sebelum dikirim
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-footer border-top-0 pt-0">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-light batal rounded-pill flex-fill py-2"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#default">
|
|
||||||
Batal
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-danger kirim-wa rounded-pill flex-fill py-2"
|
|
||||||
onclick="kirimWa('tolak')">
|
|
||||||
<i class="bi bi-whatsapp me-1"></i> Kirim Penolakan
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- MODAL TERIMA --}}
|
|
||||||
<div class="modal fade" id="modalTerima" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered">
|
|
||||||
<div class="modal-content modal-accept">
|
|
||||||
|
|
||||||
<div class="modal-header pb-0">
|
|
||||||
<h5 class="modal-title">Konfirmasi Penerimaan</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body pt-0">
|
|
||||||
|
|
||||||
<div class="alert d-flex align-items-center border-0 mb-4 mt-2 p-3 rounded-3"
|
|
||||||
style="background-color: #d1e7dd; color: #0f5132;" role="alert">
|
|
||||||
<i class="bi bi-info-circle-fill me-1" style="line-height: 1;"></i>
|
|
||||||
|
|
||||||
<div class="lh-sm" style="font-size: 0.75rem;">
|
|
||||||
Status pesanan akan otomatis berubah menjadi <strong>"Diproses"</strong>.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-2">
|
|
||||||
<label class="form-label fw-bold small text-muted text-uppercase mb-2"> Pesan yang akan dikirim
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<div class="position-relative">
|
|
||||||
<textarea class="form-control bg-light border-0 shadow-sm p-3 text-secondary" id="pesanTerima" rows="4"
|
|
||||||
style="resize: none; font-size: 0.85rem; line-height: 1.2; border-radius: 0.5rem;">Halo Kak Budi Susanto,
|
|
||||||
|
|
||||||
Selamat! Pesanan Buket Anda untuk tanggal 10 Nov 2025 telah kami *TERIMA*.
|
|
||||||
|
|
||||||
Silakan datang tepat waktu ya. Terima kasih!</textarea>
|
|
||||||
|
|
||||||
<div class="position-absolute top-0 start-0 bottom-0 bg-success"
|
|
||||||
style="width: 4px; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-start mt-1">
|
|
||||||
<small class="text-muted" style="font-size: 0.75rem;">
|
|
||||||
*Pesan dapat diedit sebelum dikirim
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-footer border-top-0 pt-0">
|
|
||||||
<div class="d-flex w-100 gap-2">
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-light batal rounded-pill flex-fill py-2"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#default">
|
|
||||||
Batal
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button type="button" class="btn btn-success kirim-wa rounded-pill flex-fill py-2"
|
|
||||||
onclick="kirimWa('terima')">
|
|
||||||
<i class="bi bi-whatsapp me-1"></i> Kirim & Terima
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
function kirimWa(jenis) {
|
|
||||||
// 1. Nomor HP Dummy (Nanti diganti variabel database)
|
|
||||||
var nomorHp = "+6281334394400";
|
|
||||||
|
|
||||||
// 2. Ambil isi pesan dari textarea
|
|
||||||
var pesan = "";
|
|
||||||
if (jenis === 'tolak') {
|
|
||||||
pesan = document.getElementById('pesanTolak').value;
|
|
||||||
} else {
|
|
||||||
pesan = document.getElementById('pesanTerima').value;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. Encode pesan biar aman di URL (spasi jadi %20, dst)
|
|
||||||
var url = "https://wa.me/" + nomorHp + "?text=" + encodeURIComponent(pesan);
|
|
||||||
|
|
||||||
// 4. Buka WhatsApp di tab baru
|
|
||||||
window.open(url, '_blank');
|
|
||||||
|
|
||||||
// 5. (Opsional) Tutup Modal setelah kirim
|
|
||||||
// var modalEl = document.getElementById(jenis === 'tolak' ? 'modalTolak' : 'modalTerima');
|
|
||||||
// var modal = bootstrap.Modal.getInstance(modalEl);
|
|
||||||
// modal.hide();
|
|
||||||
|
|
||||||
// Disini nanti bisa ditambah ajax buat update status di database
|
|
||||||
alert("Simulasi: Status pesanan berhasil diupdate jadi " + (jenis === 'tolak' ? 'DITOLAK' : 'DITERIMA'));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,194 +0,0 @@
|
||||||
{{-- RIWAYAT BUKET --}}
|
|
||||||
<div class="modal fade text-left" id="riwayatBuket" 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 Riwayat Pesanan Buket</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row gx-3">
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6">
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Rincian Pesanan</h6>
|
|
||||||
<div class="detail-order">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Buket</span>
|
|
||||||
<span class="detail-value">Buket Lily Premium</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Request Khusus</span>
|
|
||||||
<span class="detail-value">Full pink</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Ucapan</span>
|
|
||||||
<span class="detail-value">Selamat ulang tahun</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Informasi Pemesan</h6>
|
|
||||||
<div class="detail-customer">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Lengkap</span>
|
|
||||||
<span class="detail-value">Budi Susanto</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">WhatsApp</span>
|
|
||||||
<span class="detail-value">089673665678</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Tanggal Pengambilan</span>
|
|
||||||
<span class="detail-value">10 Nov 2025</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6 mt-4 mt-md-0">
|
|
||||||
<h6 class="modal-section-title">Pembayaran</h6>
|
|
||||||
|
|
||||||
<div class="payment-box">
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Status</span>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Terbayar</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Total</span>
|
|
||||||
<span class="detail-value">Rp 150.000</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-start">
|
|
||||||
<span class="detail-label d-block ">Bukti Pembayaran</span>
|
|
||||||
<div class="proof-img-wrapper" onclick="showImage('{{ asset('img/invoice.jpg') }}')">
|
|
||||||
<img src="{{ asset('img/invoice.jpg') }}" class="proof-img">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- RIWAYAT FOTO --}}
|
|
||||||
<div class="modal fade text-left" id="riwayatFoto" 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 Riwayat Pesanan Foto</h5>
|
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="row gx-3">
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6 h-100">
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Rincian Pesanan</h6>
|
|
||||||
<div class="detail-order ">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Tanggal Booking</span>
|
|
||||||
<span class="detail-value">Kamis 10 Juni 2025</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Waktu Booking</span>
|
|
||||||
<span class="detail-value">10.00</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Paket Foto</span>
|
|
||||||
<span class="detail-value">Single</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Additional</span>
|
|
||||||
<div class="detail-value">
|
|
||||||
<span class="item">Kostum boneka</span><br>
|
|
||||||
<small class="amount">x1</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Informasi Pemesan</h6>
|
|
||||||
<div class="detail-customer">
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">Nama Lengkap</span>
|
|
||||||
<span class="detail-value">Budi Susanto</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row">
|
|
||||||
<span class="detail-label">WhatsApp</span>
|
|
||||||
<span class="detail-value">089673665678</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-12 col-md-6 mt-4 mt-md-0 h-100 d-flex flex-column">
|
|
||||||
|
|
||||||
<h6 class="modal-section-title">Pembayaran</h6>
|
|
||||||
|
|
||||||
<div class="payment-box flex-grow-1 d-flex flex-column justify-content-between">
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Status</span>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Terbayar</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-center">
|
|
||||||
<span class="detail-label">Total</span>
|
|
||||||
<span class="detail-value">Rp 150.000</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="detail-row align-items-start mt-3">
|
|
||||||
<span class="detail-label d-block">Bukti Pembayaran</span>
|
|
||||||
<div class="proof-img-wrapper" onclick="showImage('{{ asset('img/invoice.jpg') }}')">
|
|
||||||
<img src="{{ asset('img/invoice.jpg') }}" class="proof-img">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- MODAL GAMBAR --}}
|
|
||||||
<div class="modal fade" id="modalImagePreview" tabindex="-1" aria-hidden="true">
|
|
||||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
||||||
<div class="modal-content bg-transparent border-0 shadow-none">
|
|
||||||
|
|
||||||
<div class="modal-body p-0 text-center">
|
|
||||||
<img id="img-preview-target" src="" class="img-fluid rounded shadow-lg"
|
|
||||||
style="max-height: 85vh;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function showImage(src) {
|
|
||||||
var modalImg = document.getElementById('img-preview-target');
|
|
||||||
modalImg.src = src;
|
|
||||||
var myModal = new bootstrap.Modal(document.getElementById('modalImagePreview'));
|
|
||||||
myModal.show();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,86 +0,0 @@
|
||||||
<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="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>s
|
|
||||||
</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>
|
|
||||||
|
|
@ -1,317 +0,0 @@
|
||||||
@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="#buketToday">
|
|
||||||
<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"
|
|
||||||
data-bs-toggle="modal" data-bs-target="#fotoToday">
|
|
||||||
<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>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
|
|
||||||
</td>
|
|
||||||
<td class="col-auto">
|
|
||||||
<a href="#"
|
|
||||||
class="btn icon btn-primary btn-action"data-bs-toggle="modal"
|
|
||||||
data-bs-target="#riwayatBuket">
|
|
||||||
<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>
|
|
||||||
<span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
|
|
||||||
</td>
|
|
||||||
<td class="col-auto">
|
|
||||||
<a href="#"
|
|
||||||
class="btn icon btn-primary btn-action"data-bs-toggle="modal"
|
|
||||||
data-bs-target="#riwayatFoto">
|
|
||||||
<i class="bi bi-eye"></i>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
@include('admin.beranda.partials.modal-buket')
|
|
||||||
@include('admin.beranda.partials.modal-foto')
|
|
||||||
@include('admin.beranda.partials.modal-riwayat')
|
|
||||||
@endsection
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import { defineConfig } from 'vite';
|
|
||||||
import laravel from 'laravel-vite-plugin';
|
|
||||||
import tailwindcss from '@tailwindcss/vite';
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
plugins: [
|
|
||||||
laravel({
|
|
||||||
input: ['resources/css/app.css', 'resources/js/app.js'],
|
|
||||||
refresh: true,
|
|
||||||
}),
|
|
||||||
tailwindcss(),
|
|
||||||
],
|
|
||||||
server: {
|
|
||||||
watch: {
|
|
||||||
ignored: ['**/storage/framework/views/**'],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue