📄 show.blade.php

<x-app-layout>
    <x-slot name="title">Ticket #{{ $ticket->id }}</x-slot>
    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div class="mb-4"><a href="{{ route('support.index') }}" class="text-primary-600 text-sm">← My Tickets</a></div>
        <div class="card card-body mb-6">
            <div class="flex justify-between items-start">
                <div>
                    <h2 class="font-bold text-gray-900 text-lg">{{ $ticket->subject }}</h2>
                    <p class="text-sm text-gray-400 mt-1">Ticket #{{ $ticket->id }} · {{ $ticket->created_at->format('d M Y') }}</p>
                </div>
                <span class="badge {{ match($ticket->status) {'open'=>'badge-blue','resolved'=>'badge-green',default=>'badge-gray'} }}">{{ ucfirst($ticket->status) }}</span>
            </div>
            <div class="mt-4 text-sm text-gray-700 bg-gray-50 rounded-lg p-4">{{ $description }}</div>
        </div>
        {{-- Replies --}}
        <div class="space-y-4 mb-6">
            @foreach($ticket->messages ?? [] as $reply)
            <div class="card card-body {{ $reply->is_staff_reply ? 'border-l-4 border-primary-400' : '' }}">
                <div class="flex items-center gap-2 mb-2">
                    <span class="text-sm font-medium {{ $reply->is_staff_reply ? 'text-primary-700' : 'text-gray-900' }}">{{ $reply->is_staff_reply ? 'Support Team' : $reply->user->name }}</span>
                    <span class="text-xs text-gray-400">{{ $reply->created_at->diffForHumans() }}</span>
                </div>
                <p class="text-sm text-gray-700">{{ $reply->body }}</p>
            </div>
            @endforeach
        </div>
        @if($ticket->status !== 'closed')
        <form method="POST" action="{{ route('support.reply', $ticket) }}" class="card card-body space-y-3">
            @csrf
            <label class="label">Add Reply</label>
            <textarea name="message" rows="3" class="input" required></textarea>
            <button type="submit" class="btn-primary">Send Reply</button>
        </form>
        @endif
    </div>
</x-app-layout>