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

INI DIAAAAAAAAAAAAA, RESCHEDULE

This commit is contained in:
Stephen Gesityan 2025-05-15 07:28:17 +07:00
parent 39f984a3e5
commit 19423cac45
2 changed files with 205 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

211
app/Http/Controllers/pages/BookingController.php
View File

@ -482,132 +482,117 @@ public function deletePendingBooking($id)
} }
public function showReschedule($id) public function showReschedule($id)
{ {
$booking = Booking::with(['table.venue', 'table.venue.tables'])->findOrFail($id); $booking = Booking::with(['table.venue', 'table.venue.tables'])->findOrFail($id);
// Check if user owns this booking // Check if user owns this booking
if ($booking->user_id !== auth()->id()) { if ($booking->user_id !== auth()->id()) {
return redirect()->route('booking.history')->with('error', 'Anda tidak memiliki akses ke booking ini.'); return redirect()->route('booking.history')->with('error', 'Anda tidak memiliki akses ke booking ini.');
}
// Check if booking is upcoming
if ($booking->start_time <= now() || $booking->status !== 'paid') {
return redirect()->route('booking.history')->with('error', 'Booking ini tidak dapat di-reschedule.');
}
// Check if it's within the time limit (at least 1 hour before start)
$rescheduleDeadline = Carbon::parse($booking->start_time)->subHour();
if (now() > $rescheduleDeadline) {
return redirect()->route('booking.history')->with('error', 'Batas waktu reschedule telah berakhir (1 jam sebelum mulai).');
}
// Get venue and tables data
$venue = $booking->table->venue;
// Duration in hours
$duration = Carbon::parse($booking->start_time)->diffInHours($booking->end_time);
return view('pages.reschedule', compact('booking', 'venue', 'duration'));
} }
// Check if booking is upcoming and paid /**
if ($booking->start_time <= now() || $booking->status !== 'paid') { * Process a reschedule request.
return redirect()->route('booking.history')->with('error', 'Booking ini tidak dapat di-reschedule.'); */
} public function processReschedule(Request $request, $id)
{
$request->validate([
'table_id' => 'required|exists:tables,id',
'start_time' => 'required|date_format:Y-m-d H:i:s',
'end_time' => 'required|date_format:Y-m-d H:i:s|after:start_time',
]);
// Check if already rescheduled $booking = Booking::findOrFail($id);
if ($booking->has_rescheduled) {
return redirect()->route('booking.history')->with('error', 'Booking ini sudah pernah di-reschedule sebelumnya.');
}
// Check if it's within the time limit (at least 1 hour before start) // Perform validation
$rescheduleDeadline = Carbon::parse($booking->start_time)->subHour(); if ($booking->user_id !== auth()->id() ||
if (now() > $rescheduleDeadline) { $booking->start_time <= now() ||
return redirect()->route('booking.history')->with('error', 'Batas waktu reschedule telah berakhir (1 jam sebelum mulai).'); $booking->status !== 'paid' ||
} now() > Carbon::parse($booking->start_time)->subHour()) {
return response()->json([
'success' => false,
'message' => 'Booking ini tidak dapat di-reschedule.'
], 422);
}
// Get venue and tables data // Check if the selected time is available (exclude current booking when checking conflicts)
$venue = $booking->table->venue; $existingBookings = Booking::where('table_id', $request->table_id)
->where('id', '!=', $booking->id)
->where('status', 'paid')
->where(function ($query) use ($request) {
$query->where(function ($q) use ($request) {
$q->where('start_time', '<', $request->end_time)
->where('end_time', '>', $request->start_time);
});
})->count();
// Duration in hours if ($existingBookings > 0) {
$duration = Carbon::parse($booking->start_time)->diffInHours($booking->end_time); return response()->json([
'success' => false,
'message' => 'Jam yang dipilih sudah dibooking oleh orang lain.'
], 422);
}
return view('pages.reschedule', compact('booking', 'venue', 'duration')); // Update the booking with new schedule
} $booking->start_time = $request->start_time;
$booking->end_time = $request->end_time;
$booking->table_id = $request->table_id;
$booking->save();
/**
* Process a reschedule request.
*/
public function processReschedule(Request $request, $id)
{
$request->validate([
'table_id' => 'required|exists:tables,id',
'start_time' => 'required|date_format:Y-m-d H:i:s',
'end_time' => 'required|date_format:Y-m-d H:i:s|after:start_time',
]);
$booking = Booking::findOrFail($id);
// Perform the same validation as in showReschedule
if ($booking->user_id !== auth()->id() ||
$booking->start_time <= now() ||
$booking->status !== 'paid' ||
$booking->has_rescheduled ||
now() > Carbon::parse($booking->start_time)->subHour()) {
return response()->json([ return response()->json([
'success' => false, 'success' => true,
'message' => 'Booking ini tidak dapat di-reschedule.' 'message' => 'Booking berhasil di-reschedule.',
], 422); 'redirect' => route('booking.history')
]);
} }
// Check if the selected time is available (except for this booking) /**
$existingBookings = Booking::where('table_id', $request->table_id) * Check availability for reschedule.
->where('id', '!=', $booking->id) */
->where('status', 'paid') public function checkRescheduleAvailability(Request $request)
->where(function ($query) use ($request) { {
$query->where(function ($q) use ($request) { $request->validate([
$q->where('start_time', '<', $request->end_time) 'table_id' => 'required|exists:tables,id',
->where('end_time', '>', $request->start_time); 'date' => 'required|date_format:Y-m-d',
'booking_id' => 'required|exists:bookings,id'
]);
$date = $request->date;
$tableId = $request->table_id;
$bookingId = $request->booking_id;
// Get all bookings for this table on this date (excluding the current booking)
$bookings = Booking::where('table_id', $tableId)
->where('id', '!=', $bookingId)
->where('status', 'paid')
->whereDate('start_time', $date)
->get(['start_time', 'end_time'])
->map(function ($booking) {
return [
'start' => Carbon::parse($booking->start_time)->format('H:i'),
'end' => Carbon::parse($booking->end_time)->format('H:i'),
];
}); });
})->count();
if ($existingBookings > 0) { return response()->json($bookings);
return response()->json([
'success' => false,
'message' => 'Jam yang dipilih sudah dibooking oleh orang lain.'
], 422);
} }
// Store original booking details
$originalStartTime = $booking->start_time;
$originalEndTime = $booking->end_time;
$originalTableId = $booking->table_id;
// Update the booking
$booking->original_start_time = $originalStartTime;
$booking->original_end_time = $originalEndTime;
$booking->original_table_id = $originalTableId;
$booking->start_time = $request->start_time;
$booking->end_time = $request->end_time;
$booking->table_id = $request->table_id;
$booking->has_rescheduled = true;
$booking->save();
return response()->json([
'success' => true,
'message' => 'Booking berhasil di-reschedule.',
'redirect' => route('booking.history')
]);
}
/**
* Check availability for reschedule.
*/
public function checkRescheduleAvailability(Request $request)
{
$request->validate([
'table_id' => 'required|exists:tables,id',
'date' => 'required|date_format:Y-m-d',
'booking_id' => 'required|exists:bookings,id'
]);
$date = $request->date;
$tableId = $request->table_id;
$bookingId = $request->booking_id;
// Get all bookings for this table on this date (excluding the current booking)
$bookings = Booking::where('table_id', $tableId)
->where('id', '!=', $bookingId)
->where('status', 'paid')
->whereDate('start_time', $date)
->get(['start_time', 'end_time'])
->map(function ($booking) {
return [
'start' => Carbon::parse($booking->start_time)->format('H:i'),
'end' => Carbon::parse($booking->end_time)->format('H:i'),
];
});
return response()->json($bookings);
}
} }

170
resources/views/pages/reschedule.blade.php
View File

@ -26,83 +26,81 @@
<p class="font-medium">{{ $duration }} Jam</p> <p class="font-medium">{{ $duration }} Jam</p>
</div> </div>
</div> </div>
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-6">
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-6"> <div class="flex items-start">
<div class="flex items-start"> <div class="mr-3 text-yellow-500">
<div class="mr-3 text-yellow-500"> <i class="fa-solid fa-exclamation-circle text-xl"></i>
<i class="fa-solid fa-exclamation-circle text-xl"></i>
</div>
<div>
<h3 class="font-semibold text-yellow-700">Perhatian</h3>
<p class="text-yellow-700 text-sm">
• Reschedule hanya dapat dilakukan 1x untuk setiap booking<br>
• Batas waktu reschedule adalah 1 jam sebelum jadwal booking<br>
• Durasi booking akan tetap sama ({{ $duration }} jam)
</p>
</div>
</div> </div>
</div>
</div>
<div x-data="rescheduleForm" class="bg-white rounded-lg shadow-md p-6">
<h2 class="text-lg font-semibold mb-4">Pilih Jadwal Baru</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Tanggal:</label> <h3 class="font-semibold text-yellow-700">Perhatian</h3>
<input type="date" x-model="selectedDate" class="w-full border p-2 rounded-lg" <p class="text-yellow-700 text-sm">
:min="today" @change="dateChanged"> • Reschedule dapat dilakukan selama minimal 1 jam sebelum jadwal booking<br>
</div> • Durasi booking akan tetap sama ({{ $duration }} jam)<br>
• Setelah reschedule, jadwal lama akan digantikan dengan jadwal baru
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Meja:</label>
<select x-model="selectedTableId" class="w-full border p-2 rounded-lg" @change="tableChanged">
<option value="">-- Pilih Meja --</option>
<template x-for="table in tables" :key="table.id">
<option :value="table.id" x-text="table.name + ' (' + table.brand + ')'"></option>
</template>
</select>
</div>
</div>
<div class="mt-6" x-show="selectedDate && selectedTableId">
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Jam Mulai:</label>
<div class="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-2">
<template x-for="hour in availableHours" :key="hour">
<button
class="py-2 px-1 rounded-lg text-sm font-medium transition duration-150"
:class="isTimeSlotAvailable(hour) ?
(selectedStartHour === hour ? 'bg-blue-500 text-white' : 'bg-gray-100 hover:bg-gray-200 text-gray-800') :
'bg-gray-200 text-gray-400 cursor-not-allowed opacity-70'"
:disabled="!isTimeSlotAvailable(hour)"
@click="selectStartHour(hour)"
x-text="hour + ':00'">
</button>
</template>
</div>
<div class="mt-4" x-show="selectedStartHour">
<p class="text-sm text-gray-700 mb-2">
Jadwal reschedule: <span class="font-medium" x-text="formattedSchedule"></span>
</p> </p>
</div> </div>
</div> </div>
<div class="mt-8 flex justify-end">
<a href="{{ route('booking.history') }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-lg mr-3">
Batal
</a>
<button @click="submitReschedule"
:disabled="!canSubmit || isSubmitting"
:class="canSubmit ? 'bg-green-500 hover:bg-green-600' : 'bg-green-300 cursor-not-allowed'"
class="text-white px-4 py-2 rounded-lg">
<span x-show="!isSubmitting">Konfirmasi Reschedule</span>
<span x-show="isSubmitting">Memproses...</span>
</button>
</div>
</div> </div>
</div> </div>
<div x-data="rescheduleForm" class="bg-white rounded-lg shadow-md p-6">
<h2 class="text-lg font-semibold mb-4">Pilih Jadwal Baru</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Tanggal:</label>
<input type="date" x-model="selectedDate" class="w-full border p-2 rounded-lg"
:min="today" @change="dateChanged">
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Meja:</label>
<select x-model="selectedTableId" class="w-full border p-2 rounded-lg" @change="tableChanged">
<option value="">-- Pilih Meja --</option>
<template x-for="table in tables" :key="table.id">
<option :value="table.id" x-text="table.name + ' (' + table.brand + ')'"></option>
</template>
</select>
</div>
</div>
<div class="mt-6" x-show="selectedDate && selectedTableId">
<label class="block text-sm font-medium text-gray-700 mb-1">Pilih Jam Mulai:</label>
<div class="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-2">
<template x-for="hour in availableHours" :key="hour">
<button
class="py-2 px-1 rounded-lg text-sm font-medium transition duration-150"
:class="isTimeSlotAvailable(hour) ?
(selectedStartHour === hour ? 'bg-blue-500 text-white' : 'bg-gray-100 hover:bg-gray-200 text-gray-800') :
'bg-gray-200 text-gray-400 cursor-not-allowed opacity-70'"
:disabled="!isTimeSlotAvailable(hour)"
@click="selectStartHour(hour)"
x-text="hour + ':00'">
</button>
</template>
</div>
<div class="mt-4" x-show="selectedStartHour">
<p class="text-sm text-gray-700 mb-2">
Jadwal reschedule: <span class="font-medium" x-text="formattedSchedule"></span>
</p>
</div>
</div>
<div class="mt-8 flex justify-end">
<a href="{{ route('booking.history') }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-lg mr-3">
Batal
</a>
<button @click="submitReschedule"
:disabled="!canSubmit || isSubmitting"
:class="canSubmit ? 'bg-green-500 hover:bg-green-600' : 'bg-green-300 cursor-not-allowed'"
class="text-white px-4 py-2 rounded-lg">
<span x-show="!isSubmitting">Konfirmasi Reschedule</span>
<span x-show="isSubmitting">Memproses...</span>
</button>
</div>
</div>
</div>
<script> <script>
document.addEventListener('alpine:init', () => { document.addEventListener('alpine:init', () => {
Alpine.data('rescheduleForm', () => ({ Alpine.data('rescheduleForm', () => ({
@ -110,6 +108,8 @@ class="text-white px-4 py-2 rounded-lg">
bookingId: {{ $booking->id }}, bookingId: {{ $booking->id }},
bookingDuration: {{ $duration }}, bookingDuration: {{ $duration }},
originalTableId: {{ $booking->table_id }}, originalTableId: {{ $booking->table_id }},
originalStartTime: "{{ \Carbon\Carbon::parse($booking->start_time)->format('H:i') }}",
originalDate: "{{ \Carbon\Carbon::parse($booking->start_time)->format('Y-m-d') }}",
selectedDate: '', selectedDate: '',
selectedTableId: '', selectedTableId: '',
selectedStartHour: null, selectedStartHour: null,
@ -124,9 +124,9 @@ class="text-white px-4 py-2 rounded-lg">
const month = String(today.getMonth() + 1).padStart(2, '0'); const month = String(today.getMonth() + 1).padStart(2, '0');
const day = String(today.getDate()).padStart(2, '0'); const day = String(today.getDate()).padStart(2, '0');
this.today = `${year}-${month}-${day}`; this.today = `${year}-${month}-${day}`;
this.selectedDate = this.today;
// Set original table as default // Set original date and table as default
this.selectedDate = this.originalDate;
this.selectedTableId = this.originalTableId; this.selectedTableId = this.originalTableId;
// Load schedules for today and selected table // Load schedules for today and selected table
@ -134,7 +134,13 @@ class="text-white px-4 py-2 rounded-lg">
}, },
get canSubmit() { get canSubmit() {
return this.selectedDate && this.selectedTableId && this.selectedStartHour !== null; return this.selectedDate &&
this.selectedTableId &&
this.selectedStartHour !== null &&
// Prevent submitting if nothing changed
(this.selectedDate !== this.originalDate ||
this.selectedTableId != this.originalTableId ||
this.selectedStartHour !== this.originalStartTime.split(':')[0]);
}, },
get formattedSchedule() { get formattedSchedule() {
@ -161,9 +167,20 @@ class="text-white px-4 py-2 rounded-lg">
try { try {
const response = await fetch(`/booking/reschedule/check-availability?table_id=${this.selectedTableId}&date=${this.selectedDate}&booking_id=${this.bookingId}`); const response = await fetch(`/booking/reschedule/check-availability?table_id=${this.selectedTableId}&date=${this.selectedDate}&booking_id=${this.bookingId}`);
if (!response.ok) {
throw new Error('Network response was not ok');
}
this.bookedSchedules = await response.json(); this.bookedSchedules = await response.json();
// If today is the original booking date and table is the original table,
// pre-select the original start hour
if (this.selectedDate === this.originalDate &&
parseInt(this.selectedTableId) === parseInt(this.originalTableId)) {
this.selectedStartHour = this.originalStartTime.split(':')[0];
}
} catch (error) { } catch (error) {
console.error('Error checking booked schedules:', error); console.error('Error checking booked schedules:', error);
alert('Terjadi kesalahan saat memeriksa jadwal. Silakan coba lagi.');
} }
}, },
@ -174,6 +191,15 @@ class="text-white px-4 py-2 rounded-lg">
// Check if slot end time exceeds midnight // Check if slot end time exceeds midnight
if (endHourInt > 24) return false; if (endHourInt > 24) return false;
// Check if this is the original booking's time slot (should be allowed)
const isOriginalTimeSlot = this.selectedDate === this.originalDate &&
parseInt(this.selectedTableId) === parseInt(this.originalTableId) &&
hour === this.originalStartTime.split(':')[0];
if (isOriginalTimeSlot) {
return true;
}
// Check if any existing booking overlaps with this slot // Check if any existing booking overlaps with this slot
return !this.bookedSchedules.some(schedule => { return !this.bookedSchedules.some(schedule => {
const scheduleStart = parseInt(schedule.start.split(':')[0]); const scheduleStart = parseInt(schedule.start.split(':')[0]);