81 lines
4.6 KiB
PHP
81 lines
4.6 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
{{ __('Create Filaments') }}
|
|
</x-slot>
|
|
|
|
<x-slot name="headeraction">
|
|
<div class="flex gap-4 justify-end">
|
|
<a href="{{ route('filaments.index') }}" class=" text-zinc-50 hover:text-zinc-300 font-bold text-base py-2 px-4 rounded cursor-pointer">Back</a>
|
|
<a href="{{ route('filaments.store') }}" onclick="event.preventDefault(); document.getElementById('create-filament-form').submit();" class="bg-green-500 hover:bg-green-700 text-zinc-700 hover:text-white font-bold text-base py-2 px-4 rounded cursor-pointer">Submit</a>
|
|
</div>
|
|
</x-slot>
|
|
|
|
|
|
<div class="py-12">
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
<div class="bg-white dark:bg-zinc-700 p-4 overflow-hidden shadow-xl sm:rounded-lg">
|
|
<form id="create-filament-form" class="flex flex-col gap-6" method="POST" action="{{ route('filaments.store') }}">
|
|
@csrf
|
|
<div class="form-group flex flex-col">
|
|
<label for="name" class="text-lg ">Name</label>
|
|
<input type="text" id="name" name="name" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="description">Description</label>
|
|
<textarea name="description" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="manufacturer_id">Manufacturer</label>
|
|
<select name="manufacturer_id" id="manufacturer_id" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
@foreach ($manufacturers as $manufacturer)
|
|
<option value="{{ $manufacturer->id }}">{{ $manufacturer->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="type_id">FilamentType</label>
|
|
<select name="type_id" id="type_id" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
@foreach ($types as $type)
|
|
<option value="{{ $type->id }}">{{ $type->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="color_id">FilamentType</label>
|
|
<select name="color_id" id="color_id" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
@foreach ($colors as $color)
|
|
<option value="{{ $color->id }}">{{ $color->name }} | {{ $color->hex }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="weight" class="text-lg ">Weight</label>
|
|
<input type="number" id="weight" name="weight" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
</div>
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="diameter" class="text-lg ">Diameter</label>
|
|
<input type="number" step="0.01" id="diameter" name="diameter" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" required="">
|
|
</div>
|
|
|
|
|
|
<div class="form-group flex flex-col">
|
|
<label for="price" class="text-lg ">Price</label>
|
|
<input type="number" step="0.01" id="price" name="price" class="form-control bg-white dark:bg-zinc-800 border-zinc-50 dark:border-zinc-600 rounded" >
|
|
</div>
|
|
|
|
<div class="flex justify-end gap-4">
|
|
<a href="{{ route('filaments.index') }}" class="bg-zinc-500 hover:bg-zinc-700 text-zinc-800 hover:text-white font-bold py-2 px-4 rounded cursor-pointer">Cancel</a>
|
|
<button type="submit" class="bg-green-500 hover:bg-green-700 text-zinc-800 hover:text-white font-bold py-2 px-4 rounded cursor-pointer">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|