@extends('layouts.default') 
@section('content')
<a class="btn btn-info" href="{{route('participant.addParticipant')}}" style="position: absolute;right: 87px;top: 6px;"><i class="fa fa-plus"></i></a>
 <div class="row">
 	<div class="col-md-12">
 		<div class="panel panel-body">
 			@if (session('success'))
			    <div class="alert alert-success text-center col-md-4 col-md-offset-4">
			        {{ session('success') }}
			    </div>
			@endif
			@if (session('warning'))
			    <div class="alert alert-warning text-center col-md-4 col-md-offset-4">
			        {{ session('warning') }}
			    </div>
			@endif
			<div class="clearfix"></div>
			<div class="col-md-12">
				<form action="{{route('participant.index')}}" method="GET" class="form-inline text-center">
					<div class="form-group">
						<label for="">Groupe</label>
						<select name="groupe" class="form-control">
							<option value="">Choisir...</option>
							@foreach($groupes as $g)
							<option value="{{$g}}" @if($groupe==$g) selected @endif>{{$g}}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label for="">Type</label>
						<select name="type" class="form-control">
							<option value="">Choisir...</option>
							@foreach($types as $t)
							<option value="{{$t->id}}" @if($t->id==$type) selected @endif>{{$t->libelle}}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label for="">Date Debut</label>
						<input type="text" autocomplete="off"
                                   style="width: 190px;background-color: #eaeaea;" 
                                   class=" form-control datepicker-dashb" data-language='fr' 
                                   auto-close="true"
                                    focusable = "false" placeholder="Date debut" 
                                   data-min-view="days" data-view="days" 
                                   data-date-format="yyyy-mm-dd" name="date_debut"
                                   @if($date_debut) value="{{$date_debut}}" @endif>
					</div>
					<div class="form-group">
						<label for="">Date Fin</label>
						<input type="text" autocomplete="off"
                                   style="width: 190px;background-color: #eaeaea;" 
                                   class=" form-control datepicker-dashb" data-language='fr' 
                                   auto-close="true"
                                    focusable = "false"  placeholder="Date Fin" 
                                   data-min-view="days" data-view="days" 
                                   data-date-format="yyyy-mm-dd" name="date_fin"
                                   @if($date_fin) value="{{$date_fin}}" @endif>
					</div>
					<div class="form-group">
						<label for="">Rechercher</label>
						<input type="text" class="form-control" name="search" @if($search) value="{{$search}}" @endif>
					</div>
					<button class="btn btn-info btn-sm" type="submit"><i class="fa fa-search" style="font-size: 13px;"></i></button>
					<a href="{{route('participant.index')}}" class="btn btn-warning btn-sm">
						<i class="fa fa-times" style="font-size: 13px;"></i>
					</a>
				</form>
			</div>
			<div class="clearfix"></div>
 			<h4>{{ count($participants) }} Participant(s).</h4>
 			<table class="table">
 				<thead>
 					<tr>
 						<th class="text-center">CAB</th>
 						<th class="text-center">Nom</th>
 						<th class="text-center">Fonction</th>
 						<th class="text-center">Societe</th>
 						<th class="text-center">Groupe</th>
 						<th class="text-center">Portable</th>
 						<th class="text-center">Telephone</th>
 						<th class="text-center">Email</th>
 						<th class="text-center">Type</th>
 						<th class="text-center">Gouvernorat</th>
 						<th class="text-center">Pays</th>
 						<th class="text-center">Date</th>
 						<th class="text-center"style="width: 90px;">Action</th>
 					</tr>
 				</thead>
 				<tbody>
 					@foreach($participants as $p)
 					<tr>
 						<td class="text-center">
 								{{$p->code_barre}}
 						</td>
 						<td class="text-center">
 							<a href="{{route('participant.details',['id'=>$p->id])}}" style="color: blue">
 								{{$p->nom}}
 							</a>
 						</td>
 						<td class="text-center">{{$p->fonction}}</td>
 						<td class="text-center">{{$p->societe}}</td>
 						<td class="text-center">{{$p->groupe}}</td>
 						<td class="text-center">{{$p->portable}}</td>
 						<td class="text-center">{{$p->telephone}}</td>
 						<td class="text-center">{{$p->email}}</td>
 						<td class="text-center">{{$p->type}}</td>
 						<td class="text-center">{{$p->gouvernorat}}</td>
 						<td class="text-center">{{$p->pays}}</td>
 						<td class="text-center">
 							{{date('d/m/Y', strtotime($p->created_at))}}
 					</td>
 						<td class="text-center">
 							<a href="{{ route('participant.modifier', ['id'=>$p->id]) }}" class="btn btn-info btn-xs" title="Modifier">
 								<i class="fa fa-pencil"></i>
 							</a>
 							<!--
 							<form action="{{route('participant.delete', ['id'=>$p->id])}}" method="POST" 
 								  class="deleteParticipant" id="{{$p->id}}">
 								 @method('DELETE')
 								@csrf
 								<input type="hidden" name="id" value="{{$p->id}}">
 								<input type="hidden" name="nom" value="{{$p->nom}}">
 								<input type="hidden" name="code_barre" value="{{$p->code_barre}}">

 								
 								<Button class="btn btn-danger btn-xs "type="submit" style="margin: 0px;">
 									<i class="fa fa-trash"></i>
 								</Button>
 							</form>
 							-->
 						</td>
 					</tr>
 					@endforeach
 				</tbody>
 			</table>
 		</div>
 	</div>
 </div>
 <script>
 	$(document).ready(function($){
	     $('.deleteParticipant').on('submit',function(e){
	     	console.log(e.target);
	        if(!confirm('voulez vous vraiment supprimer ce participant')){
	              e.preventDefault();
	        }
	      });
	});
 </script>
@endsection