@extends('layouts.app')
@section('title', 'Track filament')
@section('content')
<form method="post" action="{{ route('filaments.store') }}" class="grid max-w-2xl gap-5 rounded-2xl border border-slate-800 bg-slate-900 p-6">@csrf
    @foreach([['filamentName','Filament name','e.g. PLA Matte Black'],['amazonUrl','Product URL','https://www.amazon.co.uk/...'],['brand','Brand','Optional'],['material','Material','PLA, PETG, ABS…'],['color','Colour','Optional'],['filamentWeight','Weight (g)','1000'],['itemDiameter','Diameter (mm)','1.75']] as [$name,$label,$placeholder])
        <label class="grid gap-2 text-sm font-medium">{{ $label }}<input name="{{ $name }}" type="{{ $name === 'amazonUrl' ? 'url' : (in_array($name, ['filamentWeight','itemDiameter']) ? 'number' : 'text') }}" @if(in_array($name, ['filamentWeight','itemDiameter'])) step="0.01" @endif value="{{ old($name) }}" placeholder="{{ $placeholder }}" @if(in_array($name, ['filamentName','amazonUrl'])) required @endif class="rounded-xl border border-slate-700 bg-slate-950 px-4 py-3 outline-none focus:border-brand"></label>
    @endforeach
    <div class="flex gap-3"><button class="rounded-xl bg-brand px-5 py-3 font-semibold text-slate-950">Start tracking</button><a href="{{ route('filaments.index') }}" class="rounded-xl border border-slate-700 px-5 py-3">Cancel</a></div>
</form>
@endsection