56 lines
3.1 KiB
PHP
56 lines
3.1 KiB
PHP
<section>
|
|
<x-header>
|
|
{{ __('Manufacturers') }}
|
|
|
|
<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 Type</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">
|
|
<x-table>
|
|
<x-slot name="tableheader">
|
|
<x-table.header>Name</x-table.header>
|
|
<x-table.header>Description</x-table.header>
|
|
<x-table.header>Website</x-table.header>
|
|
<x-table.header>Rolls</x-table.header>
|
|
<x-table.header class="w-[150px]">Actions</x-table.header>
|
|
</x-slot>
|
|
|
|
@foreach ($manufacturers as $manufacturer)
|
|
<tr wire:key="{{ $manufacturer->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 font-bold">{{ $manufacturer->name }}</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $manufacturer->description }}</p></x-table.item>
|
|
<x-table.item>
|
|
<p class="p-4 px-3">
|
|
@if($manufacturer->website !== '')
|
|
<a href="{{ $manufacturer->website }}" target="_blank" class="flex items-center gap-2">{{ $manufacturer->website }} <flux:icon.arrow-top-right-on-square variant="mini"/></a>
|
|
@endif
|
|
</p>
|
|
</x-table.item>
|
|
<x-table.item><p class="p-4 px-3">{{ $manufacturer->filament_count }}</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({{ $manufacturer->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({{ $manufacturer->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({{ $manufacturer->id }})" icon="trash"></flux:button>
|
|
</div>
|
|
</x-table.item>
|
|
</tr>
|
|
@endforeach
|
|
|
|
<x-slot name="pagination">
|
|
{{ $manufacturers->links() }}
|
|
</x-slot>
|
|
</x-table>
|
|
|
|
</div>
|
|
</section>
|