@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">Procedures 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>Name</th>
							<th>Owner</th>
							<th>Parent</th>
							<th>Standard</th>
							<th>Input</th>
							<th>Output</th>
							<th>Resource</th>
							<th>Document</th>
							<th class="">Operations</th>
							
						</tr>
					</thead>
					<tbody>
						@foreach($all as $procedure)
						<tr>
							<td>{{$procedure->name_procedure}}</td>
							<td>{{$procedure->procedure_owner}}</td>
							<td>{{$procedure->parent_procedure}}</td>
							<td>{{$procedure->norme}}</td>
							<td>{{$procedure->input_procedure}}</td>
							<td>{{$procedure->output_procedure}}</td>
							<td>{{$procedure->ressources}}</td>
							<td>{{$procedure->documents}}</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('getdetsupadmin/'.$procedure['id']) }}" class="details-supadmin" data-slug="{{ $procedure['id'] }}" data-toggle="modal" data-target="#dsupAdmin">Details</a>
										</li>
										<li> <a href="{{ url('getupsupadmin/'.$procedure['id']) }}" class="update-supadmin" data-slug="{{ $procedure['id'] }}" data-toggle="modal" data-target="#usupAdmin">Update</a>

										</li>
										<li><a href="{{ url('deletesuperadmin/'.$procedure['id']) }}" data-slug="{{ $procedure['id'] }}" class="delete-item">Delete</a>
										</li>
									</ul>
								</div>
							</td>
						</tr>
						@endforeach	
					</tbody>
				</table>
			</div>
			</div>
						
		</div>
	</div>
	
	<div class="modal fade" id="usupAdmin" 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 Super Admin</h1>
                    </div>
                    <div class="modal-body">

                            <form action="{{ route('updatesupadmin') }}" id="form-update-supadmin" method="post">
									{{ csrf_field() }}
							<div class="panel-body">
								<div class="eq-height">
									<div class="col-sm-6 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="sup_id" name="sup_id">
															<div class="form-group">
																<label class="control-label">Firstname</label>
																<input type="text" class="form-control" id="firstname" name="firstname">
															</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">
															</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">
															</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">
															</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="17" id="address" name="address" class="form-control"></textarea>
															</div>
														</div>
														
													</div>
												
												</div>
												
										</div>
									</div>
									<div class="col-sm-6 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="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>
											<!--===================================================-->
											<!--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>
	
	
	<div class="modal fade" id="dsupAdmin" 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 Super Admin</h1>
                    </div>
                    <div class="modal-body">

                            <form action="" id="form-det-supadmin" method="post">
									{{ csrf_field() }}
							<div class="panel-body">
								<div class="eq-height">
									<div class="col-sm-6 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="sup_id" name="sup_id">
															<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="number" 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 readonly="readonly" placeholder="" rows="17" id="daddress" name="daddress" class="form-control"></textarea>
															</div>
														</div>
														
													</div>
												
												</div>
												
										</div>
									</div>
									<div class="col-sm-6 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" readonly="readonly" 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" readonly="readonly" 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" readonly="readonly" class="form-control" id="dwhatsapp" name="dwhatsapp">
															</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" readonly="readonly" class="form-control" id="dlogin" name="dlogin">
															</div>
														</div>

													</div>
												
												
												<div class="list-divider"></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>
							</div>
						</form>
                    
					</div>
            </div>
		</div>
    </div>


@stop

@section('addlibjs')

<!-- We put here the additionnals libs for this page only -->

 <!--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/users/delete-superadmin.js') }}"></script>
<script src="{{ asset('js/admin/users/get-up-supadmin.js') }}"></script>
<script src="{{ asset('js/admin/users/get-det-supadmin.js') }}"></script>
<script src="{{ asset('js/admin/users/update-supadmin.js') }}"></script>
@stop