File: /home/posscale/www/printmanager/resources/views/tenant/printer_type/form.blade.php
<x-app-layout>
<x-slot name="header">
<h1 class="mb-0">
{{ $action }}
</h1>
</x-slot>
@if(session()->has('message'))
<div class="alert-success">
{{ session()->get('message') }}
</div>
@endif
<div class="grid grid-cols-1">
<div class="card">
<div class="card-header flex justify-between">
<h3 class="card-title">
<i class="fas fa-plus"></i>
{{ $action }}
</h3>
<a href="{{ route('printer-type.index') }}" class="btn btn-primary w-max">Back to list</a>
</div>
<div class="card-body">
<div class="shadow-sm overflow-hidden mb-8 ">
@if($printer_type)
<form x-data="{
form: $form('post', '{{route('pre-printer-type')}}', {
type_title: '{{$printer_type['type_title']??''}}',
toner_type: '{{$printer_type['toner_type']??''}}',
drum_unit: '{{$printer_type['drum_unit']??''}}',
fuser_unit: '{{$printer_type['fuser_unit']??''}}',
paper_tray: '{{$printer_type['paper_tray']??''}}',
paper_feed_rollers: '{{$printer_type['paper_feed_rollers']??''}}',
duplex_unit: '{{$printer_type['duplex_unit']??''}}',
transfer_belt: '{{$printer_type['transfer_belt']??''}}',
toner_discreptions: '{{$printer_type['toner_discreptions']??''}}',
}).setErrors({{ Js::from($errors->messages()) }}),
}" action="{{ route('printer-type.update',$printer_type['id']) }}" method="POST">
<input value="{{$printer_type['id']}}" type="hidden" name="printer_id" />
@method('PUT')
@else
<form x-data="{
form: $form('post', '{{route('pre-printer-type')}}', {
type_title: '{{old('type_title')??''}}',
toner_type: '{{old('toner_type')??''}}',
drum_unit: '{{old('drum_unit')??''}}',
fuser_unit: '{{old('fuser_unit')??''}}',
paper_tray: '{{old('paper_tray')??''}}',
}).setErrors({{ Js::from($errors->messages()) }}),
}" action="{{ route('printer-type.store') }}" method="POST">
@endif
@csrf
<div class="p-6">
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="after:content-['*'] after:ml-0.5 after:text-red-500 block">Printer Type</span>
<input x-model="form.type_title" @change="form.validate('type_title')" type="text" name="type_title" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter printer type" />
<template x-if="form.invalid('type_title')">
<div class="alert-danger mt-3 text-red-900" x-text="form.errors.type_title"></div>
</template>
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="after:content-['*'] after:ml-0.5 after:text-red-500 block">Toner type</span>
<input x-model="form.toner_type" @change="form.validate('toner_type')" type="text" name="toner_type" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter toner type" />
<template x-if="form.invalid('toner_type')">
<div class="alert-danger mt-3 text-red-900" x-text="form.errors.toner_type"></div>
</template>
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="after:content-['*'] after:ml-0.5 after:text-red-500 block">Drum unit</span>
<input x-model="form.drum_unit" @change="form.validate('drum_unit')" type="text" name="drum_unit" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter drum unit" />
<template x-if="form.invalid('drum_unit')">
<div class="alert-danger mt-3 text-red-900" x-text="form.errors.drum_unit"></div>
</template>
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="after:content-['*'] after:ml-0.5 after:text-red-500 block">Fuser unit</span>
<input x-model="form.fuser_unit" @change="form.validate('fuser_unit')" type="text" name="fuser_unit" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter fuser unit" />
<template x-if="form.invalid('fuser_unit')">
<div class="alert-danger mt-3 text-red-900" x-text="form.errors.fuser_unit"></div>
</template>
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="after:content-['*'] after:ml-0.5 after:text-red-500 block">Paper tray</span>
<input x-model="form.paper_tray" @change="form.validate('paper_tray')" type="text" name="paper_tray" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter paper tray" />
<template x-if="form.invalid('paper_tray')">
<div class="alert-danger mt-3 text-red-900" x-text="form.errors.paper_tray"></div>
</template>
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="mb-2 after:ml-0.5 after:text-red-500 block ">Paper feed rollers</span>
<input x-model="form.paper_feed_rollers" type="text" name="paper_feed_rollers" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter paper feed rollers" />
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="mb-2 after:ml-0.5 after:text-red-500 block ">Duplex unit</span>
<input x-model="form.duplex_unit" type="text" name="duplex_unit" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter duplex unit" />
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="mb-2 after:ml-0.5 after:text-red-500 block ">Transfer belt</span>
<input x-model="form.transfer_belt" type="text" name="transfer_belt" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter transfer belt" />
</label>
</div>
<div class="grid grid-cols-2 gap-4 mb-5">
<label class="block form-label col-span-2">
<span class="mb-2 after:ml-0.5 after:text-red-500 block ">Toner discreptions</span>
<textarea x-model="form.toner_discreptions" type="text" name="toner_discreptions" class="form-input mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-[#28166f] focus:ring-[#28166f] block w-full rounded sm:text-sm focus:ring-1" placeholder="Please enter toner discreptions" ></textarea>
</label>
</div>
<div class="mt-10">
<input type="submit" value="Save" class="btn-primary inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark: uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150">
<a href="{{ route('printer-type.index') }}" class="ml-5 inline-flex items-center px-4 py-2 bg-red-800 dark:bg-red-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-red-800 uppercase tracking-widest hover:bg-red-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-red-800 transition ease-in-out duration-150">Cancel</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</x-app-layout>