📄 index.blade.php

<x-app-layout>
    <x-slot name="title">Support Tickets</x-slot>
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div class="flex items-center justify-between mb-6">
            <h1 class="section-title">My Support Tickets</h1>
            <a href="{{ route('support.create') }}" class="btn-primary">+ New Ticket</a>
        </div>
        @forelse($tickets as $ticket)
        <div class="card card-body mb-3 flex items-center justify-between">
            <div>
                <p class="font-medium text-gray-900">#{{ $ticket->id }} — {{ $ticket->subject }}</p>
                <p class="text-xs text-gray-400 mt-1">{{ $ticket->created_at->diffForHumans() }}</p>
            </div>
            <div class="flex items-center gap-3">
                <span class="badge {{ match($ticket->status) {'open'=>'badge-blue','resolved'=>'badge-green','closed'=>'badge-gray',default=>'badge-yellow'} }}">{{ ucfirst($ticket->status) }}</span>
                <a href="{{ route('support.show', $ticket) }}" class="btn-secondary btn-sm">View</a>
            </div>
        </div>
        @empty
        <div class="card card-body text-center py-12 text-gray-400">
            <p class="mb-4">No tickets yet.</p>
            <a href="{{ route('support.create') }}" class="btn-primary">Open a Ticket</a>
        </div>
        @endforelse
    </div>
</x-app-layout>