@extends('layouts.app')

@section('content')
<section class="car-detail"><div class="detail-media"><img src="{{ $car->image_url }}" alt="{{ $car->name }}"></div><div class="detail-copy"><a class="back-link" href="{{ route('home') }}">← Kembali ke armada</a><p class="eyebrow">{{ strtoupper($car->category) }}</p><h1>{{ $car->name }}</h1><p class="detail-price">Rp {{ number_format($car->daily_rate, 0, ',', '.') }} <small>/ hari</small></p><div class="detail-specs"><span>{{ $car->transmission }}</span><span>{{ $car->seats }} kursi</span>@foreach($car->features ?? [] as $feature)<span>{{ $feature }}</span>@endforeach</div>
    @if($errors->any())<div class="alert error">{{ $errors->first() }}</div>@endif
    <form class="booking-form" method="POST" action="{{ route('bookings.store') }}">@csrf<input type="hidden" name="car_id" value="{{ $car->id }}"><h2>Atur perjalanan Anda</h2><div class="form-grid"><label>Nama lengkap<input name="customer_name" value="{{ old('customer_name') }}" required></label><label>Nomor WhatsApp<input name="customer_phone" value="{{ old('customer_phone') }}" inputmode="tel" required></label><label>Email <small>(opsional)</small><input name="customer_email" value="{{ old('customer_email') }}" type="email"></label><label>Lokasi pengambilan<input name="pickup_location" value="{{ old('pickup_location') }}" required placeholder="Contoh: Bandara Soekarno-Hatta"></label><label>Tanggal mulai<input name="pickup_at" value="{{ old('pickup_at') }}" type="date" min="{{ now()->toDateString() }}" required></label><label>Tanggal kembali<input name="return_at" value="{{ old('return_at') }}" type="date" min="{{ now()->addDay()->toDateString() }}" required></label></div><label>Catatan <small>(opsional)</small><textarea name="notes" rows="3">{{ old('notes') }}</textarea></label><button class="button primary wide" type="submit">Lanjut ke pembayaran <span aria-hidden="true">→</span></button></form></div></section>
@endsection