@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">Ressources Form</h3>
		</div>
		<div class="panel-body">
			
			<!-- Inline Form  -->
			<!--===================================================-->
			<form data-parsley-validate class="form-inline" id="form-ressources" action="{{ route('createressources') }}">
				{{ csrf_field() }}
				<div class="form-group mar-hor">
					<label for="title_ressource" class="sr-only">Ressource title</label>
					<input type="text" placeholder="Enter ressource title" id="title_ressource" 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">Ressource description</label>
					<input type="text" placeholder="Ressource description" id="description_ressource" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="1">
				</div>
				{{-- <div class="form-group mar-rgt">
					<label for="type_ressource" class="sr-only">Ressource type</label>
					<input type="text" placeholder="Ressource type" id="type_ressource" class="form-control" required>
				</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">Ressources 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>Ressource title</th>
				<th>Ressource description</th>
				<th class="">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@foreach($ressources as $ressource )
			<tr class="{{ 'tr-'.$ressource->slug }}">
				<td>{{$ressource->title_resource}}</td>
				<td>{{$ressource->description_resource}}</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('getDetailsRessource') }}" data-slug="{{ $ressource->slug }}" data-toggle="modal" data-target="#detailsRessource" class="item-details">Details</a>
							</li>
							<li><a href="{{ route('getDetailsRessource') }}" data-slug="{{ $ressource->slug }}" data-toggle="modal" data-target="#updateRessourceForm" class="item-update">Update</a>
							</li>
							<li><a href="{{ route('deleteressource') }}" data-slug="{{ $ressource->slug }}" class="item-delete">Delete</a>
							</li>
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
		</tbody>
	</table>
</div>
</div>
					
@include('admin.inc.detailsressource')
@include('admin.inc.formupdateressource')

@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/ressources/createressources.js') }}"></script>
<script src="{{ asset('js/admin/ressources/delete-ressources.js') }}"></script>
<script src="{{ asset('js/admin/ressources/delete-ressource.js') }}"></script>
<script src="{{ asset('js/admin/ressources/details-ressources.js') }}"></script>
<script src="{{ asset('js/admin/ressources/update-ressources.js') }}"></script>
@stop