standard colours

Modules/Helpdesk/Resources/views/components/team-table.blade.php

@@ -5,6 +5,7 @@
             <tr>
                 <th class="px-4 py-3">Team</th>
                 <th class="px-4 py-3">Company</th>
+                <th class="px-4 py-3">Colour</th>
                 <th class="px-4 py-3">Default</th>
                 <th class="px-4 py-3">Tickets</th>
                 <th class="px-4 py-3 text-right">Actions</th>
@@ -15,6 +16,12 @@
                 <tr>
                     <td class="px-4 py-3 font-medium text-zinc-900 dark:text-zinc-100">{{ $item->name }}</td>
                     <td class="px-4 py-3 text-zinc-500">{{ $item->company?->name ?? 'Global' }}</td>
+                    <td class="px-4 py-3">
+                        <span class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-2.5 py-1 text-xs font-semibold text-zinc-700 shadow-sm dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200">
+                            <span class="h-3 w-3 rounded-full" style="background-color: {{ \Modules\Helpdesk\Support\Color::css($item->color) }}"></span>
+                            {{ \Illuminate\Support\Str::of(\Modules\Helpdesk\Support\Color::normalise($item->color))->headline() }}
+                        </span>
+                    </td>
                     <td class="px-4 py-3">
                         <flux:badge color="{{ $item->is_default ?? false ? 'emerald' : 'zinc' }}">
                             {{ $item->is_default ?? false ? 'Default' : 'No' }}</flux:badge>
@@ -30,7 +37,7 @@
                 </tr>
             @empty
                 <tr>
-                    <td colspan="5" class="px-4 py-10 text-center text-zinc-500">No teams yet.</td>
+                    <td colspan="6" class="px-4 py-10 text-center text-zinc-500">No teams yet.</td>
                 </tr>
             @endforelse
         </tbody>