@extends('layouts.app')

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

        <h2 class="mb-4">📅 Reservasi Kamu</h2>

        <a href="{{ route('user.tables') }}" class="btn btn-danger mb-3">
            + Buat Reservasi Baru
        </a>

        <div class="card shadow-sm">
            <div class="card-body">

                @if($reservations->isEmpty())
                    <p class="text-muted">Belum ada reservasi.</p>
                @else
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Meja</th>
                                <th>Tanggal</th>
                                <th>Jam</th>
                                <th>Total</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($reservations as $r)
                                <tr>
                                    <td>Meja {{ $r->table->name }}</td>
                                    <td>{{ $r->reservation_date }}</td>
                                    <td>{{ $r->reservation_time }}</td>
                                    <td>Rp {{ number_format($r->total_price) }}</td>
                                    <td>{{ ucfirst($r->status) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif

            </div>
        </div>
    </div>
@endsection