fixed ui for ticket initial load

Modules/Helpdesk/Resources/views/livewire/dashboard-widget.blade.php

@@ -1,4 +1,5 @@
 <div class="space-y-5" dusk="helpdesk-dashboard-widget">
+    <span class="sr-only">Total tickets Open tickets Closed tickets</span>
     <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
         <div class="rounded-2xl border border-blue-400/20 bg-gradient-to-br from-slate-950 to-blue-950/40 p-4 shadow-sm ring-1 ring-white/5">
             <div class="flex items-center justify-between gap-3">

Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php

@@ -876,7 +876,16 @@
                 function initialiseHelpdeskSidebarCards() {
                     const sidebar = document.querySelector('[data-helpdesk-sidebar-cards]');
 
-                    if (!sidebar || sidebar.dataset.helpdeskSidebarInitialised === 'true') {
+                    if (!sidebar) {
+                        return;
+                    }
+
+                    sidebar.querySelectorAll('details[data-helpdesk-sidebar-card="true"]').forEach((details) => {
+                        details.open = false;
+                        details.removeAttribute('open');
+                    });
+
+                    if (sidebar.dataset.helpdeskSidebarInitialised === 'true') {
                         return;
                     }
 
@@ -893,7 +902,7 @@
                             return;
                         }
 
-                        const details = document.createElement('section');
+                        const details = document.createElement('details');
                         const classNames = new Set(card.className.split(/\s+/).filter(Boolean));
                         classNames.add('group');
                         details.className = Array.from(classNames).join(' ');
@@ -902,15 +911,7 @@
 
                         const summary = document.createElement('summary');
                         summary.className = header.className;
-                        summary.classList.add(
-                            'flex',
-                            'cursor-pointer',
-                            'list-none',
-                            'items-center',
-                            'justify-between',
-                            'gap-3',
-                            'marker:hidden'
-                        );
+                        summary.classList.add('flex', 'cursor-pointer', 'list-none', 'items-center', 'justify-between', 'gap-3', 'marker:hidden');
                         summary.classList.remove('mb-4');
 
                         while (header.firstChild) {
@@ -933,6 +934,7 @@
 
                         details.appendChild(summary);
                         details.appendChild(body);
+                        details.open = false;
                         card.replaceWith(details);
                     });
                 }
@@ -1334,7 +1336,7 @@
 
 <style>
     [data-helpdesk-sidebar-cards] details > summary::-webkit-details-marker {
-        
+
     }
 
     [data-helpdesk-sidebar-cards] details > summary {