@extends('layouts.dashboard')
@section('title', __('Support Tickets'))
@section('page_title', __('Support Tickets'))

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <h5 class="mb-0">{{ __('Support Tickets') }} <span class="badge bg-warning">{{ $openCount }} {{ __('open') }}</span></h5>
        <form action="{{ route('admin.tickets.index') }}" method="GET" class="d-flex gap-2">
            <input type="text" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="{{ __('Ticket, subject, name…') }}" style="min-width:200px;">
            <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
                <option value="">{{ __('All statuses') }}</option>
                @foreach(\App\Models\SupportTicket::STATUSES as $s)<option value="{{ $s }}" @selected(request('status') === $s)>{{ status_label($s) }}</option>@endforeach
            </select>
            <button class="btn btn-sm btn-primary">{{ __('Filter') }}</button>
        </form>
    </div>

    <div class="card shadow-sm">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light"><tr><th>{{ __('Ticket') }}</th><th>{{ __('Student') }}</th><th>{{ __('Subject') }}</th><th>{{ __('Status') }}</th><th>{{ __('Updated') }}</th></tr></thead>
                <tbody>
                    @forelse($tickets as $ticket)
                        <tr>
                            <td class="font-monospace small"><a href="{{ route('admin.tickets.show', $ticket) }}">{{ $ticket->ticket_no }}</a></td>
                            <td class="small">{{ $ticket->user->name ?? '—' }}<div class="text-muted">{{ $ticket->user->email ?? '' }}</div></td>
                            <td><a href="{{ route('admin.tickets.show', $ticket) }}" class="text-decoration-none text-dark fw-semibold">{{ \Illuminate\Support\Str::limit($ticket->subject, 50) }}</a><div class="small text-muted">{{ status_label($ticket->category) }} · {{ status_label($ticket->priority) }} · {{ $ticket->replies_count }} {{ __('replies') }}</div></td>
                            <td><span class="badge bg-{{ ['open' => 'warning', 'pending' => 'info', 'resolved' => 'success', 'closed' => 'secondary'][$ticket->status] ?? 'secondary' }}">{{ status_label($ticket->status) }}</span></td>
                            <td class="small text-muted">{{ optional($ticket->last_reply_at)->diffForHumans() }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-5"><i class="bi bi-life-preserver fs-2 d-block mb-2"></i>{{ __('No tickets found.') }}</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="mt-3">{{ $tickets->links() }}</div>
@endsection