@extends('admin.tpl.admintpl')

@section('content')





<!-- Basic Data Tables -->
<!--===================================================-->
<div class="row">
	<div class="col-sm-12">
<div class="panel">
<div class="panel-heading">
	<h3 class="panel-title">List of Procedures</h3>
</div>
<div class="panel-body">
	<table id="demo-dt-basic" class="table table-striped table-bordered table-hover table-responsive response-datas">
		<thead>
			<tr>
				<th>Name</th>
				<th>Parent</th>
				<th>Owner</th>
				<th width="5%">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@if($procedures)
			@foreach($procedures as $procedure)
			<tr>
				<td>{{ $procedure->name_procedure }}</td>
				<td>{{ $procedure->procedures['name_procedure'] }}</td>
				<td>{{ $procedure->procedure_owner }}</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">Selct action</li>
							<li><a href="{{ route('getproceduresjson') }}" data-slug="{{ $procedure->slug }}" data-toggle="modal" data-target="#detailsProc" class="get-details-item item-details">Details</a>
							</li>
							<li><a href="{{ route('updateform', ['slug' => $procedure->slug]) }}" data-slug="{{ $procedure->slug }}" class="update-item">Update</a>
							</li>
							<li><a href="{{ route('deleteprocedures') }}" data-slug="{{ $procedure->slug }}" class="delete-item">Delete</a>
							</li>
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
			@endif
		</tbody>
	</table>
</div>
</div>
	</div>
</div>

@include('admin.inc.detailsprocedure')
@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>
<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>
<!--Actions roles user -->
<script src="{{ asset('js/admin/procedure/details-procedure.js') }}"></script>
<script src="{{ asset('js/admin/procedure/delete-procedure.js') }}"></script>
@stop