@extends('layouts.app')

@section('content')
	<div class="container">
		@include('tooltips.success', ['message' => $message])
		@include('tooltips.error', ['errors' => $errors])
		<div class="row">
			<div class="col-md-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							Liste des trajets
						</div>

						<div class="panel-body">
							<div class="text-center">
								<a class="btn btn-default{{(strcmp(Request::segment(2), 'allyear') === 0 ? ' active' : '')}}"
								   href="{{ route('drive.list', 'allyear') }}">Covoiturage pour toute l'année</a>
								<a class="btn btn-default{{(strcmp(Request::segment(2), 'occasional') === 0 ? ' active' : '')}}"
								   href="{{ route('drive.list', 'occasional') }}">Covoiturage occasionnel</a>
							</div>
							<br />
							<div class="text-center">
							@if (count($drives) > 0)
								@if (strcmp(Request::segment(2), 'allyear') === 0)
									@include('drive.list.allyear', array('drives' => $drives, 'page' => 'list'))
								@else
									@include('drive.list.occasional', array('drives' => $drives, 'page' => 'list'))
								@endif
							@else
								Aucun trajet trouvé
							@endif
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>
@endsection

@section('page-script')
	<script type="text/javascript">
		$(document).ready(function () {
			var drivesList = $('.drivesList');
			drivesList.tablesorter({
				theme: 'bootstrap',
				headerTemplate: '{content} {icon}',
				widgets: ['uitheme', 'filter']
			});
			$('.tablesorter-childRow td').hide();

			drivesList.show();

			$('.tablesorter').delegate('.toggle', 'click' ,function(){
				$(this).closest('tr').nextUntil('tr.tablesorter-hasChildRow').find('td').toggle();
				return false;
			});
		})
	</script>
@endsection