@extends('restaurant.layouts.panel')

@section('title', 'Notifications')

@section('content')
    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Message</th>
                    <th>Received</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($notifications as $notification)
                    <tr class="{{ $notification->read_at ? '' : 'fw-semibold' }}">
                        <td>{{ $notification->data['message'] ?? 'Notification' }}</td>
                        <td>{{ $notification->created_at->diffForHumans() }}</td>
                        <td class="text-end">
                            @if (!empty($notification->data['order_id']))
                                <a href="{{ route('restaurant.notifications.read', $notification->id) }}" class="btn btn-sm btn-outline-primary">View Order</a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="text-center text-muted py-4">No notifications yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $notifications->links() }}</div>
@endsection