{{-- Page Header --}}

Buat Booking

{{-- Validation Errors --}} @if ($errors->any())
Terdapat kesalahan:
    @foreach ($errors->all() as $error)
  • {{ $error }}
    • @endforeach
@endif
@csrf
{{-- KOLOM KIRI --}}
{{-- Step 1: Pilih Paket --}}
1
Pilih Paket Layanan
@foreach ($services as $service) @php $colors = [ 'basic' => ['border'=>'#4FC3F7','bg'=>'#E1F5FE','icon'=>'fa-droplet', 'label'=>'Basic'], 'premium' => ['border'=>'#66BB6A','bg'=>'#E8F5E9','icon'=>'fa-star', 'label'=>'Premium'], 'express' => ['border'=>'#FFA726','bg'=>'#FFF3E0','icon'=>'fa-bolt', 'label'=>'Express'], ]; $c = $colors[$service->category] ?? $colors['basic']; @endphp
id) == $service->id) ? 'checked' : '' }} required>
@endforeach
{{-- Step 2: Pilih Tanggal & Jam --}}
2
Pilih Tanggal & Jam
@error('schedule_id')
{{ $message }}
@enderror
Mengecek slot...
Tidak ada slot tersedia.
{{-- Step 3: Data Kendaraan --}}
3
Data Kendaraan
@error('vehicle_type')
{{ $message }}
@enderror
@error('vehicle_plate')
{{ $message }}
@enderror
{{-- Step 4: Pilih Detailer (Opsional) --}}
4
Pilih Petugas Cuci
Opsional

Pilih petugas cuci langganan Anda (opsional). Jika tidak dipilih, akan ditentukan oleh sistem.

{{-- Container detailer cards (diisi via AJAX) --}}
{{-- Placeholder awal: hanya opsi "Tentukan Sistem" --}}
{{-- Hint sebelum jadwal dipilih --}}
Pilih jadwal terlebih dahulu untuk melihat ketersediaan petugas.
{{-- Loading state --}}
Memuat daftar petugas...
{{-- /col-lg-8 --}} {{-- KOLOM KANAN: Ringkasan --}}
Ringkasan Booking
Pilih paket dan jadwal
untuk melihat ringkasan
Paket —
Durasi —
Tanggal —
Jam —
Total Pembayaran Rp 0

Pembayaran aman via QRIS / e-wallet setelah booking dikonfirmasi.

Lengkapi paket & jadwal terlebih dahulu
{{-- /col-lg-4 --}}
{{-- /row --}}
@php $servicesData = $services->map(function ($s) { return [ 'id' => $s->id, 'name' => $s->name, 'price' => $s->price, 'formatted_price' => $s->formatted_price, 'formatted_duration' => $s->formatted_duration, ]; })->values()->toJson(); $checkSlotUrl = route('customer.booking.check-slot'); $checkDetailerUrl = route('customer.booking.check-detailer'); @endphp