updated filaments.index

This commit is contained in:
2025-03-11 12:43:34 +01:00
parent 5d0784093a
commit 1104d4b82a
2 changed files with 72 additions and 10 deletions
+29 -10
View File
@@ -12,16 +12,35 @@
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white dark:bg-zinc-700 overflow-hidden shadow-xl sm:rounded-lg">
<ul class="">
<li class="flex gap-6 bg-zinc-50 dark:bg-zinc-900 p-2 px-4"><div class="">ID</div><div class="">Name</div><div class="">Options</div></li>
@foreach ($filaments as $filament)
<li class="flex gap-6 py-3 px-4 items-center">
<div class="p-2">{{ $filament->id }}</div>
<div class="p-2"><a href="/filaments/{{ $filament->id }}">{{ $filament->name }}</a></div>
<div class="px-2"><a href="{{ route('filaments.edit', $filament->id) }}"><flux:icon.ellipsis class="hover:text-zinc-50 hover:bg-zinc-500 stroke-3 rounded "/></a></div>
</li>
@endforeach
</ul>
<table class="table-auto w-full">
<thead class="bg-zinc-900 border-b border-rose-500">
<tr>
<th class="py-6 px-4 flex justify-start">Name</th>
<th class="py-6">Color</th>
<th class="py-6">Weight</th>
<th class="py-6">Diameter</th>
<th class="py-6">Price</th>
<th class="py-6">Stock</th>
<th class="py-6">Edit</th>
<th class="py-6">Delete</th>
</tr>
</thead>
<tbody>
@foreach ($filaments as $filament)
<tr class="border-b border-zinc-600">
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="flex justify-start px-4">{{ $filament->name }}</a></td>
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="flex justify-center px-4 gap-2"><div class="w-8 h-8 rounded" style="background-color: {{ $filament->color->hex }}"></div>{{ $filament->color->name }}</a></td>
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="flex justify-center px-4">{{ $filament->weight }} g</a></td>
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="flex justify-center px-4">{{ $filament->diameter }} mm</a></td>
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="flex justify-center px-4">@isset($filament->price) {{ $filament->price }}<flux:icon.euro /> @endisset</a></td>
<td class="text-center py-4"><a href="/filaments/{{ $filament->id }}" class="bg-accent px-2 py-1 rounded">{{ $filament->stock }}</a></td>
<td class="text-center py-4"><a href="{{ route('filaments.edit', $filament->id) }}" class="flex justify-center"><flux:icon.ellipsis class="hover:text-zinc-50 hover:bg-zinc-500 stroke-3 rounded "/></a></td>
<td class="text-center py-4"><a href="{{ route('filaments.edit', $filament->id) }}" class="flex justify-center"><flux:icon.x-mark class="hover:text-zinc-50 hover:bg-zinc-500 stroke-3 rounded "/></a></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>