@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">Output procedure</h3>
		</div>
		<div class="panel-body">
			{{ csrf_field() }}
			<!-- Inline Form  -->
			<!--===================================================-->
			<form  data-parsley-validate class="form-inline" id="form-outputprocedures" action="{{ route('createoutputprocedure') }}">
				
				<div class="form-group mar-hor">
					<label for="title_output" class="sr-only">Output Title</label>
					<input type="text" placeholder="Enter output title here" id="title_output" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="0">
				</div>
				<div class="form-group mar-rgt">
					<label for="description_output" class="sr-only">Ressource description</label>
					<input type="text" placeholder="Enter output description here" id="description_output" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="1">
				</div>
				
				
				<button class="btn btn-info" type="submit">Save</button>
			</form>
			<!--===================================================-->
			<!-- End Inline Form  -->
		</div>
	 </div>
   </div>
 </div>



<!-- Basic Data Tables -->
<!--===================================================-->
<div class="panel">
<div class="panel-heading">
	<h3 class="panel-title">Output procedure 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>Output title</th>
				<th>Output description</th>
				<th class="">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@foreach($outputs as $output )
			<tr class="{{ 'tr-'.$output->slug }}">
				<td>{{$output->title_output}}</td>
				<td>{{$output->description_output}}</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="{{ route('getDetailsOutput') }}" data-slug="{{ $output->slug }}" data-toggle="modal" data-target="#detailsOutput" class="item-details">Details</a>
							</li>
							<li><a href="{{ route('getDetailsOutput') }}" data-slug="{{ $output->slug }}" data-toggle="modal" data-target="#updateOutputForm" class="item-update">Update</a>
							</li>
							<li><a href="{{ route('deleteoutputprocedure') }}" data-slug="{{ $output->slug }}" class="item-delete">Delete</a>
							</li>
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
		</tbody>
	</table>
</div>
</div>
					
@include('admin.inc.detailsoutput')
@include('admin.inc.formupdateoutputs')

@stop

@section('addlibjs')
<!-- Form validation -->
<script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>

<!-- 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 ]-->
<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 ressourcess user -->
<script src="{{ asset('js/admin/outputs/create-output-procedures.js') }}"></script>
<script src="{{ asset('js/admin/outputs/delete-outputs-procedures.js') }}"></script>
<script src="{{ asset('js/admin/outputs/delete-outputs.js') }}"></script>
<script src="{{ asset('js/admin/outputs/update-outputs-procedures.js') }}"></script>
<script src="{{ asset('js/admin/outputs/details-outputs-procedures.js') }}"></script>
@stop