Stephen_Gesityan
/
MIF_E31222882
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Checkpointt

This commit is contained in:
Stephen Gesityan 2025-06-07 20:25:56 +07:00
parent cbbd272b15
commit 2d82a9489e
10 changed files with 531 additions and 444 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
app/Http/Controllers/admin/BookingsController.php
View File

@ -15,7 +15,15 @@ class BookingsController extends Controller
{ {
public function index(Request $request) public function index(Request $request)
{ {
$query = Booking::with(['table', 'user']); // Ambil venue_id dari admin yang sedang login
// Sesuaikan dengan struktur database kamu:
$adminVenueId = auth()->user()->venue_id; // Asumsi admin punya kolom venue_id
// Query booking dengan filter venue terlebih dahulu
$query = Booking::with(['table', 'user'])
->whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
});
// Search functionality // Search functionality
if ($request->has('search') && !empty($request->search)) { if ($request->has('search') && !empty($request->search)) {
@ -70,14 +78,30 @@ public function index(Request $request)
public function show($id) public function show($id)
{ {
$booking = Booking::with(['table', 'user'])->findOrFail($id); // Pastikan booking yang dilihat adalah milik venue admin
$adminVenueId = auth()->user()->venue_id;
$booking = Booking::with(['table', 'user'])
->whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
})
->findOrFail($id);
return view('admin.bookings.show', compact('booking')); return view('admin.bookings.show', compact('booking'));
} }
public function edit($id) public function edit($id)
{ {
$booking = Booking::findOrFail($id); $adminVenueId = auth()->user()->venue_id;
$tables = Table::all();
// Pastikan booking yang diedit adalah milik venue admin
$booking = Booking::whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
})->findOrFail($id);
// Hanya tampilkan tables dari venue admin
$tables = Table::where('venue_id', $adminVenueId)->get();
return view('admin.bookings.edit', compact('booking', 'tables')); return view('admin.bookings.edit', compact('booking', 'tables'));
} }
@ -89,7 +113,18 @@ public function update(Request $request, $id)
'end_time' => 'required|date|after:start_time', 'end_time' => 'required|date|after:start_time',
]); ]);
$booking = Booking::findOrFail($id); $adminVenueId = auth()->user()->venue_id;
// Pastikan booking yang diupdate adalah milik venue admin
$booking = Booking::whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
})->findOrFail($id);
// Validasi tambahan: pastikan table_id yang dipilih juga milik venue admin
$table = Table::where('id', $request->table_id)
->where('venue_id', $adminVenueId)
->firstOrFail();
$booking->update($request->all()); $booking->update($request->all());
return redirect()->route('admin.bookings.index') return redirect()->route('admin.bookings.index')
@ -98,7 +133,12 @@ public function update(Request $request, $id)
public function complete($id) public function complete($id)
{ {
$booking = Booking::findOrFail($id); $adminVenueId = auth()->user()->venue_id;
$booking = Booking::whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
})->findOrFail($id);
$booking->status = 'selesai'; $booking->status = 'selesai';
$booking->save(); $booking->save();
@ -108,7 +148,12 @@ public function complete($id)
public function cancel($id) public function cancel($id)
{ {
$booking = Booking::findOrFail($id); $adminVenueId = auth()->user()->venue_id;
$booking = Booking::whereHas('table', function ($q) use ($adminVenueId) {
$q->where('venue_id', $adminVenueId);
})->findOrFail($id);
$booking->status = 'cancelled'; $booking->status = 'cancelled';
$booking->save(); $booking->save();
@ -118,7 +163,10 @@ public function cancel($id)
public function export(Request $request) public function export(Request $request)
{ {
$adminVenueId = auth()->user()->venue_id;
$filename = 'bookings-' . Carbon::now()->format('Y-m-d') . '.xlsx'; $filename = 'bookings-' . Carbon::now()->format('Y-m-d') . '.xlsx';
return Excel::download(new BookingsExport($request), $filename);
// Pass venue_id ke export class jika diperlukan
return Excel::download(new BookingsExport($request, $adminVenueId), $filename);
} }
} }

8
app/Http/Controllers/admin/TableController.php
View File

@ -55,7 +55,7 @@ public function store(Request $request)
$validator = Validator::make($request->all(), [ $validator = Validator::make($request->all(), [
'name' => 'required|string|max:255', 'name' => 'required|string|max:255',
'brand' => 'required|string|max:255', 'brand' => 'required|string|max:255',
'status' => 'required|in:Available,Booked,Unavailable', // 'status' => 'required|in:Available,Booked,Unavailable',
'price_per_hour' => 'required|numeric|min:0', 'price_per_hour' => 'required|numeric|min:0',
]); ]);
@ -68,7 +68,7 @@ public function store(Request $request)
Table::create([ Table::create([
'name' => $request->name, 'name' => $request->name,
'brand' => $request->brand, 'brand' => $request->brand,
'status' => $request->status, // 'status' => $request->status,
'price_per_hour' => $request->price_per_hour, 'price_per_hour' => $request->price_per_hour,
'venue_id' => auth()->user()->venue_id, 'venue_id' => auth()->user()->venue_id,
]); ]);
@ -101,7 +101,7 @@ public function update(Request $request, $id)
$validator = Validator::make($request->all(), [ $validator = Validator::make($request->all(), [
'name' => 'required|string|max:255', 'name' => 'required|string|max:255',
'brand' => 'required|string|max:255', 'brand' => 'required|string|max:255',
'status' => 'required|in:Available,Booked,Unavailable', // 'status' => 'required|in:Available,Booked,Unavailable',
'price_per_hour' => 'required|numeric|min:0', 'price_per_hour' => 'required|numeric|min:0',
]); ]);
@ -116,7 +116,7 @@ public function update(Request $request, $id)
$table->update([ $table->update([
'name' => $request->name, 'name' => $request->name,
'brand' => $request->brand, 'brand' => $request->brand,
'status' => $request->status, // 'status' => $request->status,
'price_per_hour' => $request->price_per_hour, 'price_per_hour' => $request->price_per_hour,
]); ]);

2
app/Http/Controllers/pages/BookingHistoryController.php
View File

@ -12,7 +12,7 @@ public function index()
{ {
$bookings = Booking::where('user_id', Auth::id()) $bookings = Booking::where('user_id', Auth::id())
->with(['table.venue']) ->with(['table.venue'])
->orderBy('start_time', 'desc') ->orderBy('created_at', 'desc')
->paginate(10); ->paginate(10);
return view('pages.booking-history', compact('bookings')); return view('pages.booking-history', compact('bookings'));

4
resources/views/admin/bookings/index.blade.php
View File

@ -33,7 +33,7 @@ class="form-input w-full rounded-md border-gray-300 focus:border-blue-500 focus:
</div> </div>
</div> </div>
<div class="w-full md:w-1/4"> {{-- <div class="w-full md:w-1/4">
<label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label> <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label>
<select name="status" id="status" <select name="status" id="status"
class="form-select w-full rounded-md border-gray-300 focus:border-blue-500 focus:ring focus:ring-blue-200"> class="form-select w-full rounded-md border-gray-300 focus:border-blue-500 focus:ring focus:ring-blue-200">
@ -43,7 +43,7 @@ class="form-select w-full rounded-md border-gray-300 focus:border-blue-500 focus
<option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Dibatalkan <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Dibatalkan
</option> </option>
</select> </select>
</div> </div> --}}
<div class="w-full md:w-1/4"> <div class="w-full md:w-1/4">
<label for="date_from" class="block text-sm font-medium text-gray-700 mb-1">Dari Tanggal</label> <label for="date_from" class="block text-sm font-medium text-gray-700 mb-1">Dari Tanggal</label>

12
resources/views/admin/tables/create.blade.php
View File

@ -49,19 +49,19 @@ class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none foc
</div> </div>
</div> </div>
<div> {{-- <div>
<label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label> <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label>
<select id="status" name="status" <select id="status" name="status"
class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 @error('status') border-red-500 @enderror"> class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 @error('status') border-red-500 @enderror">
<option value="Available" {{ old('status') === 'Available' ? 'selected' : '' }}>Available</option> <option value="Available" {{ old('status')==='Available' ? 'selected' : '' }}>Available</option>
<option value="Booked" {{ old('status') === 'Booked' ? 'selected' : '' }}>Booked</option> <option value="Booked" {{ old('status')==='Booked' ? 'selected' : '' }}>Booked</option>
<option value="Unavailable" {{ old('status') === 'Unavailable' ? 'selected' : '' }}>Unavailable <option value="Unavailable" {{ old('status')==='Unavailable' ? 'selected' : '' }}>Unavailable
</option> </option>
</select> </select>
@error('status') @error('status')
<p class="text-red-500 text-xs mt-1">{{ $message }}</p> <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
@enderror @enderror
</div> </div> --}}
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<a href="{{ route('admin.tables.index') }}" <a href="{{ route('admin.tables.index') }}"

9
resources/views/admin/tables/edit.blade.php
View File

@ -50,7 +50,7 @@ class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none foc
</div> </div>
</div> </div>
<div> {{-- <div>
<label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label> <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label>
<select id="status" name="status" <select id="status" name="status"
class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 @error('status') border-red-500 @enderror"> class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 @error('status') border-red-500 @enderror">
@ -58,12 +58,13 @@ class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none foc
Available</option> Available</option>
<option value="Booked" {{ old('status', $table->status) === 'Booked' ? 'selected' : '' }}>Booked <option value="Booked" {{ old('status', $table->status) === 'Booked' ? 'selected' : '' }}>Booked
</option> </option>
<option value="Unavailable" {{ old('status', $table->status) === 'Unavailable' ? 'selected' : '' }}>Unavailable</option> <option value="Unavailable" {{ old('status', $table->status) === 'Unavailable' ? 'selected' : ''
}}>Unavailable</option>
</select> </select>
@error('status') @error('status')
<p class="text-red-500 text-xs mt-1">{{ $message }}</p> <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
@enderror @enderror
</div> </div> --}}
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<a href="{{ route('admin.tables.index') }}" <a href="{{ route('admin.tables.index') }}"

24
resources/views/layouts/main.blade.php
View File

@ -52,14 +52,29 @@ class="flex items-center space-x-2 text-sm font-medium text-gray-700 hover:text-
<div x-show="open" @click.away="open = false" x-transition <div x-show="open" @click.away="open = false" x-transition
class="absolute right-0 mt-2 w-40 bg-white rounded-lg shadow-lg py-2 z-50"> class="absolute right-0 mt-2 w-40 bg-white rounded-lg shadow-lg py-2 z-50">
<a href="{{ route('booking.history') }}" <a href="{{ route('booking.history') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"> class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
Riwayat Booking Riwayat Booking
</a> </a>
<a href="{{ route('account.settings') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"> @if (Auth::user()->role === 'user')
Pengaturan Akun <a href="{{ route('account.settings') }}"
</a> class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
Pengaturan Akun
</a>
@elseif (Auth::user()->role === 'admin')
<a href="{{ url('/admin') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
Halaman Admin
</a>
@elseif (Auth::user()->role === 'superadmin')
<a href="{{ url('/superadmin') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
Halaman Superadmin
</a>
@endif
@if (Auth::user()->email_verified_at === null) @if (Auth::user()->email_verified_at === null)
<a href="{{ route('verification.notice') }}" <a href="{{ route('verification.notice') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"> class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
@ -67,6 +82,7 @@ class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
Verifikasi Email Verifikasi Email
</a> </a>
@endif @endif
<form method="POST" action="{{ route('logout') }}"> <form method="POST" action="{{ route('logout') }}">
@csrf @csrf
<button type="submit" <button type="submit"

114
resources/views/pages/venue.blade.php
View File

@ -21,7 +21,7 @@ class="fixed inset-0 bg-black bg-opacity-50 z-40 flex items-center justify-cente
class="w-full h-full object-cover rounded-lg mb-4 mt-8" /> class="w-full h-full object-cover rounded-lg mb-4 mt-8" />
<h1 class="text-xl text-gray-800 font-semibold">{{ $venue['name'] }}</h1> <h1 class="text-xl text-gray-800 font-semibold">{{ $venue['name'] }}</h1>
<p class="text-sm text-gray-500">{{ $venue['location'] ?? 'Lokasi tidak tersedia' }}</p> <p class="text-sm text-gray-500">{{ $venue['description'] ?? 'Tidak ada deskripsi.' }}</p>
@if($venue['status'] === 'open') @if($venue['status'] === 'open')
{{-- Venue sedang buka - tampilkan jam operasional --}} {{-- Venue sedang buka - tampilkan jam operasional --}}
<p class="text-sm text-gray-600 mt-1"> <p class="text-sm text-gray-600 mt-1">
@ -147,21 +147,33 @@ class="border rounded-lg shadow-md p-4 mb-4">
</select> </select>
<h4 class="font-semibold mb-2 mt-4">Pilih Durasi Main:</h4> <h4 class="font-semibold mb-2 mt-4">Pilih Durasi Main:</h4>
<select class="w-full border p-2 rounded-lg" x-model="selectedDuration"> @if ($venue['status'] === 'open')
<option value="">-- Pilih Durasi --</option> <select class="w-full border p-2 rounded-lg" x-model="selectedDuration">
<option value="1">1 Jam</option> <option value="">-- Pilih Durasi --</option>
<option value="2">2 Jam</option> <option value="1">1 Jam</option>
<option value="3">3 Jam</option> <option value="2">2 Jam</option>
</select> <option value="3">3 Jam</option>
{{-- <option value="4">4 Jam</option>
<option value="5">5 Jam</option> --}}
</select>
@else
<select class="w-full border p-2 rounded-lg bg-gray-100 text-gray-400 cursor-not-allowed" disabled>
<option value="">Venue sedang tutup</option>
</select>
@endif
<button class="mt-3 px-4 py-2 bg-green-500 text-white rounded-lg w-full" :disabled="!selectedTime || !selectedDuration || isLoading" <button
@click="initiateBooking('{{ $table['id'] }}', '{{ addslashes($table['name']) }}')"> class="mt-3 px-4 py-2 rounded-lg w-full
<template x-if="isLoading"> {{ $venue['status'] === 'open' ? 'bg-green-500 text-white' : 'bg-gray-400 text-gray-700 cursor-not-allowed' }}"
<span>Loading...</span> :disabled="!selectedTime || !selectedDuration || isLoading || '{{ $venue['status'] }}' !== 'open'"
</template> @click="initiateBooking('{{ $table['id'] }}', '{{ addslashes($table['name']) }}')">
<template x-if="!isLoading">
<span>Confirm Booking</span> <template x-if="isLoading">
</template> <span>Loading...</span>
</template>
<template x-if="!isLoading">
<span>Confirm Booking</span>
</template>
</button> </button>
</div> </div>
</div> </div>
@ -194,12 +206,12 @@ function showToast(message, type = 'info', duration = 5000) {
toast.className = `${bgColor} text-white px-6 py-4 rounded-lg shadow-lg flex items-center space-x-3 min-w-80 transform transition-all duration-300 translate-x-full opacity-0`; toast.className = `${bgColor} text-white px-6 py-4 rounded-lg shadow-lg flex items-center space-x-3 min-w-80 transform transition-all duration-300 translate-x-full opacity-0`;
toast.innerHTML = ` toast.innerHTML = `
<i class="fas ${icon}"></i> <i class="fas ${icon}"></i>
<span class="flex-1">${message}</span> <span class="flex-1">${message}</span>
<button onclick="this.parentElement.remove()" class="text-white hover:text-gray-200"> <button onclick="this.parentElement.remove()" class="text-white hover:text-gray-200">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
`; `;
toastContainer.appendChild(toast); toastContainer.appendChild(toast);
@ -235,20 +247,20 @@ function showModal(title, message, type = 'info', callback = null) {
}[type] || 'fa-info-circle'; }[type] || 'fa-info-circle';
modal.innerHTML = ` modal.innerHTML = `
<div class="bg-white rounded-lg p-6 max-w-md w-full shadow-2xl transform transition-all"> <div class="bg-white rounded-lg p-6 max-w-md w-full shadow-2xl transform transition-all">
<div class="flex items-center space-x-3 mb-4"> <div class="flex items-center space-x-3 mb-4">
<i class="fas ${icon} text-2xl ${iconColor}"></i> <i class="fas ${icon} text-2xl ${iconColor}"></i>
<h3 class="text-lg font-semibold text-gray-800">${title}</h3> <h3 class="text-lg font-semibold text-gray-800">${title}</h3>
</div> </div>
<p class="text-gray-600 mb-6">${message}</p> <p class="text-gray-600 mb-6">${message}</p>
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<button onclick="this.closest('.fixed').remove(); ${callback ? callback + '()' : ''}" <button onclick="this.closest('.fixed').remove(); ${callback ? callback + '()' : ''}"
class="bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 transition-colors"> class="bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 transition-colors">
OK OK
</button> </button>
</div> </div>
</div> </div>
`; `;
document.body.appendChild(modal); document.body.appendChild(modal);
@ -267,22 +279,22 @@ function showConfirmModal(title, message, onConfirm, onCancel = null) {
modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4'; modal.className = 'fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4';
modal.innerHTML = ` modal.innerHTML = `
<div class="bg-white rounded-lg p-6 max-w-md w-full shadow-2xl transform transition-all"> <div class="bg-white rounded-lg p-6 max-w-md w-full shadow-2xl transform transition-all">
<div class="flex items-center space-x-3 mb-4"> <div class="flex items-center space-x-3 mb-4">
<i class="fas fa-question-circle text-2xl text-yellow-500"></i> <i class="fas fa-question-circle text-2xl text-yellow-500"></i>
<h3 class="text-lg font-semibold text-gray-800">${title}</h3> <h3 class="text-lg font-semibold text-gray-800">${title}</h3>
</div> </div>
<p class="text-gray-600 mb-6">${message}</p> <p class="text-gray-600 mb-6">${message}</p>
<div class="flex justify-end space-x-3"> <div class="flex justify-end space-x-3">
<button id="cancelBtn" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400 transition-colors"> <button id="cancelBtn" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400 transition-colors">
Batal Batal
</button> </button>
<button id="confirmBtn" class="bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors"> <button id="confirmBtn" class="bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors">
Ya, Hapus Ya, Hapus
</button> </button>
</div> </div>
</div> </div>
`; `;
document.body.appendChild(modal); document.body.appendChild(modal);

340
resources/views/superadmin/admin/index.blade.php
View File

@ -1,186 +1,188 @@
@extends('layouts.super-admin') @extends('layouts.super-admin')
@section('content') @section('content')
<div class="mb-6 flex justify-between items-center"> <div class="p-6">
<div> <div class="mb-6 flex justify-between items-center">
<h1 class="text-3xl font-bold text-gray-800">Manajemen Admin</h1> <div>
<p class="text-gray-600">Kelola admin untuk setiap venue</p> <h1 class="text-3xl font-bold text-gray-800">Manajemen Admin</h1>
<p class="text-gray-600">Kelola admin untuk setiap venue</p>
</div>
<a href="{{ route('superadmin.admin.create') }}"
class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
<i class="fas fa-plus mr-2"></i>
Tambah Admin
</a>
</div> </div>
<a href="{{ route('superadmin.admin.create') }}"
class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
<i class="fas fa-plus mr-2"></i>
Tambah Admin
</a>
</div>
@if(session('success')) @if(session('success'))
<div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-6" role="alert"> <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-6" role="alert">
<p>{{ session('success') }}</p> <p>{{ session('success') }}</p>
</div> </div>
@endif @endif
<!-- Filter and Search --> <!-- Filter and Search -->
<div class="bg-white rounded-lg shadow mb-6 p-4"> <div class="bg-white rounded-lg shadow mb-6 p-4">
<form action="{{ route('superadmin.admin.index') }}" method="GET"> <form action="{{ route('superadmin.admin.index') }}" method="GET">
<div class="flex flex-col md:flex-row gap-4"> <div class="flex flex-col md:flex-row gap-4">
<div class="flex-grow"> <div class="flex-grow">
<label for="search" class="block text-sm font-medium text-gray-700 mb-1">Cari</label> <label for="search" class="block text-sm font-medium text-gray-700 mb-1">Cari</label>
<div class="relative"> <div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i class="fas fa-search text-gray-400"></i> <i class="fas fa-search text-gray-400"></i>
</div>
<input type="text" id="search" name="search" value="{{ request('search') }}"
class="pl-10 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
placeholder="Cari nama atau email">
</div> </div>
<input type="text" id="search" name="search" value="{{ request('search') }}" </div>
class="pl-10 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500" <div class="md:w-64">
placeholder="Cari nama atau email"> <label for="venue_filter" class="block text-sm font-medium text-gray-700 mb-1">Filter Venue</label>
<select id="venue_filter" name="venue_id"
class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
<option value="">Semua Venue</option>
@foreach($venues as $venue)
<option value="{{ $venue->id }}" {{ request('venue_id') == $venue->id ? 'selected' : '' }}>
{{ $venue->name }}
</option>
@endforeach
</select>
</div>
<div class="self-end">
<button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm">
Cari
</button>
<a href="{{ route('superadmin.admin.index') }}"
class="px-4 py-2 border border-gray-300 rounded-md bg-white hover:bg-gray-50 text-sm ml-2">
Reset Filter
</a>
</div> </div>
</div> </div>
<div class="md:w-64"> </form>
<label for="venue_filter" class="block text-sm font-medium text-gray-700 mb-1">Filter Venue</label> </div>
<select id="venue_filter" name="venue_id"
class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"> <!-- Admin Table -->
<option value="">Semua Venue</option> <div class="bg-white rounded-lg shadow overflow-hidden">
@foreach($venues as $venue) <div class="overflow-x-auto">
<option value="{{ $venue->id }}" {{ request('venue_id') == $venue->id ? 'selected' : '' }}> <table class="min-w-full divide-y divide-gray-200">
{{ $venue->name }} <thead class="bg-gray-50">
</option> <tr>
@endforeach <th scope="col"
</select> class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
</div> Nama
<div class="self-end"> </th>
<button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm"> <th scope="col"
Cari class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
</button> Email
<a href="{{ route('superadmin.admin.index') }}" </th>
class="px-4 py-2 border border-gray-300 rounded-md bg-white hover:bg-gray-50 text-sm ml-2"> <th scope="col"
Reset Filter class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
</a> Venue
</div> </th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Status
</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Terdaftar
</th>
<th scope="col"
class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
Aksi
</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
@forelse($admins as $admin)
<tr>
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<div
class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600">
<i class="fas fa-user"></i>
</div>
<div class="ml-4">
<div class="text-sm font-medium text-gray-900">{{ $admin->name }}</div>
</div>
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-900">{{ $admin->email }}</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-900">
@if($admin->venue)
{{ $admin->venue->name }}
@else
<span class="text-gray-400">Tidak ada venue</span>
@endif
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full {{ $admin->email_verified_at ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
{{ $admin->email_verified_at ? 'Terverifikasi' : 'Belum Verifikasi' }}
</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
{{ $admin->created_at->format('d M Y') }}
</td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<button type="button" data-admin-id="{{ $admin->id }}" data-admin-name="{{ $admin->name }}"
class="text-red-600 hover:text-red-800 delete-admin-btn">
<i class="fas fa-trash-alt"></i>
</button>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="px-6 py-4 text-center text-gray-500">
Tidak ada data admin ditemukan
</td>
</tr>
@endforelse
</tbody>
</table>
</div> </div>
</form>
</div>
<!-- Admin Table --> <!-- Pagination -->
<div class="bg-white rounded-lg shadow overflow-hidden"> <div class="px-6 py-4 border-t border-gray-200">
<div class="overflow-x-auto"> {{ $admins->links() }}
<table class="min-w-full divide-y divide-gray-200"> </div>
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Nama
</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Email
</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Venue
</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Status
</th>
<th scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Terdaftar
</th>
<th scope="col"
class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
Aksi
</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
@forelse($admins as $admin)
<tr>
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<div
class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600">
<i class="fas fa-user"></i>
</div>
<div class="ml-4">
<div class="text-sm font-medium text-gray-900">{{ $admin->name }}</div>
</div>
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-900">{{ $admin->email }}</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-900">
@if($admin->venue)
{{ $admin->venue->name }}
@else
<span class="text-gray-400">Tidak ada venue</span>
@endif
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full {{ $admin->email_verified_at ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
{{ $admin->email_verified_at ? 'Terverifikasi' : 'Belum Verifikasi' }}
</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
{{ $admin->created_at->format('d M Y') }}
</td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<button type="button" data-admin-id="{{ $admin->id }}" data-admin-name="{{ $admin->name }}"
class="text-red-600 hover:text-red-800 delete-admin-btn">
<i class="fas fa-trash-alt"></i>
</button>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="px-6 py-4 text-center text-gray-500">
Tidak ada data admin ditemukan
</td>
</tr>
@endforelse
</tbody>
</table>
</div> </div>
<!-- Pagination --> <!-- Delete Admin Confirmation Modal -->
<div class="px-6 py-4 border-t border-gray-200"> <div id="deleteAdminModal" tabindex="-1" aria-hidden="true"
{{ $admins->links() }} class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full">
</div> <div class="relative w-full h-full max-w-md md:h-auto">
</div> <div class="relative bg-white rounded-lg shadow">
<div class="flex items-center justify-between p-4 border-b">
<!-- Delete Admin Confirmation Modal --> <h3 class="text-xl font-semibold text-gray-900">
<div id="deleteAdminModal" tabindex="-1" aria-hidden="true" Konfirmasi Hapus
class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full"> </h3>
<div class="relative w-full h-full max-w-md md:h-auto"> <button type="button"
<div class="relative bg-white rounded-lg shadow"> class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center"
<div class="flex items-center justify-between p-4 border-b"> data-modal-hide="deleteAdminModal">
<h3 class="text-xl font-semibold text-gray-900"> <i class="fas fa-times"></i>
Konfirmasi Hapus
</h3>
<button type="button"
class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center"
data-modal-hide="deleteAdminModal">
<i class="fas fa-times"></i>
</button>
</div>
<div class="p-6 text-center">
<i class="fas fa-exclamation-triangle text-5xl text-yellow-400 mb-4"></i>
<h3 class="mb-5 text-lg font-normal text-gray-500">Apakah Anda yakin ingin menghapus admin <span
id="admin-name-to-delete" class="font-medium"></span>?</h3>
<form id="deleteAdminForm" method="POST" action="">
@csrf
@method('DELETE')
<button type="submit"
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2">
Ya, saya yakin
</button> </button>
<button type="button" data-modal-hide="deleteAdminModal" </div>
class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10"> <div class="p-6 text-center">
Batal <i class="fas fa-exclamation-triangle text-5xl text-yellow-400 mb-4"></i>
</button> <h3 class="mb-5 text-lg font-normal text-gray-500">Apakah Anda yakin ingin menghapus admin <span
</form> id="admin-name-to-delete" class="font-medium"></span>?</h3>
<form id="deleteAdminForm" method="POST" action="">
@csrf
@method('DELETE')
<button type="submit"
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2">
Ya, saya yakin
</button>
<button type="button" data-modal-hide="deleteAdminModal"
class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10">
Batal
</button>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>

398
resources/views/superadmin/venue/index.blade.php
View File

@ -1,219 +1,227 @@
@extends('layouts.super-admin') @extends('layouts.super-admin')
@section('content') @section('content')
<div class="mb-6 flex justify-between items-center"> <div class="p-6">
<div> <div class="mb-6 flex justify-between items-center">
<h1 class="text-3xl font-bold text-gray-800">Manajemen Venue</h1> <div>
<p class="text-gray-600">Kelola semua venue dalam sistem</p> <h1 class="text-3xl font-bold text-gray-800">Manajemen Venue</h1>
<p class="text-gray-600">Kelola semua venue dalam sistem</p>
</div>
<a href="{{ route('superadmin.venue.create') }}"
class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 flex items-center">
<i class="fas fa-plus mr-2"></i>
Tambah Venue
</a>
</div> </div>
<a href="{{ route('superadmin.venue.create') }}"
class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 flex items-center">
<i class="fas fa-plus mr-2"></i>
Tambah Venue
</a>
</div>
<!-- Flash Messages --> <!-- Flash Messages -->
@if(session('success')) @if(session('success'))
<div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-6" role="alert"> <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-6" role="alert">
<p>{{ session('success') }}</p> <p>{{ session('success') }}</p>
</div> </div>
@endif @endif
@if(session('error')) @if(session('error'))
<div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-6" role="alert"> <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-6" role="alert">
<p>{{ session('error') }}</p> <p>{{ session('error') }}</p>
</div> </div>
@endif @endif
<!-- Filter and Search --> <!-- Filter and Search -->
<div class="bg-white rounded-lg shadow mb-6 p-4"> <div class="bg-white rounded-lg shadow mb-6 p-4">
<form action="{{ route('superadmin.venue.index') }}" method="GET"> <form action="{{ route('superadmin.venue.index') }}" method="GET">
<div class="flex flex-col md:flex-row gap-4"> <div class="flex flex-col md:flex-row gap-4">
<div class="flex-grow"> <div class="flex-grow">
<label for="search" class="block text-sm font-medium text-gray-700 mb-1">Cari</label> <label for="search" class="block text-sm font-medium text-gray-700 mb-1">Cari</label>
<div class="relative"> <div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i class="fas fa-search text-gray-400"></i> <i class="fas fa-search text-gray-400"></i>
</div>
<input type="text" id="search" name="search" value="{{ request('search') }}"
class="pl-10 block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500"
placeholder="Cari nama venue atau lokasi">
</div> </div>
<input type="text" id="search" name="search" value="{{ request('search') }}" </div>
class="pl-10 block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500" <div>
placeholder="Cari nama venue atau lokasi"> <label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label>
<select id="status" name="status"
class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500">
<option value="">Semua Status</option>
<option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Aktif</option>
<option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Tidak Aktif
</option>
</select>
</div>
<div class="self-end">
<button type="submit"
class="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 text-sm">
Filter
</button>
<a href="{{ route('superadmin.venue.index') }}"
class="px-4 py-2 border border-gray-300 rounded-md bg-white hover:bg-gray-50 text-sm ml-2">
Reset
</a>
</div> </div>
</div> </div>
<div> </form>
<label for="status" class="block text-sm font-medium text-gray-700 mb-1">Status</label> </div>
<select id="status" name="status"
class="block w-full rounded-md border-gray-300 shadow-sm focus:border-green-500 focus:ring-green-500"> <!-- Venue Grid -->
<option value="">Semua Status</option> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Aktif</option> @forelse($venues as $venue)
<option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Tidak Aktif</option> <div class="bg-white rounded-lg shadow overflow-hidden">
</select> <div class="relative">
@php
// Tentukan path gambar yang akan ditampilkan
$imagePath = null;
if ($venue->image) {
// Cek apakah file gambar ada di storage
if (Storage::disk('public')->exists($venue->image)) {
$imagePath = asset('storage/' . $venue->image);
}
// Cek apakah file gambar ada di public folder
elseif (file_exists(public_path($venue->image))) {
$imagePath = asset($venue->image);
}
// Cek jika path sudah lengkap dengan storage/
elseif (file_exists(public_path('storage/' . $venue->image))) {
$imagePath = asset('storage/' . $venue->image);
}
}
// Fallback ke placeholder jika gambar tidak ditemukan
if (!$imagePath) {
$imagePath = asset('images/venue-placeholder.jpg');
}
@endphp
<img src="{{ $imagePath }}" alt="{{ $venue->name }}" class="w-full h-48 object-cover"
onerror="this.src='{{ asset('images/venue-placeholder.jpg') }}'; this.onerror=null;">
<div class="absolute top-3 right-3 flex gap-2">
<a href="{{ route('superadmin.venue.edit', $venue->id) }}"
class="p-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200">
<i class="fas fa-edit"></i>
</a>
<button type="button" onclick="confirmDelete({{ $venue->id }})"
class="p-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200">
<i class="fas fa-trash-alt"></i>
</button>
</div>
</div>
<div class="p-5">
<h3 class="text-xl font-semibold text-gray-900 mb-2">{{ $venue->name }}</h3>
<div class="flex items-center mb-2">
<i class="fas fa-map-marker-alt text-gray-500 mr-2"></i>
<span class="text-gray-600 truncate" title="{{ $venue->address }}">{{ $venue->address }}</span>
</div>
<div class="flex items-center mb-2">
<i class="fas fa-phone text-gray-500 mr-2"></i>
<span class="text-gray-600">{{ $venue->phone }}</span>
</div>
<div class="flex items-center mb-2">
<i class="fas fa-clock text-gray-500 mr-2"></i>
<span class="text-gray-600">
{{ $venue->open_time ?? '00:00' }} - {{ $venue->close_time ?? '23:59' }}
</span>
</div>
<div class="flex items-center mb-4">
<i
class="fas fa-circle {{ $venue->status == 'active' ? 'text-green-500' : 'text-red-500' }} mr-2"></i>
<span
class="text-sm font-medium {{ $venue->status == 'active' ? 'text-green-700' : 'text-red-700' }}">
{{ $venue->status == 'active' ? 'Aktif' : 'Tidak Aktif' }}
</span>
</div>
@if($venue->description)
<div class="mb-4">
<p class="text-gray-600 text-sm line-clamp-2">{{ Str::limit($venue->description, 100) }}</p>
</div>
@endif
<div class="border-t pt-4">
<div class="flex justify-between items-center">
<div class="text-sm text-gray-500">
<span class="font-medium">{{ $venue->created_at->format('d M Y') }}</span>
</div>
<a href="{{ route('superadmin.venue.edit', $venue->id) }}"
class="text-green-600 hover:text-green-800 flex items-center text-sm transition-colors duration-200">
Detail
<i class="fas fa-arrow-right ml-1"></i>
</a>
</div>
</div>
</div>
</div> </div>
<div class="self-end"> @empty
<button type="submit" class="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 text-sm"> <div class="col-span-3 bg-white rounded-lg shadow p-8 text-center">
Filter <div class="max-w-sm mx-auto">
</button> <i class="fas fa-building text-gray-300 text-6xl mb-4"></i>
<a href="{{ route('superadmin.venue.index') }}" <h3 class="text-xl font-semibold text-gray-900 mb-2">Belum ada venue</h3>
class="px-4 py-2 border border-gray-300 rounded-md bg-white hover:bg-gray-50 text-sm ml-2"> <p class="text-gray-500 mb-6">Mulai tambahkan venue baru untuk mengelola bisnis Anda dengan lebih baik
Reset </p>
</a> <a href="{{ route('superadmin.venue.create') }}"
class="px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 inline-flex items-center transition-colors duration-200">
<i class="fas fa-plus mr-2"></i>
Tambah Venue Pertama
</a>
</div>
</div>
@endforelse
</div>
<!-- Pagination -->
@if($venues->hasPages())
<div class="mt-8">
<div class="bg-white px-4 py-3 border border-gray-200 rounded-lg">
{{ $venues->appends(request()->query())->links() }}
</div> </div>
</div> </div>
</form> @endif
</div>
<!-- Venue Grid --> <!-- Delete Venue Confirmation Modal -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div id="deleteVenueModal" tabindex="-1" aria-hidden="true"
@forelse($venues as $venue) class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full bg-gray-900 bg-opacity-50">
<div class="bg-white rounded-lg shadow overflow-hidden"> <div class="relative w-full h-full max-w-md md:h-auto mx-auto flex items-center justify-center min-h-screen">
<div class="relative"> <div class="relative bg-white rounded-lg shadow-xl max-w-md w-full">
@php <div class="flex items-center justify-between p-5 border-b border-gray-200">
// Tentukan path gambar yang akan ditampilkan <h3 class="text-xl font-semibold text-gray-900">
$imagePath = null; Konfirmasi Hapus
</h3>
if ($venue->image) { <button type="button" onclick="closeDeleteModal()"
// Cek apakah file gambar ada di storage class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center transition-colors duration-200">
if (Storage::disk('public')->exists($venue->image)) { <i class="fas fa-times w-5 h-5"></i>
$imagePath = asset('storage/' . $venue->image);
}
// Cek apakah file gambar ada di public folder
elseif (file_exists(public_path($venue->image))) {
$imagePath = asset($venue->image);
}
// Cek jika path sudah lengkap dengan storage/
elseif (file_exists(public_path('storage/' . $venue->image))) {
$imagePath = asset('storage/' . $venue->image);
}
}
// Fallback ke placeholder jika gambar tidak ditemukan
if (!$imagePath) {
$imagePath = asset('images/venue-placeholder.jpg');
}
@endphp
<img src="{{ $imagePath }}" alt="{{ $venue->name }}" class="w-full h-48 object-cover"
onerror="this.src='{{ asset('images/venue-placeholder.jpg') }}'; this.onerror=null;">
<div class="absolute top-3 right-3 flex gap-2">
<a href="{{ route('superadmin.venue.edit', $venue->id) }}"
class="p-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200">
<i class="fas fa-edit"></i>
</a>
<button type="button" onclick="confirmDelete({{ $venue->id }})"
class="p-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200">
<i class="fas fa-trash-alt"></i>
</button> </button>
</div> </div>
</div> <div class="p-6 text-center">
<div class="p-5"> <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-red-100 mb-4">
<h3 class="text-xl font-semibold text-gray-900 mb-2">{{ $venue->name }}</h3> <i class="fas fa-exclamation-triangle text-red-600 text-xl"></i>
<div class="flex items-center mb-2">
<i class="fas fa-map-marker-alt text-gray-500 mr-2"></i>
<span class="text-gray-600 truncate" title="{{ $venue->address }}">{{ $venue->address }}</span>
</div>
<div class="flex items-center mb-2">
<i class="fas fa-phone text-gray-500 mr-2"></i>
<span class="text-gray-600">{{ $venue->phone }}</span>
</div>
<div class="flex items-center mb-2">
<i class="fas fa-clock text-gray-500 mr-2"></i>
<span class="text-gray-600">
{{ $venue->open_time ?? '00:00' }} - {{ $venue->close_time ?? '23:59' }}
</span>
</div>
<div class="flex items-center mb-4">
<i class="fas fa-circle {{ $venue->status == 'active' ? 'text-green-500' : 'text-red-500' }} mr-2"></i>
<span class="text-sm font-medium {{ $venue->status == 'active' ? 'text-green-700' : 'text-red-700' }}">
{{ $venue->status == 'active' ? 'Aktif' : 'Tidak Aktif' }}
</span>
</div>
@if($venue->description)
<div class="mb-4">
<p class="text-gray-600 text-sm line-clamp-2">{{ Str::limit($venue->description, 100) }}</p>
</div> </div>
@endif <h3 class="mb-2 text-lg font-semibold text-gray-900">Hapus Venue</h3>
<p class="mb-6 text-sm text-gray-500">
<div class="border-t pt-4"> Apakah Anda yakin ingin menghapus venue ini? Semua data terkait dengan venue ini akan ikut
<div class="flex justify-between items-center"> terhapus
<div class="text-sm text-gray-500"> dan tidak dapat dikembalikan.
<span class="font-medium">{{ $venue->created_at->format('d M Y') }}</span> </p>
<form id="deleteVenueForm" method="POST" action="" class="space-y-4">
@csrf
@method('DELETE')
<div class="flex justify-center space-x-3">
<button type="submit"
class="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 transition-colors duration-200">
Ya, Hapus
</button>
<button type="button" onclick="closeDeleteModal()"
class="px-4 py-2 bg-white text-gray-700 text-sm font-medium rounded-lg border border-gray-300 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500 transition-colors duration-200">
Batal
</button>
</div> </div>
<a href="{{ route('superadmin.venue.edit', $venue->id) }}" </form>
class="text-green-600 hover:text-green-800 flex items-center text-sm transition-colors duration-200">
Detail
<i class="fas fa-arrow-right ml-1"></i>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@empty
<div class="col-span-3 bg-white rounded-lg shadow p-8 text-center">
<div class="max-w-sm mx-auto">
<i class="fas fa-building text-gray-300 text-6xl mb-4"></i>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Belum ada venue</h3>
<p class="text-gray-500 mb-6">Mulai tambahkan venue baru untuk mengelola bisnis Anda dengan lebih baik</p>
<a href="{{ route('superadmin.venue.create') }}"
class="px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 inline-flex items-center transition-colors duration-200">
<i class="fas fa-plus mr-2"></i>
Tambah Venue Pertama
</a>
</div>
</div>
@endforelse
</div>
<!-- Pagination -->
@if($venues->hasPages())
<div class="mt-8">
<div class="bg-white px-4 py-3 border border-gray-200 rounded-lg">
{{ $venues->appends(request()->query())->links() }}
</div>
</div>
@endif
<!-- Delete Venue Confirmation Modal -->
<div id="deleteVenueModal" tabindex="-1" aria-hidden="true"
class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full bg-gray-900 bg-opacity-50">
<div class="relative w-full h-full max-w-md md:h-auto mx-auto flex items-center justify-center min-h-screen">
<div class="relative bg-white rounded-lg shadow-xl max-w-md w-full">
<div class="flex items-center justify-between p-5 border-b border-gray-200">
<h3 class="text-xl font-semibold text-gray-900">
Konfirmasi Hapus
</h3>
<button type="button" onclick="closeDeleteModal()"
class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center transition-colors duration-200">
<i class="fas fa-times w-5 h-5"></i>
</button>
</div>
<div class="p-6 text-center">
<div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-red-100 mb-4">
<i class="fas fa-exclamation-triangle text-red-600 text-xl"></i>
</div>
<h3 class="mb-2 text-lg font-semibold text-gray-900">Hapus Venue</h3>
<p class="mb-6 text-sm text-gray-500">
Apakah Anda yakin ingin menghapus venue ini? Semua data terkait dengan venue ini akan ikut terhapus
dan tidak dapat dikembalikan.
</p>
<form id="deleteVenueForm" method="POST" action="" class="space-y-4">
@csrf
@method('DELETE')
<div class="flex justify-center space-x-3">
<button type="submit"
class="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 transition-colors duration-200">
Ya, Hapus
</button>
<button type="button" onclick="closeDeleteModal()"
class="px-4 py-2 bg-white text-gray-700 text-sm font-medium rounded-lg border border-gray-300 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500 transition-colors duration-200">
Batal
</button>
</div>
</form>
</div>
</div>
</div> </div>
</div> </div>