{{--<x-app-layout>--}}

{{--    <h2>Tickets</h2>--}}
{{--    {{ $ticket->title }}--}}
{{--    Category: {{ $ticket->category }}--}}
{{--    Status: {{ $ticket->status }}--}}
{{--    Created on: {{ $ticket->created_at->diffForHumans() }}--}}



{{--</x-app-layout>--}}

<x-app-layout>

    <div class="max-w-2xl mx-auto p-6 bg-white shadow-md rounded-lg">
        <h2 class="text-2xl font-bold mb-4">Ticket</h2>
        <div class="space-y-4">
            <div class="text-lg font-semibold">{{ $ticket->title }}</div>
            <div class="text-gray-700">Category: <span class="font-medium">{{ucfirst($ticket->category)}}</span></div>
            <div class="text-gray-700">Status: <span class="font-medium">{{ucfirst($ticket->status)}}</span></div>
            <div class="text-gray-700">Created on: <span class="font-medium">{{ $ticket->created_at->diffForHumans() }}</span></div>
        </div>
    </div>

</x-app-layout>