45 lines
2.2 KiB
PHP
45 lines
2.2 KiB
PHP
<div class="overflow-x-auto">
|
|
<table class="min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700">
|
|
<thead
|
|
class="bg-zinc-50 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:bg-zinc-800 dark:text-zinc-300">
|
|
<tr>
|
|
<th class="px-4 py-3">Name</th>
|
|
<th class="px-4 py-3">Slug</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>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-zinc-100 dark:divide-zinc-800">
|
|
@forelse ($items as $item)
|
|
<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 font-mono text-xs text-zinc-500">{{ $item->slug }}</td>
|
|
<td class="px-4 py-3">
|
|
<flux:badge color="{{ $item->color }}">{{ $item->color }}</flux:badge>
|
|
</td>
|
|
<td class="px-4 py-3">
|
|
<flux:badge color="{{ $item->is_default ?? false ? 'emerald' : 'zinc' }}">
|
|
{{ $item->is_default ?? false ? 'Default' : 'No' }}
|
|
</flux:badge>
|
|
</td>
|
|
<td class="px-4 py-3 text-zinc-500">{{ $item->tickets_count ?? 0 }}</td>
|
|
<td class="px-4 py-3 text-right">
|
|
<div class="flex justify-end gap-2">
|
|
<button type="button" wire:click="{{ $edit }}({{ $item->id }})"
|
|
class="hd-btn hd-btn-sm hd-btn-blue">Edit</button>
|
|
<button type="button" wire:click="{{ $delete }}({{ $item->id }})"
|
|
class="hd-btn hd-btn-sm hd-btn-red">Delete</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="6" class="px-4 py-10 text-center text-zinc-500">No records yet.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|