From 3b1fc48a3dcf004ff4068199226fd780efab48d2 Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@mpba.co.uk>
Date: Wed, 17 Jun 2026 11:02:41 +0100
Subject: [PATCH] fixed tag rendering

---
 .../views/livewire/ticket-show.blade.php      | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php b/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
index 34e67df4..837e1ae3 100644
--- a/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
+++ b/Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php
@@ -39,9 +39,31 @@
 
     <div class="grid gap-6 lg:grid-cols-3">
         <div class="space-y-6 lg:col-span-2">
-            <article class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
-                <div class="prose max-w-none dark:prose-invert">
-                    {!! $ticket->body !!}
+            <article class="overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+                <div class="bg-gradient-to-r from-slate-950 via-blue-950 to-slate-900 px-6 py-5 text-white">
+                    <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+                        <div>
+                            <p class="text-xs font-black uppercase tracking-[0.24em] text-blue-100">Ticket document</p>
+                            <h2 class="mt-1 flex items-center gap-2 text-lg font-extrabold tracking-tight">
+                                <span class="inline-flex h-9 w-9 items-center justify-center rounded-xl bg-white/15 ring-1 ring-white/25">
+                                    <i class="fa-solid fa-file-lines" aria-hidden="true"></i>
+                                </span>
+                                Request details
+                            </h2>
+                            <p class="mt-1 text-sm font-medium text-blue-100/90">Original request content recorded against this helpdesk ticket.</p>
+                        </div>
+
+                        <span class="inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-xs font-extrabold text-blue-50 ring-1 ring-white/20">
+                            <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
+                            {{ $ticket->reference }}
+                        </span>
+                    </div>
+                </div>
+
+                <div class="p-6">
+                    <div class="prose max-w-none rounded-2xl border border-zinc-200 bg-zinc-50 p-5 text-zinc-900 dark:prose-invert dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100">
+                        {!! $ticket->body !!}
+                    </div>
                 </div>
             </article>