|
| 1 | +<x-layout-three-columns> |
| 2 | + <x-slot name="title"> |
| 3 | + {{ $supportTicket->subject }} |
| 4 | + </x-slot> |
| 5 | + |
| 6 | + <x-slot name="header"> |
| 7 | + <h1 class="text-2xl font-semibold text-gray-900 dark:text-white"> |
| 8 | + {{ $supportTicket->subject }} |
| 9 | + </h1> |
| 10 | + </x-slot> |
| 11 | + |
| 12 | + <section class="mt-6"> |
| 13 | + <div class="rounded-lg bg-white shadow dark:bg-gray-800"> |
| 14 | + <div class="p-6"> |
| 15 | + <h2 class="mb-4 text-xl font-medium">Ticket Details</h2> |
| 16 | + <p class="text-gray-700 dark:text-gray-300"> |
| 17 | + Ticket ID: <strong>#{{ $supportTicket->mask }}</strong><br> |
| 18 | + Status: <strong>{{ $supportTicket->status }}</strong><br> |
| 19 | + Created At: <strong>{{ $supportTicket->created_at->format('d M Y, H:i') }}</strong><br> |
| 20 | + Updated At: <strong>{{ $supportTicket->updated_at->format('d M Y, H:i') }}</strong> |
| 21 | + </p> |
| 22 | + </div> |
| 23 | + </div> |
| 24 | + |
| 25 | + {{-- Ticket Messages --}} |
| 26 | + <div class="mt-6 rounded-lg bg-white shadow dark:bg-gray-800"> |
| 27 | + <div class="p-6"> |
| 28 | + <h2 class="mb-4 text-xl font-medium">Messages</h2> |
| 29 | + @foreach([] as $message) |
| 30 | + <div class="mb-4 p-4 border rounded-lg {{ $message->is_from_user ? 'bg-blue-100' : 'bg-green-100' }}"> |
| 31 | + <p><strong>{{ $message->user->name }}:</strong></p> |
| 32 | + <p>{{ $message->content }}</p> |
| 33 | + <p class="text-sm text-gray-500">{{ $message->created_at->format('d M Y, H:i') }}</p> |
| 34 | + </div> |
| 35 | + @endforeach |
| 36 | + </div> |
| 37 | + </div> |
| 38 | + |
| 39 | + {{-- Additional Support Information --}} |
| 40 | + <div class="mt-20 rounded-xl bg-gradient-to-br from-[#FFF0DC] to-[#E8EEFF] p-8 dark:from-blue-900/10 dark:to-[#4c407f]/25"> |
| 41 | + <h2 class="mb-4 text-2xl font-medium">Need more help?</h2> |
| 42 | + <p class="text-lg text-gray-700 dark:text-gray-300"> |
| 43 | + Check out our <a href="/docs" class="font-medium text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300">documentation</a> for comprehensive guides and tutorials to help you get the most out of NativePHP. |
| 44 | + </p> |
| 45 | + </div> |
| 46 | + </section> |
| 47 | +</x-layout-three-columns> |
0 commit comments