75 lines
3.1 KiB
PHP
75 lines
3.1 KiB
PHP
@extends('layouts.main')
|
|
|
|
@section('content')
|
|
<style>
|
|
/* CSS untuk rating bintang */
|
|
.rating {
|
|
display: inline-block;
|
|
direction: rtl; /* Bintang dari kanan ke kiri */
|
|
}
|
|
.rating input {
|
|
display: none;
|
|
}
|
|
.rating label {
|
|
font-size: 2.5rem;
|
|
color: #ddd;
|
|
cursor: pointer;
|
|
padding: 0 0.1em;
|
|
}
|
|
.rating input:checked ~ label,
|
|
.rating label:hover,
|
|
.rating label:hover ~ label {
|
|
color: #f5b301;
|
|
}
|
|
</style>
|
|
|
|
<div class="min-h-screen container mx-auto px-4 py-8">
|
|
<div class="max-w-2xl mx-auto bg-white rounded-lg shadow-md p-8">
|
|
<h1 class="text-2xl font-bold text-gray-800 mb-2">Beri Ulasan Anda</h1>
|
|
<p class="text-gray-600 mb-6">
|
|
Untuk booking di **{{ $booking->table->venue->name }}** pada tanggal **{{ $booking->start_time->format('d M Y') }}**.
|
|
</p>
|
|
|
|
@if ($errors->any())
|
|
<div class="mb-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg">
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<form action="{{ route('reviews.store') }}" method="POST">
|
|
@csrf
|
|
<input type="hidden" name="booking_id" value="{{ $booking->id }}">
|
|
|
|
<div class="mb-6">
|
|
<label class="block text-sm font-medium text-gray-700 mb-2">Rating Anda *</label>
|
|
<div class="rating">
|
|
<input type="radio" id="star5" name="rating" value="5" required /><label for="star5">★</label>
|
|
<input type="radio" id="star4" name="rating" value="4" /><label for="star4">★</label>
|
|
<input type="radio" id="star3" name="rating" value="3" /><label for="star3">★</label>
|
|
<input type="radio" id="star2" name="rating" value="2" /><label for="star2">★</label>
|
|
<input type="radio" id="star1" name="rating" value="1" /><label for="star1">★</label>
|
|
</div>
|
|
@error('rating') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="mb-6">
|
|
<label for="comment" class="block text-sm font-medium text-gray-700 mb-2">Ulasan Anda *</label>
|
|
<textarea name="comment" id="comment" rows="5"
|
|
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
|
|
placeholder="Bagaimana pengalaman Anda di venue ini? Ceritakan di sini...">{{ old('comment') }}</textarea>
|
|
@error('comment') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="flex justify-end">
|
|
<button type="submit" class="px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors">
|
|
Kirim Ulasan
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@endsection |