@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4>Beri Ulasan</h4>
        <a href="{{ route('user.reviews.index') }}" class="btn btn-secondary">Kembali</a>
    </div>

    <form action="{{ route('user.reviews.store') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label for="order_id" class="form-label">Pilih Pesanan</label>
            <select name="order_id" id="order_id" class="form-select @error('order_id') is-invalid @enderror" required>
                <option value="">-- Pilih Pesanan --</option>
                @foreach($orders as $order)
                    <option value="{{ $order->id }}" {{ old('order_id') == $order->id ? 'selected' : '' }}>
                        #ORDER{{ str_pad($order->id, 4, '0', STR_PAD_LEFT) }} - {{ $order->service->name ?? '-' }}
                    </option>
                @endforeach
            </select>
            @error('order_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="rating" class="form-label">Rating (1–5)</label>
            <select name="rating" id="rating" class="form-select @error('rating') is-invalid @enderror" required>
                <option value="">-- Pilih Rating --</option>
                @for($i = 1; $i <= 5; $i++)
                    <option value="{{ $i }}" {{ old('rating') == $i ? 'selected' : '' }}>
                        {{ $i }} Bintang
                    </option>
                @endfor
            </select>
            @error('rating')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="comment" class="form-label">Komentar</label>
            <textarea name="comment" id="comment" rows="4" class="form-control @error('comment') is-invalid @enderror" placeholder="Tulis komentar Anda...">{{ old('comment') }}</textarea>
            @error('comment')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="text-end">
            <button type="submit" class="btn btn-primary">
                <i class="ri-send-plane-line"></i> Kirim Ulasan
            </button>
        </div>
    </form>
</div>
@endsection