@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <h4 class="mb-4">Buat Pemesanan</h4>

    <a href="{{ route('user.orders.index') }}" class="btn btn-outline-secondary btn-sm mb-3">
        <i class="bi bi-arrow-left"></i> Kembali
    </a>

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

        <div class="mb-3">
            <label for="service_id" class="form-label">Layanan</label>
            <select class="form-select" id="service_id" name="service_id" required>
                <option value="">Pilih Layanan</option>
                @foreach($services as $service)
                    <option value="{{ $service->id }}">{{ $service->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="schedule" class="form-label">Jadwal</label>
            <input type="date" class="form-control" id="schedule" name="schedule" required min="{{ date('Y-m-d') }}">
        </div>

        <div class="mb-3">
            <label for="address" class="form-label">Alamat Lengkap</label>
            <textarea class="form-control" id="address" name="address" rows="3" required>{{ old('address') }}</textarea>
        </div>

        <button type="submit" class="btn btn-primary">Kirim Pemesanan</button>
    </form>
</div>
@endsection