@extends('admin.tpl.admintpl')

@section('content')

<div class="row">
	<form data-parsley-validate action="{{ route('saveuser') }}" id="create-user" method="post">
		{{ csrf_field() }}
	<div class="eq-height">
		<div class="col-sm-9 eq-box-sm">
			<div class="panel">
				<div class="panel-heading">

					<h3 class="panel-title">Personals Informations</h3>
				</div>
				<!--Block Styled Form -->
				<!--===================================================-->

				<div class="panel-body">
					<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label class="control-label">Firstname</label>
									<input type="text" class="form-control" id="firstname" name="firstname">
									<!--<input type="text" class="form-control" id="firstname" name="firstname" data-parsley-trigger="blur" data-parsley-required data-index="0">-->
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label class="control-label">Lastname</label>
									<input type="text" class="form-control" id="lastname" name="lastname" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="1">
								</div>
							</div>
					</div>
					
					<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label class="control-label">Phone number</label>
									<input type="number" class="form-control" id="phone_number" name="phone_number" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="2">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label class="control-label">Email</label>
									<input type="email" class="form-control" id="email" name="email" data-trigger="change" data-parsley-required data-parsley-trigger="blur" data-parsley-type="email" data-index="3">
								</div>
							</div>
					</div>
					<div class="row">
							<div class="col-sm-12">
								<div class="form-group">
									<label class="control-label">Address</label>
									<textarea placeholder="Address here..." rows="6" id="address" name="address" class="form-control"></textarea>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role" name="role" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="4">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department" name="department" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="5">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team" name="team" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="6">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole1">Add Role</button>
								</div>
							</div>
					</div>
						
						
					<div class="row" id="brole1" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole1" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role1" name="role1" data-trigger="change" data-parsley-trigger="blur" data-index="7">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep1" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department1" name="department1" data-trigger="change" data-parsley-trigger="blur" data-index="8">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team1" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team1" name="team1" data-trigger="change" data-parsley-trigger="blur" data-index="9">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole2">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole2" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole2" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role2" name="role2" data-trigger="change" data-parsley-trigger="blur" data-index="10">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep2" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department2" name="department2" data-trigger="change" data-parsley-trigger="blur" data-index="11">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team2" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team2" name="team2" data-trigger="change" data-parsley-trigger="blur" data-index="12">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole3">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole3" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole3" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role3" name="role3" data-trigger="change" data-parsley-trigger="blur" data-index="13">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep3" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department3" name="department3" data-trigger="change" data-parsley-trigger="blur" data-index="14">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team3" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team3" name="team3" data-trigger="change" data-parsley-trigger="blur" data-index="15">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole4">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole4" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole4" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role4" name="role4" data-trigger="change" data-parsley-trigger="blur" data-index="16">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep4" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department4" name="department4" data-trigger="change" data-parsley-trigger="blur" data-index="17">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team4" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team4" name="team4" data-trigger="change" data-parsley-trigger="blur" data-index="18">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole5">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole5" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole5" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role5" name="role5" data-trigger="change" data-parsley-trigger="blur" data-index="19">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep5" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department5" name="department5" data-trigger="change" data-parsley-trigger="blur" data-index="20">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team5" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team5" name="team5" data-trigger="change" data-parsley-trigger="blur" data-index="21">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole6">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole6" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole6" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role6" name="role6" data-trigger="change" data-parsley-trigger="blur" data-index="22">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep6" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department6" name="department6" data-trigger="change" data-parsley-trigger="blur" data-index="23">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team6" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team6" name="team6" data-trigger="change" data-parsley-trigger="blur" data-index="24">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole7">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole7" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole7" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role7" name="role7" data-trigger="change" data-parsley-trigger="blur" data-index="25">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep7" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department7" name="department7" data-trigger="change" data-parsley-trigger="blur" data-index="26">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team7" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team7" name="team7" data-trigger="change" data-parsley-trigger="blur" data-index="27">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole8">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole8" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole8" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role8" name="role8" data-trigger="change" data-parsley-trigger="blur" data-index="28">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep8" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department8" name="department8" data-trigger="change" data-parsley-trigger="blur" data-index="29">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team8" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team8" name="team8" data-trigger="change" data-parsley-trigger="blur" data-index="30">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole9">Add Role</button>
								</div>
							</div>
					</div>
						
					<div class="row" id="brole9" style="display:none;">
							<div class="col-sm-3">
								<div class="form-group" id="getidrole9" href="{{ url('getidrole') }}">
									<label class="control-label">Role User</label>
									<select type="text" class="form-control" id="role9" name="role9" data-trigger="change" data-parsley-trigger="blur" data-index="31">
										<option value="" selected>Select Role</option>
										@foreach($roles as $role)
										<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach
									</select>
								</div>
							</div>


							<div class="col-sm-3">
								<div class="form-group" id="getiddep9" href="{{ url('getiddep') }}">
									<label class="control-label">Department</label>
									<select class="form-control" id="department9" name="department9" data-trigger="change" data-parsley-trigger="blur" data-index="32">
										<option value="" selected>Select Department</option>
									</select>
								</div>
							</div>

							<div class="col-sm-3" id="input_team9" style="display:none;">
								<div class="form-group">
									<label class="control-label">Team</label>
									<select type="text" class="form-control" id="team9" name="team9" data-trigger="change" data-parsley-trigger="blur" data-index="33">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							<!--<div class="col-sm-3 pull-right">
								<div class="form-group" style="margin-top:25px;">
									<button class="btn btn-info" type="button" id="addrole10">Add Role</button>
								</div>
							</div>-->
					</div>
						
				
				</div>


				<!--===================================================-->
				<!--End Block Styled Form -->
			</div>
		</div>
		<div class="col-sm-3 eq-box-sm">
			<div class="panel">
				<div class="panel-heading">

					<h3 class="panel-title">Social Networks</h3>
				</div>
				<!--Horizontal Form-->
				<!--===================================================-->

					<div class="panel-body">
						<div class="row">
							<div class="col-sm-12">
								<div class="form-group">
									<label class="control-label">Skype ID</label>
									<input type="text" class="form-control" id="skype_id" name="skype_id">
								</div>
							</div>

						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="form-group">
									<label class="control-label">Team Viewer ID</label>
									<input type="text" class="form-control" id="team_viewer_id" name="team_viewer_id">
								</div>
							</div>

						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="form-group">
									<label class="control-label">Whatsapp</label>
									<input type="text" class="form-control" id="whatsapp" name="whatsapp">
								</div>
							</div>

						</div>


					<div class="list-divider"></div>
					<div class="panel-heading">
						<h3 class="panel-title">Authentication Informations</h3>
					</div>
					<div class="list-divider"></div>

					{{--<div class="row">--}}
						{{--<!--<div class="col-sm-12">--}}
							{{--<div class="form-group">--}}
								{{--<label class="control-label">Login</label>--}}
								{{--<input type="text" class="form-control" id="login" name="login" data-parsley-trigger="blur" data-parsley-required data-index="34">--}}
							{{--</div>--}}
						{{--</div>-->--}}

					{{--</div>--}}
					{{--<div class="row">--}}
						{{--<div class="col-sm-12">--}}
							{{--<div class="form-group">--}}
								{{--<label class="control-label">Password</label>--}}
								{{--<input type="password" class="form-control" id="password" name="password" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="35">--}}
							{{--</div>--}}
						{{--</div>--}}

					{{--</div>--}}
					{{--<div class="row">--}}
						{{--<div class="col-sm-12">--}}
							{{--<div class="form-group">--}}
								{{--<label class="control-label">Confirm Password</label>--}}
								{{--<input type="password" class="form-control" id="password_confirmation" name="password_confirmation" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="36">--}}
							{{--</div>--}}
						{{--</div>--}}

					{{--</div>--}}

					</div>

				<!--===================================================-->
				<!--End Horizontal Form-->
			</div>
		</div>
	</div>
	<div class="row container">
		<div class="col-sm-12">
			<div class="panel">
				<div class="panel-footer text-right">
					<button class="btn btn-info" type="submit">Submit form</button>
				</div>
			</div>
		</div>
	</div>
	</form>
</div>


@endsection

@section('addlibjs')

<!-- Form validation -->
<script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>
<!--Bootstrap Validator [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/bootstrapValidator.min.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/bootstrap-validator/bootstrapValidator.min.js') }}"></script>
<!--Form validation [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/form-validation.js') }}"></script>
<script src="{{ asset('js/admin/users/register.js') }}"></script>
<script src="{{ asset('js/admin/users/get-id-dep.js') }}"></script>
<script src="{{ asset('js/admin/users/get-id-role.js') }}"></script>
<script src="{{ asset('js/admin/users/addrole.js') }}"></script>
@stop