@extends('master')
@section('styles')
<style>
	label {
		font-weight: bold;
	}
</style>
@endsection

@section('content')
<div class="container-fluid">
	<div class="animate fadeIn">
		<h4>
			{{ __('uum.addanewuser') }}
			<a href="{{ route('users') }}">
				<span class="label label-primary btn-sm">
					{{ __('uum.viewall') }} <i class="fa fa-list-alt"></i>
				</span>
			</a>
		</h4>
		<hr>
		<div>
			<form action="{{ route('users.store') }}" method="post" id="ajaxform">
				@csrf
				<span id="successmsg" style="display:none;">{{ __('uum.userhasbeenadded') }}</span>
				<div class="row">
					<div class="form-group  col-md-6 col-sm-12 has-error">
						<label for="name">{{ __('uum.name') }}</label>
						<input id="name" name="name" type="text" class="form-control" placeholder="{{ __('uum.nameplace') }}" value="{{ old('name') }}">
						<div id="invalid-name" class="invalid-feedback"></div>
						@if($errors->has('name'))
						<div class="invalid-feedback">
							{{ $errors->first('name') }}
						</div>
						@endif
					</div>
				</div>
				<div class="row">
					<div class="form-group  col-md-6 col-sm-12 has-error">
						<label for="email">{{ __('uum.email') }}</label>
						<input id="email" name="email" type="text" class="form-control" placeholder="{{ __('uum.emailplace') }}" value="{{ old('email') }}">
						<div id="invalid-email" class="invalid-feedback"></div>
						@if($errors->has('email'))
						<div class="invalid-feedback">
							{{ $errors->first('email') }}
						</div>
						@endif
					</div>
				</div>
				<div class="row">
					<div class="form-group  col-md-6 col-sm-12 has-error">
						<label for="role_id">{{ __('uum.userrole') }}</label>
						<select name="role_id" id="role_id" class="form-control">
							@foreach(\Spatie\Permission\Models\Role::get() as $role)
							<option value="{{ $role->id }}">{{ ucfirst($role->name) }}</option>
							@endforeach
						</select>
						<div id="invalid-password_confirmation" class="invalid-feedback"></div>
						@if($errors->has('password_confirmation'))
						<div class="invalid-feedback">
							{{ $errors->first('password_confirmation') }}
						</div>
						@endif
					</div>
				</div>
				<div class="row">
					<div class="form-group  col-md-6 col-sm-12 has-error">
						<label for="password">{{ __('uum.password') }}</label>
						<input id="password" name="password" type="password" class="form-control" placeholder="{{ __('uum.passwordplace') }}">
						<div id="invalid-password" class="invalid-feedback"></div>
						@if($errors->has('password'))
						<div class="invalid-feedback">
							{{ $errors->first('password') }}
						</div>
						@endif
					</div>
				</div>
				<div class="row">
					<div class="form-group  col-md-6 col-sm-12 has-error">
						<label for="password_confirmation">{{ __('uum.confirmpassword') }}</label>
						<input id="password_confirmation" name="password_confirmation" type="password" class="form-control" placeholder="{{ __('uum.passwordconfirmplace') }}">
						<div id="invalid-password_confirmation" class="invalid-feedback"></div>
						@if($errors->has('password_confirmation'))
						<div class="invalid-feedback">
							{{ $errors->first('password_confirmation') }}
						</div>
						@endif
					</div>
				</div>
				</div>
				<div class="row">
					<div class="form-group  col-md-8 col-sm-12">
						<button class="btn btn-primary">{{ __('uum.adduser') }}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@section('myscript')
<script src="{{ asset('js/custom/ajax-submit.js') }}"></script>
@endsection