{{-- resources/views/admin/tickets/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title','Support Tickets')
@section('page-title','Support Tickets')

@section('admin-content')

<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr>
                <th>#</th><th>Subject</th><th>Client</th><th>Priority</th>
                <th>Status</th><th>Category</th><th>Opened</th><th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($tickets as $t)
            <tr>
                <td style="font-size:0.75rem;color:#9ca3af;">{{ $t->id }}</td>
                <td>
                    <a href="{{ route('admin.tickets.show',$t) }}" style="font-size:0.82rem;font-weight:600;color:#0f0f14;text-decoration:none;">
                        {{ Str::limit($t->subject,40) }}
                    </a>
                </td>
                <td style="font-size:0.78rem;color:#6b7280;">{{ $t->client->display_name }}</td>
                <td>
                    <span class="pill" style="font-size:0.62rem;{{ $t->priority_badge }}">{{ ucfirst($t->priority) }}</span>
                </td>
                <td>
                    <span class="pill" style="background:{{ $t->status_color }}18;color:{{ $t->status_color }};font-size:0.62rem;">
                        {{ ucfirst($t->status) }}
                    </span>
                </td>
                <td style="font-size:0.72rem;color:#9ca3af;">{{ ucfirst($t->category ?? '—') }}</td>
                <td style="font-size:0.72rem;color:#9ca3af;white-space:nowrap;">{{ $t->created_at->diffForHumans() }}</td>
                <td>
                    <a href="{{ route('admin.tickets.show',$t) }}" class="btn btn-outline btn-sm">Reply</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="8" style="text-align:center;padding:3rem;color:#9ca3af;">No tickets yet. 🎉</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($tickets->hasPages())
<div style="margin-top:1rem;">{{ $tickets->links() }}</div>
@endif

@endsection