@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">Norm Form</h3>
		</div>
		<div class="panel-body">
			{{ csrf_field() }}
			<!-- Inline Form  -->
			<!--===================================================-->
			<form data-parsley-validate class="form-inline" id="form-norme" action="{{ route('createnorme') }}">
				
				<div class="form-group mar-hor">
					<label for="title_ressource" class="sr-only">Norm title</label>
					<input type="text" placeholder="Enter title" id="title_norme" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="0">
				</div>
				<div class="form-group mar-rgt">
					<label for="description_ressource" class="sr-only">Norm description</label>
					<input type="text" placeholder=" description" id="description_norme" 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">Norm 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>Norm title</th>
				<th>Norm description</th>
				<th class="">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@foreach($normes as $norme )
			<tr class="{{ 'tr-'.$norme->slug }}">
				<td>{{$norme->title_norme}}</td>
				<td>{{$norme->description_norme}}</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('getDetailsNorme') }}" data-slug="{{ $norme->slug }}" data-toggle="modal" data-target="#detailsNorme" class="item-details">Details</a>
							</li>
							<li><a href="{{ route('getDetailsNorme') }}" data-slug="{{ $norme->slug }}" data-toggle="modal" data-target="#updateNormeForm" class="item-update">Update</a>
							</li>
							<li><a href="{{ route('deletenorme') }}" data-slug="{{ $norme->slug }}" class="delete-norme">Delete</a>
							</li>
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
		</tbody>
	</table>
</div>
</div>
					
@include('admin.inc.detailsnorme')
@include('admin.inc.formupdatenorme')

@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 ]-->
<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/normes/create-norme.js') }}"></script>
<script src="{{ asset('js/admin/normes/details-normes.js') }}"></script>
<script src="{{ asset('js/admin/normes/update-normes.js') }}"></script>
<script src="{{ asset('js/admin/normes/delete-normes.js') }}"></script>
@stop