@extends('layouts.app', ['title' => 'Support Inbox — Rsync Studio'])
@section('content')
<section class="portal-header"><div><span class="eyebrow">Admin</span><h1>Support inbox</h1><p class="lead compact">Customer, licence, billing and privacy requests.</p></div></section>
<form method="get" class="filter-bar">
    <label for="status">Status</label>
    <select id="status" name="status" onchange="this.form.submit()">
        <option value="">All</option>
        @foreach(['new','open','waiting','resolved','closed'] as $status)<option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>@endforeach
    </select>
</form>
<div class="admin-ticket-list">
@forelse($tickets as $ticket)
    <a class="admin-ticket-row" href="{{ route('admin.support.show', $ticket) }}">
        <div><span class="ticket-ref">{{ $ticket->reference }}</span><strong>{{ $ticket->subject }}</strong><small>{{ $ticket->name }} · {{ $ticket->email }}</small></div>
        <span class="ticket-category">{{ ucfirst($ticket->category) }}</span>
        <span class="ticket-status status-{{ $ticket->status }}">{{ ucfirst($ticket->status) }}</span>
        <time>{{ $ticket->created_at->diffForHumans() }}</time>
    </a>
@empty
    <div class="empty-state"><h2>No support requests</h2><p>The support inbox is empty.</p></div>
@endforelse
</div>
{{ $tickets->links() }}
@endsection