@extends('layouts.account')
@section('title','My bookings — BeatBook')
@section('account-content')
<div class="page-heading"><div><div class="eyebrow">Your account</div><h1>Bookings</h1><p>Your confirmed and pending events in one place.</p></div></div>
<div class="panel table-panel"><div class="responsive-table"><table><thead><tr><th>DJ</th><th>Event date</th><th>Total</th><th>Deposit</th><th>Payment</th><th>Status</th></tr></thead><tbody>
@forelse($bookings as $item)<tr><td><strong>{{ $item->djProfile?->stage_name ?? 'DJ' }}</strong></td><td>{{ optional($item->event_date)->format('j M Y') }}</td><td>£{{ number_format((float)$item->total,2) }}</td><td>£{{ number_format((float)$item->deposit,2) }}</td><td>{{ $item->paid_at ? 'Paid' : 'Outstanding' }}</td><td><span class="status-pill">{{ ucfirst($item->status) }}</span></td></tr>@empty<tr><td colspan="6"><div class="empty-state">No bookings yet.</div></td></tr>@endforelse
</tbody></table></div></div>{{ $bookings->links() }}
@endsection