@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">Performance create</h3>
		</div>
		<div class="panel-body">
			{{ csrf_field() }}
			<!-- Inline Form  -->
			<!--===================================================-->
			<form data-parsley-validate class="form-inline"  id="form-performance" action="{{ route('storeperformance') }}">
				
				<div class="form-group mar-hor">
					<label for="title" class="sr-only">Title</label>
					<input type="text" placeholder="Enter the title here" id="title" class="form-control" data-trigger="change" data-parsley-trigger="blur" data-parsley-required data-index="0" >
				</div>
				<div class="form-group mar-rgt">
					<label for="description" class="sr-only">Description</label>
					<input type="text" multiple placeholder="Enter the description here" id="description" class="form-control" data-trigger="change" 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">Performances index 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>Title</th>
				<th>Description</th>
				<th class="" width="15%">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@foreach($performances as $performance )
			<tr class="tr-{{ $performance->slug }}">
				<td>{{$performance->title}}</td>
				<td>{{$performance->description}}</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('getDetailsPerformance') }}" data-slug="{{ $performance->slug }}" data-toggle="modal" data-target="#detailsPerformances" class="item-details">Details</a>
							</li>
							<li><a href="{{ route('getDetailsPerformance') }}" data-slug="{{ $performance->slug }}" data-toggle="modal" data-target="#updatePerformanceForm" class="item-update">Update</a>
							</li>
							<li><a href="{{ route('destroyperformance')}}" data-slug="{{ $performance->slug }}" class="delete-item">Delete</a>
							</li>
						</ul>
					</div>
				</td>
			</tr>
			@endforeach	
		</tbody>
	</table>
</div>
</div>
					
@include('admin.inc.detailperfomance')
@include('admin.inc.updateperformance')

@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>
 <script src="{{ asset('plugins/modal/modal.css' )}}"></script>
<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
 <!--DataTables [ OPTIONAL ]-->
 <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">
<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/performances/create-performance.js') }}"></script>
<script src="{{ asset('js/admin/performances/details-performances.js') }}"></script>
<script src="{{ asset('js/admin/performances/update-performance.js') }}"></script>
<script src="{{ asset('js/admin/performances/delete-performance.js') }}"></script>
@stop