49 lines
2.9 KiB
PHP
49 lines
2.9 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
{{ __('Filaments') }}
|
|
</x-slot>
|
|
|
|
<x-slot name="headeraction">
|
|
<div class="flex gap-4 justify-end">
|
|
<a href="{{ route('filaments.create') }}" class="bg-zinc-500 hover:bg-green-500 text-zinc-50 hover:text-zinc-700 font-bold text-base py-2 px-4 rounded cursor-pointer">Create</a>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<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">
|
|
<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>
|
|
</div>
|
|
</x-app-layout>
|