@extends('admin.tpl.admintpl')

@section('content')

<!-- Basic Data Tables -->
<!--===================================================-->
<div class="row">
	<div class="col-md-12"> 
<div class="panel">
<div class="panel-heading">
	<h3 class="panel-title">List of Users</h3>
</div>
<div class="panel-body">
	<table id="demo-dt-basic" class="table table-striped table-bordered table-responsive response-datas">
		<thead>
			<tr>
				<th width="12%">Name</th>
				<th width="12%">Address</th>
				<th>Phone</th>
				<th width="15%">Email</th>
				<th>Role</th>
				<th width="16%">Department</th>
				<th width="15%">Team</th>
				<th>Supervisor</th>
				<th class="">Operations</th>
			</tr>
		</thead>		
		<tbody>
			@if($datauser)
				@foreach($datauser as $key => $value)
					@foreach($value as $user)
						<tr>
							<td>{{ $user['firstname'].' '.$user['lastname'] }}</td>
							<td>{{ $user['address'] }}</td>
							<td>{{ $user['phone_number'] }}</td>
							<td>{{ $user['email'] }}</td>
							<td>{{ $user['role_name'] }}</td>
							<td>{{ $user['dep_name'] }}</td>
							<td>{{ $user['team_name'] }}</td>
							<td>{{ $user['sup_name'] }}</td>
							<td>
								<div class="btn-group btn-group-lg">
									<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">
									Action <i class="dropdown-caret fa fa-chevron-down"></i>
									</button>
									<ul class="dropdown-menu">
										<li class="dropdown-header">Select action</li>
										<li><a href="{{ url('getdetuser/'.$user['id']) }}" class="detail-user" data-slug="{{ $user['id'] }}" data-toggle="modal" data-target="#detailuser">Details</a>
										</li>
										<li><a href="#" class="update-user" data-href="{{ url('getupuser/'.$user['id']) }}" data-slug="{{ $user['id'] }}" data-toggle="modal" data-target="#updateuser">Update</a>
										</li>
										<li><a href="{{ url('deleteuser/'.$user['slug']) }}" data-slug="{{ $user['slug'] }}" class="delet-item">Delete</a>
										</li>
									</ul>
								</div>
							</td>
						</tr>
					@endforeach	
				@endforeach	
			@endif	
		</tbody>
	</table>
</div>
</div>
					
</div>
</div>
<!--update user -->

	<div class="modal fade" id="updateuser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        
                        <h1 class="modal-title">Update User</h1>
                    </div>
                    <div class="modal-body">

                        <form data-parsley-validate  id="form-update-user" action="{{ route('updateuser') }}" method="post">
									{{ csrf_field() }}
								<div class="panel-body">
									<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">
															<input type="hidden" class="form-control" id="uid" name="uid">
															<div class="form-group">
																<label class="control-label">Firstname</label>
																<!--<input type="text" class="form-control" id="ufirstname" name="ufirstname" data-parsley-trigger="blur" data-parsley-required data-index="0">-->
																<input type="text" class="form-control" id="ufirstname" name="ufirstname">
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group">
																<label class="control-label">Lastname</label>
																<input type="text" class="form-control" id="ulastname" name="ulastname" 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="input" class="form-control" id="uphone_number" name="uphone_number" 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="uemail" name="uemail" data-parsley-trigger="blur" data-parsley-required 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="10" id="uaddress" name="uaddress" class="form-control"></textarea>
															</div>
														</div>
														
												</div>
												
												<div class="row" id="brole1" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole1" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole1" name="urole1" data-parsley-required data-trigger="change" data-parsley-trigger="blur" 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="ugetiddep1" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment1" name="udepartment1" data-parsley-required data-trigger="change" data-parsley-trigger="blur" data-index="5">
																<option value="" selected>Select Department</option>
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="uinput_team1" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam1" name="uteam1" data-parsley-required data-trigger="change" data-parsley-trigger="blur" 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="brole2" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole2" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole2" name="urole2" 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="ugetiddep2" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment2" name="udepartment2" 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="uinput_team2" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam2" name="uteam2" 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="brole3" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole3" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole3" name="urole3" 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="ugetiddep3" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment3" name="udepartment3" 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="uinput_team3" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam3" name="uteam3" 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="brole4" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole4" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole4" name="urole4" 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="ugetiddep4" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment4" name="udepartment4" 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="uinput_team4" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam4" name="uteam4" 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="brole5" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole5" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole5" name="urole5" 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="ugetiddep5" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment5" name="udepartment5" 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="uinput_team5" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam5" name="uteam5" 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="brole6" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole6" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole6" name="urole6" 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="ugetiddep6" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment6" name="udepartment6" 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="uinput_team6" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam6" name="uteam6" 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="brole7" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole7" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole7" name="urole7" 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="ugetiddep7" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment7" name="udepartment7" 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="uinput_team7" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam7" name="uteam7" 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="brole8" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole8" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole8" name="urole8" 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="ugetiddep8" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment8" name="udepartment8" 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="uinput_team8" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam8" name="uteam8" 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="brole9" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole9" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole9" name="urole9" 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="ugetiddep9" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment9" name="udepartment9" 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="uinput_team9" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam9" name="uteam9" 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="brole10" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="ugetidrole10" href="{{ url('ugetidrole') }}">
															<label class="control-label">Role User</label>
															<select type="text" class="form-control" id="urole10" name="urole10" 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="ugetiddep10" href="{{ url('ugetiddep') }}">
															<label class="control-label">Department</label>
															<select class="form-control" id="udepartment10" name="udepartment10" 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="uinput_team10" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" class="form-control" id="uteam10" name="uteam10" 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>
												
										</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>
											
											
												<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="uskype_id" name="uskype_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="uteam_viewer_id" name="uteam_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="uwhatsapp" name="uwhatsapp">
															</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="ulogin" name="ulogin">
															</div>
														</div>

													</div>
												-->
											<!--===================================================-->
											<!--End Horizontal Form-->
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								<button type="submit" class="btn btn-primary" id="btn_create">Update Account</button>
							</div>
						</form>
                    
					</div>
            </div>
		</div>
	</div>


<!-- detail user-->

	<div class="modal fade" id="detailuser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        
                        <h1 class="modal-title">User Profile</h1>
                    </div>
                    <div class="modal-body">

                        <form action="" id="form-user-info" method="post">
							{{ csrf_field() }}
								<div class="panel-body">
									<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">
															<input type="hidden" class="form-control" id="did" name="did">
															<div class="form-group">
																<label class="control-label">Firstname</label>
																<input type="text" readonly="readonly" class="form-control" id="dfirstname" name="dfirstname">
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group">
																<label class="control-label">Lastname</label>
																<input type="text" readonly="readonly" class="form-control" id="dlastname" name="dlastname">
															</div>
														</div>
												</div>
												<div class="row">
														<div class="col-sm-6">
															<div class="form-group">
																<label class="control-label">Phone number</label>
																<input type="text" readonly="readonly" class="form-control" id="dphone_number" name="dphone_number">
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group">
																<label class="control-label">Email</label>
																<input type="email" readonly="readonly" class="form-control" id="demail" name="demail">
															</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..." readonly="readonly" rows="10" id="daddress" name="daddress" class="form-control"></textarea>
															</div>
														</div>
												</div>
												
												<div class="row" id="dbrole1" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole1" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole1" name="drole1">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep1" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment1" name="ddepartment1">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team1" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam1" name="dteam1">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole2" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole2" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole2" name="drole2">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep2" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment2" name="ddepartment2">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team2" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam2" name="dteam2">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole3" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole3" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole3" name="drole3">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep3" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment3" name="ddepartment3">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team3" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam3" name="dteam3">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole4" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole4" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole4" name="drole4">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep4" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment4" name="ddepartment4">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team4" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam4" name="dteam4">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole5" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole5" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole5" name="drole5">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep5" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment5" name="ddepartment5">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team5" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam5" name="dteam5">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole6" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole6" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole6" name="drole6">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep6" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment6" name="ddepartment6">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team6" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam6" name="dteam6">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole7" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole7" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole7" name="drole7">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep7" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment7" name="ddepartment7">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team7" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam7" name="dteam7">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole8" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole8" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole8" name="drole8">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep8" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment8" name="ddepartment8">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team8" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam8" name="dteam8">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole9" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole9" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole9" name="drole9">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep9" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment9" name="ddepartment9">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team9" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam9" name="dteam9">
															</select>
														</div>
													</div>
												</div>
												
												<div class="row" id="dbrole10" style="display:none;">
													<div class="col-sm-3">
														<div class="form-group" id="dgetidrole10" href="">
															<label class="control-label">Role User</label>
															<select type="text" readonly="readonly" class="form-control" id="drole10" name="drole10">
															</select>
														</div>
													</div>

													<div class="col-sm-3">
														<div class="form-group" id="dgetiddep10" href="">
															<label class="control-label">Department</label>
															<select type="text" readonly="readonly" class="form-control" id="ddepartment10" name="ddepartment10">
															</select>
														</div>
													</div>

													<div class="col-sm-3" id="dinput_team10" style="display:none;">
														<div class="form-group">
															<label class="control-label">Team</label>
															<select type="text" readonly="readonly" class="form-control" id="dteam10" name="dteam10">
															</select>
														</div>
													</div>
												</div>
												
											</div>
												
										</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>
											
												<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="dskype_id" name="dskype_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="dteam_viewer_id" name="dteam_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="dwhatsapp" name="dwhatsapp">
															</div>
														</div>
													</div>
													
													<div class="row">
														<div class="col-sm-12">
															<div class="form-group">
																<label class="control-label">Hierarchical Supervisor</label>
																<input type="text" readonly="readonly" class="form-control" id="dsup" name="dsup">
															</div>
														</div>
													</div>
												
											<!--===================================================-->
											<!--End Horizontal Form-->
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>	
					</div>	
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					</div>	
            </div>
		</div>
    </div>


@stop

@section('addlibjs')

<!-- We put here the additionnals libs for this page only -->
<!-- Form validation -->
<script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>
<!--Demo script [ DEMONSTRATION ]-->
<script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
<!--DataTables [ OPTIONAL ]-->
<!--Bootstrap Table [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<!--DataTables Sample [ SAMPLE ]-->

<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
<script src="{{ asset('plugins/pace/pace.min.js' )}}"></script>
<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
<!--Demo script [ DEMONSTRATION ]-->

<!--Actions roles user -->

<script src="{{ asset('js/admin/rolesuser/delete-role-user.js') }}"></script>
<script src="{{ asset('js/admin/users/delete-user.js') }}"></script>
<!--<script src="{{ asset('js/admin/users/get-roleuser.js') }}"></script>
<script src="{{ asset('js/admin/users/get_dep_user.js') }}"></script>-->
<script src="{{ asset('js/admin/users/uget-id-dep.js') }}"></script>
<script src="{{ asset('js/admin/users/uget-id-role.js') }}"></script>
<script src="{{ asset('js/admin/users/uaddrole.js') }}"></script>
<script src="{{ asset('js/admin/users/get_det_user.js') }}"></script>
<script src="{{ asset('js/admin/users/get-up-user.js') }}"></script>
<script src="{{ asset('js/admin/users/updateuser.js') }}"></script>
@stop