@php
	$action = isset($method) && $method=='update' ? route('role.update', $role->id) : route('role.store');
@endphp
<div class="flex-1 overflow-y-auto p-4 md:p-8 no-scrollbar bg-slate-50/50 mt-16 lg:mt-0">
	<div class="bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
		<div class="overflow-x-auto">
			<form action="{{$action}}" method="POST" class="p-5">
				@csrf
				<div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 mb-5">
					<div class="form-group space-y-2">
						<label class="text-sm font-semibold text-slate-700 dark:text-slate-300">{{__('role.form.name')}}</label>
						<input type="text" name="name" class="form-control w-full border border-slate-200 dark:border-primary/20 rounded-xl px-4 py-2 focus:border-primary focus:ring-primary/20 outline-none transition-all" placeholder="" value="{{old('name', $role->name ?? '')}}" />
						@error('name')<div class="text-xs italic text-red-500">{{ $message }}</div>@enderror
					</div>
					<div class="form-group space-y-2">
						<label class="text-sm font-semibold text-slate-700 dark:text-slate-300">Machine name</label>
						<input type="text" name="machine_name" class="form-control w-full border border-slate-200 dark:border-primary/20 rounded-xl px-4 py-2 focus:border-primary focus:ring-primary/20 outline-none transition-all" placeholder="" value="{{old('machine_name', $role->machine_name ?? '')}}" />
						@error('machine_name')<div class="text-xs italic text-red-500">{{ $message }}</div>@enderror
					</div>
				</div>
				<div class="form-group mb-5">
					<label class="text-sm font-semibold text-slate-700 dark:text-slate-300 md:block mb-2">{{__('role.form.description')}}</label>
					<textarea rows="2" name="description" class="form-control w-full border border-slate-200 dark:border-primary/20 rounded-xl px-4 py-2 focus:border-primary focus:ring-primary/20 outline-none transition-all">{{old('description', $role->description ?? '')}}
					</textarea>
				</div>
				<div class="form-group text-center">
					<a href="{{route('role.view')}}" class="px-6 py-2 rounded-lg border border-slate-200 dark:border-slate-800 text-sm font-bold hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors">{{__('general.button.cancel')}}</a>
					<button type="submit" class="px-8 py-2 rounded-lg bg-primary text-white text-sm font-bold shadow-lg shadow-primary/10 active:scale-[0.98] transition-all">{{__('general.button.save')}}</button>
				</div>
			</form>
		</div>
	</div>
</div>