@extends('layouts.app')
@include('layouts.header')
@section('content')
<main class="user_index template_2col">
    @include('modules.param-sideMenu')
	<div class="main_content">
        @include('modules.flashMessage')
		<div class="heading">
			<h1>Gestion des utilisateurs</h1>
			<a href="{{ route('user.create') }}" class=" btn"><i class="fa fa-plus"></i> Ajouter</a>
		</div>

		<div class="filter_row group">
			<div class="left_col">
				<select class="filter_role" >
					<option value="0">Filtrer par rôle</option>
					@foreach (config('roles.label') as $key => $oneRole)
						<option value="{{$key}}">{{$oneRole}}</option>
					@endforeach
				</select>
				<a href="#" class=" btn btn-black filter_role_btn">Ok</a>
			</div>
			<div class="right_col">
				<input type="text"  value="" class="filter_user_input">
				<a href="#" class=" btn btn-black filter_user_btn">Rechercher un utilisateur</a>
			</div>
		</div>

		<table class="datatable">
			<thead>
				<tr>
					<th>IDENTIFIANT</th>
					<th>NOM</th>
					<th>EMAIL</th>
					<th>ROLE</th>
				</tr>
			</thead>
			@foreach ($users as $user)
				<tr class="data_row" attr-role="{{ $user->role}}">
					<td><a href="{{ route('user.edit', $user) }}">{{ $user->matricule }}</a></td>
					<td>{{ $user->firstname." ".$user->lastname }}</td>
					<td>{{ $user->email }}</td>
					<td>{{ $user->getRoleLabel()}}</td>
				</tr>
			@endforeach
			<tfoot>
					<tr>
						<td colspan="4">
						</td>
					</tr>
				</tfoot>
		</table>
	</div>
</main>
@endsection