@extends('admin.tpl.admintpl')

@section('content')

<div class="row">
	<div class="col-md-12">                    
	  <div class="panel">
		<div class="panel-heading">
			<div class="panel-control">
				<button class="btn btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></button>
				<button class="btn btn-default" data-click="panel-reload"><i class="fa fa-refresh"></i></button>
				<button class="btn btn-default" data-click="panel-collapse"><i class="fa fa-chevron-down"></i></button>
				<button class="btn btn-default" data-dismiss="panel"><i class="fa fa-times"></i></button>
			</div>
			<h3 class="panel-title">Create Post Supervisor</h3>
		</div>
<div class="panel-body">
{{ csrf_field() }}

			<!-- Inline Form   formaulaire de creation d'un superviseur-->
			<!--===================================================-->
	<form data-parsley-validate class="form-horizontal" method="post" id="form-supervisor"  action="{{ route('createsupervisor') }}">
		<div class="panel-body">
			<div class="row">
				<div class="mar-btm col-md-3">
					<label for="sup_name" class="sr-only">Post Supervisor Name</label>
					<input type="text" placeholder="Enter supervisor name" id="sup_name" name="sup_name" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="0">
				</div>	
				<div class="mar-btm col-md-3" id="getidrole" href="{{ url('getidrolesup') }}">
					 <label  for="role" class="control-label sr-only" data-parsley-trigger="blur" data-parsley-required data-index="1">Role Supervisor</label>
					<select type="text" id="role" name="role" class="form-control">
						<option value="" selected>Select Role</option>
						@foreach ($roles as $role)
							<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
						@endforeach;
					</select>
				</div>
				<div class="mar-btm col-md-3" id="getiddep" href="{{ url('getiddepsup') }}">
					<label  for="id_department" class="control-label sr-only"> Department </label>
					<select id="department" name="department" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="2">
						<option value="" selected>Select Department</option>
					</select>
				</div>
				<div class="mar-btm col-md-3" id="input_team" style="display:none;">
					<label  for="id_team" class="control-label sr-only"> Team </label>
					<select id="team" name="team" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="3">
						<option value="" selected>Select Team</option>
					</select>
				</div>
			</div>
			
			<label class="control-label sr-only"> Description </label>

			<textarea placeholder="Desciption here..."  rows="13" id="sup_description" name="sup_description" class="form-control"></textarea>
		</div>
		<div class="panel-footer text-right">
			<button class="btn btn-info" type="submit">Save</button>
		</div>
	</form>
	<!--===================================================-->
	<!-- End Inline Form  -->
		</div>
	 </div>
   </div>
 	
 </div>
 
 
 
 

	<!--//upadate supervisor pop pop=======-->
	<div class="modal fade" id="updatesup" 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 Post Supervisor</h1>
				</div>
				
				<div class="modal-body">
					<!--<div class="modal-body">=======-->
					<!-- Inline Form  -->
					<!--===================================================-->
					<form data-parsley-validate class="form-update-sup" method="post"  action="{{ route('updatesup') }}" id="form-update">
						{{ csrf_field() }}
						<div class="panel-body">
							<div class="row">
								<div class="mar-btm col-md-3">
									<label for="sup_name" class="sr-only">Post Supervisor Name</label>
									<input type="hidden" id="uslug" name="uslug" class="form-control" >
									<input type="text" placeholder="Enter supervisor name" id="usup_name" name="usup_name" class="form-control" data-parsley-trigger="blur" data-parsley-required>
								</div>	
								<div class="mar-btm col-md-3" id="upgetidrole" href="{{ url('upgetidrolesup') }}">
									 <label  for="role" class="control-label sr-only">Role Supervisor</label>
									<select type="text" id="urole" name="urole" class="form-control" data-parsley-trigger="blur" data-parsley-required>
										<option value="" selected>Select Role</option>
										@foreach ($roles as $role)
											<option value="{{ $role->role_level }}">{{ $role->role_name }}</option>
										@endforeach;
									</select>
								</div>
								<div class="mar-btm col-md-3" id="upgetiddep" href="{{ url('upgetiddepsup') }}" data-parsley-trigger="blur" data-parsley-required>
									<label  for="id_department" class="control-label sr-only"> Department </label>
									<select id="udepartment" name="udepartment" class="form-control" >
										<option value="" selected>Select Department</option>
									</select>
								</div>
								<div class="mar-btm col-md-3" id="uinput_team" style="display:none" data-parsley-trigger="blur" data-parsley-required
									<label  for="id_team" class="control-label sr-only"> Team </label>
									<select id="uteam" name="uteam" class="form-control">
										<option value="" selected>Select Team</option>
									</select>
								</div>
							</div>
							
							<label class="control-label sr-only"> Description </label>
							<textarea placeholder="Desciption here..."  rows="13" id="usup_description" name="usup_description" class="form-control"></textarea>
						</div>

						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							<button type="submit" class="btn btn-infos" id="btn_create">Update Supervisor</button>
						</div>
			
					</form>
					<!--===================================================-->
					<!-- End Inline Form  -->
				</div>
			</div>
		</div>
	</div>
   
<!-- Basic Data Tables -->
<!--===================================================-->
<div class="panel">
<div class="panel-heading">
	<h3 class="panel-title">Hierarchical Supervisor List</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="15%">Post Name</th>
				<th width="20%">Post Description</th>
				<th>Role</th>
				<th>Department</th>
				<th>Team</th>
                <th class="">Operations</th>
			</tr>
		</thead>
		<tbody>
			@if($datasup)
				@foreach($datasup as $key => $value)
					@foreach($value as $superviso)
					<tr class="{{ 'tr-'.$superviso['slug'] }}">
						<td>{{$superviso['sup_name']}}</td>
						<td>{{$superviso['sup_description']}}</td>
						<td>{{$superviso['role_name']}}</td>
						<td>{{$superviso['dep_name']}}</td>
						<td>{{$superviso['team_name']}}</td>
						<td>
						    	@if( $superviso['id'] != 1  )
							        @if( $superviso['id'] != 2  )
							        @if( $superviso['id'] != 3  )
							        @if( $superviso['id'] != 4  )
							        @if( $superviso['id'] != 5  )
							<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('getdetailsup/'.$superviso['slug']) }}" data-slug="{{ $superviso['slug'] }}" data-toggle="modal" data-target="#detailsSup" class="get-details-sup">Details</a>
									</li>
									<!--<li>
									   <a href="{{ url('getupsup/'.$superviso['slug']) }}" class="update-sup" data-slug="{{ $superviso['slug']}}" data-toggle="modal" data-target="#updatesup">Update</a>
									</li>-->
									<li><a href="{{ url('deletesupervisor/'.$superviso['slug']) }}" data-slug="{{ $superviso['slug'] }}" class="delete-item">Delete</a>
									</li>
								
								</ul>
							</div>
								@endif
						                @endif
					                	@endif
					                	@endif
						                @endif
						</td>
					</tr>
					@endforeach	
				@endforeach	
			@endif
		</tbody>
	</table>
</div>
</div>

@include('admin.inc.detailsupervisors')

@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>
<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">
 <!--DataTables [ OPTIONAL ]-->
<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>
<!--Demo script [ DEMONSTRATION ]-->
<script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>

<!--Actions roles user -->
<!--DataTables Sample [ SAMPLE ]-->
<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>

<script src="{{ asset('js/admin/supervisors/create-supervisor.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/update-supervisor.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/delete-supervisor.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/get-id-dep.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/up-get-id-dep.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/get-id-role.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/up-get-id-role.js') }}"></script>
<script src="{{ asset('js/admin/supervisors/get-up-supervisor.js') }}"></script>
<script src="{{	asset('js/admin/supervisors/details-supervisor.js') }}"></script>
@stop