@extends('layouts.header')
<!-- Authentication -->
<link href="{{asset('cork/HTML/ltr/demo6/assets/css/authentication/form-2.css') }}" rel="stylesheet" type="text/css" />
<!-- Authentication -->
@section('content')
<!--  BEGIN CONTENT AREA  -->
<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li class="active">
					<a href="{{url('List-Users')}}" title="Click here to view all User">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>List User</a>
					</li>
					<li>
						<a href="javascript:void(0);" title="Click here to create new User">
							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Create New User</a>
						</li>
					</ul>
				</ol>
			</div>
		</div>
		<div>
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<h1 class="">Create New User</h1>
				<input type="hidden" id="Usernameflag">
				<input type="hidden" id="emailflag">
				<input type="hidden" id="passwordflag">
				<input type="hidden" id="cnfrmpasswordflag">
				<div class="row">
					<div class="cold-md-4">
						@if(session('status'))
						<div class="alert alert-danger">
							{{ session('status') }}
						</div>
						@endif
						<div class="alert alert-info" style="text-align: left">
						<p>Please Note : Password must be minimum 8 characters and Password Must contain Atleast 
							<br>1 Upper case alphabet, 
							<br>1 Lower case alphabet,
							<br>1 Number,
							<br>1 Special Character</p>
						</div>
						<form id="CreateUserForm" name="CreateUserForm" >
						<div class="row" >
							<div class="col-md-4">
								<label>Name<font color="red">&nbsp;*</font></label>
								<input id="name" name="name" type="text" class="form-control" placeholder="Name" required="required">
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>Username<font color="red">&nbsp;*</font></label>
								<input id="username" name="username" type="text" class="form-control" placeholder="Username" required="required" onchange="CheckExistUserName()">
								<div id="DisplayUserNameError" style="display:none;"><font color="red"><small><i>User Name is Already Exists</i></small></font></div>
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>Email<font color="red">&nbsp;*</font></label>
								<input id="email" name="email" type="text" value="" class="form-control" placeholder="Email" required="required" onchange="CheckEmailExist()">
								<div id="DisplayEmailError" style="display:none;"><font color="red"><small><i>Email is Already Exists</i></small></font></div>
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>Password<font color="red">&nbsp;*</font></label>
								<input id="password" name="password" type="password" class="form-control" placeholder="Password" required="required" onchange="CheckPassword()">
								<div id="DisplayPasswordError" style="display:none;"><font color="red"><small><i>Password is not Strong</i></small></font></div>
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>Confirm Password<font color="red">&nbsp;*</font></label>
								<input id="confirm_password" name="confirm_password" type="password" class="form-control" placeholder="Confirm Password" required="required" onchange="CheckcnfrmPassword()">
								<div id="DisplayCnfmPasswordError1" style="display:none;"><font color="red"><small><i>Password is not Strong</i></small></font></div>
								<div id="DisplayCnfmPasswordError2" style="display:none;"><font color="red"><small><i>Password is not Matching</i></small></font></div>
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>Primary Role<font color="red">&nbsp;*</font></label>
								<select id="PrimaryRole" name="PrimaryRole" type="text" class="form-control" required="required">
									<option value="">--Select Role--</option>
									@foreach($roles as $rolekey=>$rolevalue)
									<option value="{{$rolekey}}">{{$rolevalue}}</option>
									@endforeach
								</select>
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<label>AgentId</label>
								<input id="AgentId" name="AgentId" type="text" class="form-control" placeholder="AgentId" >
							</div>
						</div><br>
						<div class="row">
							<div class="col-md-4">
								<input type="button" type="submit" class="btn btn-primary" value="Create User" onclick="SaveUser()" id="SaveUserBtn">
							</div>
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
			<!--  END CONTENT AREA  -->
			@endsection