65 lines
4.0 KiB
PHP
65 lines
4.0 KiB
PHP
<section>
|
|
<x-header>
|
|
{{ __('Filaments') }}
|
|
|
|
<x-slot name="headerleft">
|
|
<input type="text" placeholder="Search..." wire:model.live="search" class="bg-black/10 border-white/20 rounded text-gray-50 placeholder:text-gray-200 focus:border-white/50 focus:ring-white/50" />
|
|
</x-slot>
|
|
|
|
<x-slot name="headerright">
|
|
<flux:button wire:click="create" variant="primary" class="bg-selective hover:bg-selective-600 text-gray-950 transition ease-in-out hover:cursor-pointer">Create Filament</flux:button>
|
|
</x-slot>
|
|
</x-header>
|
|
|
|
<div class="container m-auto my-8 bg-elephant border border-elephant-900 rounded-lg shadow p-6 text-gray-50">
|
|
</div>
|
|
|
|
<div class="container m-auto my-8 bg-elephant border border-elephant-900 rounded-lg shadow p-6 text-gray-50">
|
|
<x-table>
|
|
<x-slot name="tableheader">
|
|
<x-table.header class="w-[50px]">ID</x-table.header>
|
|
<x-table.header>Name</x-table.header>
|
|
<x-table.header>Color</x-table.header>
|
|
<x-table.header>Manufacturer</x-table.header>
|
|
<x-table.header>Material</x-table.header>
|
|
<x-table.header>Min Temp</x-table.header>
|
|
<x-table.header>Max Temp</x-table.header>
|
|
<x-table.header>Weight</x-table.header>
|
|
<x-table.header>Price</x-table.header>
|
|
<x-table.header class="w-[150px]">Actions</x-table.header>
|
|
</x-slot>
|
|
|
|
@foreach ($filaments as $filament)
|
|
<tr wire:key="{{ $filament->id }}" class="text-gray-200 border-b border-white/50 hover:bg-white/10 transition duration-150 ease-in-out">
|
|
<x-table.item><p class="p-4 px-3 pl-6">{{ $filament->id }}</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3 font-bold">{{ $filament->name }}</p></x-table.item>
|
|
<x-table.item>
|
|
<div class="flex flex-row gap-2 px-2 justify-start items-center">
|
|
<div class="p-4 h-[20px] w-[20px] rounded" style="background-color: #{{ App\Models\Color::find($filament->color_id)->hex}}"></div>
|
|
<p>{{ App\Models\Color::find($filament->color_id)->name }}</p>
|
|
</div>
|
|
</x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ App\Models\Manufacturer::find($filament->manufacturer_id)->name }}</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ App\Models\FilamentType::find($filament->filament_type_id)->name }}</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $filament->temp_min }}°C</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $filament->temp_max }}°C</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $filament->weight }} g</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $filament->price }}€</p></x-table.item>
|
|
<x-table.item>
|
|
<div class="flex flex-row gap-4 justify-end pr-8">
|
|
<flux:button variant="primary" class="text-gray-200 bg-transparent shadow-none hover:bg-cornflower hover:shadow hover:text-gray-950 hover:cursor-pointer" wire:click="show({{ $filament->id }})" icon="magnifying-glass"></flux:button>
|
|
<flux:button variant="primary" class="text-gray-200 bg-transparent shadow-none hover:bg-gold-drop hover:shadow hover:text-gray-950 hover:cursor-pointer" wire:click="edit({{ $filament->id }})" icon="pencil"></flux:button>
|
|
<flux:button variant="primary" class="text-gray-200 bg-transparent shadow-none hover:bg-red-700 hover:shadow hover:cursor-pointer" wire:click="delete({{ $filament->id }})" icon="trash"></flux:button>
|
|
</div>
|
|
</x-table.item>
|
|
</tr>
|
|
@endforeach
|
|
|
|
<x-slot name="pagination">
|
|
{{ $filaments->links() }}
|
|
</x-slot>
|
|
</x-table>
|
|
|
|
</div>
|
|
</section>
|