@extends('layouts.nova.content-layout')

@section('page-content')
<div class="max-w-5xl">
    <h2 class="text-xl font-semibold text-white mb-4">Staff / Contact Submissions</h2>

    <div class="overflow-hidden rounded-lg border border-neutral-800 bg-nova-900 p-4">
        <table class="w-full table-auto text-left text-sm">
            <thead>
                <tr class="text-neutral-400">
                    <th class="py-2">When</th>
                    <th class="py-2">Topic</th>
                    <th class="py-2">Name</th>
                    <th class="py-2">Email</th>
                    <th class="py-2">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $i)
                <tr class="border-t border-neutral-800">
                    <td class="py-3 text-neutral-400">{{ $i->created_at->toDayDateTimeString() }}</td>
                    <td class="py-3">{{ ucfirst($i->topic) }}</td>
                    <td class="py-3">{{ $i->name }}</td>
                    <td class="py-3">{{ $i->email }}</td>
                    <td class="py-3"><a class="text-sky-400 hover:underline" href="{{ route('admin.applications.show', $i->id) }}">View</a></td>
                </tr>
                @empty
                <tr><td colspan="5" class="py-6 text-neutral-400">No submissions yet.</td></tr>
                @endforelse
            </tbody>
        </table>

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