62 lines
3.6 KiB
PHP
62 lines
3.6 KiB
PHP
<x-app-layout :active="'cables.index'" title="SoftSPM 2 - {{ $cable->EQU_NAME }}">
|
|
<div class="space-y-stack-gap">
|
|
|
|
@if (session('status'))
|
|
<div class="status-chip-ok px-3 py-2 rounded-lg font-body-sm text-body-sm">{{ session('status') }}</div>
|
|
@endif
|
|
@if (session('error'))
|
|
<div class="status-chip-alert px-3 py-2 rounded-lg font-body-sm text-body-sm">{{ session('error') }}</div>
|
|
@endif
|
|
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ route('cables.index') }}" class="font-body-sm text-body-sm text-on-surface-variant hover:text-primary">← Katalog kabli</a>
|
|
<h1 class="font-headline-lg text-headline-lg text-on-surface">{{ $cable->EQU_NAME }}</h1>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ route('cables.edit', $cable) }}"
|
|
class="bg-secondary text-on-secondary px-4 py-2 rounded-full font-title-sm text-title-sm hover:opacity-90 transition-all active:scale-95">Edytuj</a>
|
|
@unless ($inStock)
|
|
<x-confirm-delete :action="route('cables.destroy', $cable)"
|
|
message="Czy na pewno usunąć typ kabla „{{ $cable->EQU_NAME }}”?" />
|
|
@endunless
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-stack-gap">
|
|
{{-- Dane --}}
|
|
<div class="bg-surface-container-lowest border border-outline-variant/40 rounded-lg shadow-card p-card-inner-padding">
|
|
<h2 class="font-title-sm text-title-sm text-tertiary mb-3">Dane</h2>
|
|
<dl class="grid grid-cols-3 gap-x-4 gap-y-2 font-body-md text-body-md">
|
|
<dt class="text-on-surface-variant">Typ kabla</dt><dd class="col-span-2 font-semibold">{{ $cable->EQU_NAME }}</dd>
|
|
<dt class="text-on-surface-variant">Producent</dt><dd class="col-span-2">{{ $cable->manufacturer?->MCF_NAME ?? '-' }}</dd>
|
|
<dt class="text-on-surface-variant">Opis</dt><dd class="col-span-2">{!! $cable->EQU_DESCRIPTION ? nl2br(e($cable->EQU_DESCRIPTION)) : '-' !!}</dd>
|
|
|
|
@if ($document)
|
|
<dt class="text-on-surface-variant">Dokumentacja katalogowa</dt>
|
|
<dd class="col-span-2">
|
|
<a href="{{ route('equipment.file', $document->EQF_ID) }}" target="_blank"
|
|
class="text-secondary hover:underline break-all">{{ $document->EQF_FILE_NAME }}</a>
|
|
</dd>
|
|
@endif
|
|
</dl>
|
|
|
|
@if ($inStock)
|
|
<p class="mt-4 font-body-sm text-body-sm text-on-surface-variant/80">Kabel jest na stanie magazynowym - usunięcie zablokowane.</p>
|
|
@endif
|
|
</div>
|
|
|
|
{{-- Zdjęcie --}}
|
|
<div class="bg-surface-container-lowest border border-outline-variant/40 rounded-lg shadow-card p-card-inner-padding">
|
|
<h2 class="font-title-sm text-title-sm text-tertiary mb-3">Zdjęcie</h2>
|
|
@if ($image)
|
|
<img src="{{ route('equipment.file', $image->EQF_ID) }}" alt="{{ $cable->EQU_NAME }}"
|
|
class="max-w-full h-auto rounded border border-outline-variant/40">
|
|
@else
|
|
<p class="font-body-sm text-body-sm text-on-surface-variant py-6 text-center">Brak zdjęcia.</p>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|