@extends('layouts.app', ['activePage' => 'user', 'titlePage' => __('Users')])

@section('content')
  <div class="content">
	<div class="container-fluid">

	  <div class="row">
 		<div class="col-xs-12 col-sm-12 col-md-12">
		  <div class="card">
			<div class="card-header card-header-primary">
				<h1 class="m-0 pull-left float-left">Users</h1>  
			</div>
			<div class="card-body">
				<form action="{{route('user.store')}}" method="POST">
					@csrf
					<div class="form-group">
						<label class="control-label">
							Name
						</label>
						<input type="text" name="name" class="form-control required" id="name" value="{{old('name')}}">
						@error('name')
							<p class="m-0 text-danger">The name field is required</p>
						@enderror
					</div>
					<div class="form-group">
						<label class="control-label">
							Email
						</label>
						<input type="email" name="email" class="form-control required" id="email" value="{{old('email')}}">
						@error('email')
							<p class="m-0 text-danger">The email field is required</p>
						@enderror
					</div>
					<div class="form-group">
						<label class="control-label">
							Password
						</label>
						<input type="text" name="password" class="form-control required" id="email" placeholder="Leave blank to generate a password">
					</div>
					<div class="form-group">
						<p>Once submitted, the user will receive an email with their password.</p>
					</div>
					<div class="form-group text-right">
						<button type="submit" class="btn btn-primary">
							Create User <i class="fa fa-save"></i>
						</button>
					</div>
				</form>
			 </div>
		  </div>
		</div>
	  </div>
	  
	  </div>
  </div>
@endsection

@push('js')
<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.dataTable').DataTable();
} );
</script>
@endpush