@extends('fo.tpl.layout')

@section('content')
<div class="container">
	<div class="row">
		<div class="col-sm-12">
		
		</div>
	</div>
	
	
	<br/>
	<br/>
	
	
	<div class="row">
		<div class="col-sm-12">
		
			<!-- Basic Data Tables -->
			<!--===================================================-->
			<div class="panel">
				<div class="panel-heading">
					<h3 class="panel-title">Extended Tasks</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>Role</th>
								<th>Department</th>
								<th>Number of Tasks</th>
								<th>Average Progression</th>
								<th>State</th>
								<th class="">Operations</th>
							</tr>
						</thead>
						<tbody>
							@if($datausers)
								@foreach($datausers as $key => $value)
									@foreach($value as $user)
										<tr>
											<td><a href="{{ url('fo/tasks/getalltasks/'.$user['id']) }}" data-slug="{{ $user['id'] }}" class="" data-target="#myTasks">{{ $user['name'] }}</a></td>
											<td>{{ $user['role_name'] }}</td>
											<td>{{ $user['dep_name'] }}</td>
											<td>{{ $user['taskcount'] }}</td>
											<td>
												<div class="progress progress-striped progress-lg active">
													<div style="width: {{ $user['taskavg'] }}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{ $user['taskavg'] }}" role="progressbar" class="progress-bar progress-bar-primary">
														<span>{{ $user['taskavg'] }}% Complete</span>
													</div>
												</div>
											</td>
											<td><div class="label label-table label-success">{{ $user['state'] }}</div></td>
											<td>
												<div class="btn-group btn-group-lg">
													
													<button class="btn btn-primary 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>
														<!-- <li><a href="#" data-slug="{{ $user['id'] }}" class="deleteget-details-role" data-target="#myDetails">Details</a> -->
														<li><a href="{{ url('fo/tasks/getalltasks/'.$user['id']) }}" data-slug="{{ $user['id'] }}" class="" data-target="#myTasks">Tasks</a>
														</li>
													</ul>
												</div>
											</td>
										</tr>
									@endforeach	
								@endforeach	
							@endif	
						</tbody>
					</table>
				</div>
			</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>
 <!--DataTables [ OPTIONAL ]-->
 <!--Bootstrap Table [ 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>
<!--Demo script [ DEMONSTRATION ]-->

@stop