@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 Documents</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>Description</th>
				<th>State</th>
				<th class="">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@if($documents)
			@foreach($documents as $document)
			<tr>
				<td>{{$document->document_name}}</td>
				<td>{{ substr($document->description, 0, 50).'...' }}</td>
				<td>{{$document->state}}</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="#" data-slug="{{ $document->slug }}" class="get-details-item">Details</a>
							</li>
							<!--
							<li><a href="#" data-slug="{{ $document->slug }}" class="update-item">Update</a>
							</li>
							<li><a href="{{ url('deletedocuments/'.$document->slug) }}" data-slug="{{ $document->slug }}" class="delete-item">Delete</a>
							</li>-->
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
			@endif
		</tbody>
	</table>
</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>
<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>
<!--Demo script [ DEMONSTRATION ]-->
<script src="{{ asset('assets/js/demo/form-layout.js') }}js"></script>
<!--Actions roles user -->
<script src="{{ asset('js/admin/documents/update-document.js') }}"></script>
<script src="{{ asset('js/admin/documents/delete-document.js') }}"></script>
@stop