97 lines
6.4 KiB
PHP
97 lines
6.4 KiB
PHP
<section>
|
|
<form wire:submit="save">
|
|
<x-header>
|
|
{{ __('Show Filament') }}
|
|
|
|
<x-slot name="headerright">
|
|
<flux:button wire:click="back" variant="primary" class="bg-transparent shadow-none text-gray-50 hover:bg-black/10 hover:cursor-pointer transition-all ease-in-out" icon="arrow-left">Back</flux:button>
|
|
<flux:button wire:click="edit({{ $filament->id }})" variant="primary" class="bg-selective text-gray-950 shadow-none hover:bg-selective-600 hover:cursor-pointer transition-all ease-in-out" icon="check">Edit</flux:button>
|
|
</x-slot>
|
|
</x-header>
|
|
|
|
<div class="container m-auto my-8 bg-elephant-950 border border-elephant-900 rounded-lg shadow p-6 text-gray-50">
|
|
<div>
|
|
<div class="px-4 sm:px-0">
|
|
<h3 class="text-base/7 font-semibold text-white">Filament Information</h3>
|
|
<p class="mt-1 max-w-2xl text-sm/6 text-gray-200">Filament details.</p>
|
|
</div>
|
|
<div class="mt-6 border-t border-white/10">
|
|
<dl class="divide-y divide-white/10">
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Name</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->name }}
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Description</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->description }}
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Color</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
<a href="{{ route('color.show', $filament->color_id) }}" class="flex items-center gap-2 hover:cursor-pointer" wire:navigate>
|
|
<div class="w-[20px] h-[20px] rounded" style="background-color: #{{ App\Models\Color::find($filament->color_id)->hex }}"></div>
|
|
<div>{{ App\Models\Color::find($filament->color_id)->name }}</div>
|
|
<flux:icon name="arrow-right" class="w-4 h-4"></flux:icon>
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Manufacturer</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
<a href="{{ route('manufacturer.show', $filament->manufacturer_id) }}" class="flex items-center gap-2 hover:cursor-pointer" wire:navigate>
|
|
<div>{{ App\Models\Manufacturer::find($filament->manufacturer_id)->name }}</div>
|
|
<flux:icon name="arrow-right" class="w-4 h-4"></flux:icon>
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Filament Type</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
<a href="{{ route('type.show', $filament->filament_type_id) }}" class="flex items-center gap-2 hover:cursor-pointer" wire:navigate>
|
|
<div>{{ App\Models\FilamentType::find($filament->filament_type_id)->name }}</div>
|
|
<flux:icon name="arrow-right" class="w-4 h-4"></flux:icon>
|
|
</a>
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Weight</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->weight }}g
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Diameter</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->diameter }}mm
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Price</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->price }}€
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Min Temperature</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->temp_min }}°C
|
|
</dd>
|
|
</div>
|
|
<div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 items-center">
|
|
<dt class="text-sm/6 font-medium text-gray-100">Max Temperature</dt>
|
|
<dd class="mt-1 text-sm/6 text-gray-200 sm:col-span-2 sm:mt-0">
|
|
{{ $filament->temp_max }}°C
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</section>
|