@extends('layouts.app')

@section('content')
    <div class="container py-5">

        <h2 class="mb-4">📅 Buat Reservasi Baru - Meja {{ $table->name }}</h2>

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

            <input type="hidden" name="table_id" value="{{ $table->id }}">

            <div class="mb-3">
                <label class="form-label">Tanggal</label>
                <input type="date" name="reservation_date" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Jam</label>
                <input type="time" name="reservation_time" class="form-control" required>
            </div>

            <h5 class="mt-4">🍽️ Pilih Menu yang Dipesan</h5>

            @foreach($products as $p)
                <div class="d-flex justify-content-between border p-2 rounded mb-2">
                    <div>{{ $p->name }} (Rp {{ number_format($p->price) }})</div>
                    <input type="number" name="product[{{ $p->id }}]" min="0" value="0" style="width: 60px;">
                </div>
            @endforeach

            <button type="submit" class="btn btn-danger mt-4">
                Konfirmasi Reservasi
            </button>
        </form>

    </div>
@endsection