48 lines
3.5 KiB
PHP
48 lines
3.5 KiB
PHP
<x-app-layout :active="'cables.index'" title="SoftSPM 2 - Nowy typ kabla">
|
|
<div class="max-w-2xl space-y-stack-gap">
|
|
|
|
<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">← Wróć</a>
|
|
<h1 class="font-headline-lg text-headline-lg text-on-surface">Nowy typ kabla</h1>
|
|
</div>
|
|
|
|
@if ($errors->any())
|
|
<div class="status-chip-alert px-3 py-2 rounded-lg font-body-sm text-body-sm">{{ $errors->first() }}</div>
|
|
@endif
|
|
|
|
<form method="POST" action="{{ route('cables.store') }}" enctype="multipart/form-data"
|
|
class="bg-surface-container-lowest border border-outline-variant/40 rounded-lg shadow-card p-card-inner-padding space-y-4">
|
|
@csrf
|
|
|
|
<x-well-field name="name" label="Typ kabla" :value="old('name')" required />
|
|
<x-well-select name="manufacturer_id" label="Producent" :options="$manufacturers" :selected="old('manufacturer_id')" required placeholder="- wybierz -" />
|
|
|
|
<div class="space-y-1">
|
|
<label for="description" class="font-data-label text-data-label text-on-surface-variant tracking-wide">Opis</label>
|
|
<textarea id="description" name="description" rows="3"
|
|
class="w-full bg-surface-container-low border border-outline-variant px-3 py-2 rounded focus:ring-1 focus:ring-primary focus:border-primary font-body-md text-on-surface">{{ old('description') }}</textarea>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
<div class="space-y-1">
|
|
<label for="catalogue_file" class="font-data-label text-data-label text-on-surface-variant tracking-wide">Dokumentacja katalogowa</label>
|
|
<input id="catalogue_file" name="catalogue_file" type="file" accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx"
|
|
class="w-full font-body-sm text-body-sm text-on-surface file:mr-3 file:px-4 file:py-2 file:rounded-full file:border-0 file:bg-secondary file:text-on-secondary file:font-title-sm file:cursor-pointer hover:file:opacity-90">
|
|
<p class="font-body-sm text-body-sm text-on-surface-variant/70">PDF lub Office, do 8 MB.</p>
|
|
</div>
|
|
<div class="space-y-1">
|
|
<label for="image_file" class="font-data-label text-data-label text-on-surface-variant tracking-wide">Zdjęcie</label>
|
|
<input id="image_file" name="image_file" type="file" accept="image/*"
|
|
class="w-full font-body-sm text-body-sm text-on-surface file:mr-3 file:px-4 file:py-2 file:rounded-full file:border-0 file:bg-secondary file:text-on-secondary file:font-title-sm file:cursor-pointer hover:file:opacity-90">
|
|
<p class="font-body-sm text-body-sm text-on-surface-variant/70">JPG/PNG, do 8 MB.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-2 pt-2">
|
|
<button type="submit" class="bg-primary text-on-primary px-6 py-2.5 rounded-full font-title-sm text-title-sm hover:bg-primary-container transition-all active:scale-95 shadow-card">Zapisz</button>
|
|
<a href="{{ route('cables.index') }}" class="px-5 py-2.5 rounded-full font-title-sm text-title-sm text-on-surface-variant hover:bg-surface-container transition-all">Anuluj</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</x-app-layout>
|