<style>
    .table-hover tbody tr:hover td,
    .table-hover tbody tr td:hover {
        background: #FFD493;

    }
</style>
<div class="row">
    <div class="col-lg-12">
        
		<!--
		<div class="pull-right" style="margin-top:45px;">
            <a href="/users/edit/new"><i class="fa fa-plus"></i> New user</a>
        </div>
		-->
        <h1 class="page-header">Users</h1>
		<a href="/users/edit/new" style="width:150px" class="btn btn-default"><i class="fa fa-plus" aria-hidden="true"></i> New user</a>
		<br/><br/>
        <table class="table table-borders table-striped table-hover">
            <thead>
                <tr>
<!--                    <th></th>-->
                    <th>Active</th>
					<th>Name</th>
                    <th>Email</th>
                    <th>Role</th>
					<th>Restaurant</th>  					
					<th>Statistics</th>
					<th>Lunch</th>
					<th>Allergens</th>
					<th>Drinks</th>
<!--                    <th>Updated at</th>
                    <th>Created at</th>-->
                    <th>Last login</th>
                </tr>
            </thead>
            <tbody>
                @{foreach user in model.users}
                <tr @{if !user.status} style="color:silver" @{fi}  onclick="document.location.href='/users/edit/@{user.key}'">
                    <!--
					<td class="text-center"  style="width:60px;">
                        <a href="/users/edit/@{user.key}"><i class="fa fa-edit"></i></a>
                        &nbsp;
                        <a href="javascript:void(0)" onclick="if(confirm('Are you sure?')){document.location.href='/users/delete/@{user.key}'}"><i class="fa fa-trash"></i></a>
                    </td>
					-->
					<td style="vertical-align: middle">@{if user.status} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>					
                    <td>@{user.name}</td>
                    <td>@{user.email}</td>
                    <td>@{user.role}</td>
					<td>@{user.restaurantName}</td> 					
					<td style="vertical-align: middle">@{if user.hasStatistics} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>												
					<td style="vertical-align: middle">@{if user.hasLunch} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>		
					<td style="vertical-align: middle">@{if user.hasAllergens} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>		
					<td style="vertical-align: middle">@{if user.hasDrinks} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>		
<!--                    <td>
                        @{if user.updated_at}
                            @{new Date(user.updated_at).format('dd-MM-yyyy HH:mm')}
                        @{else}
                            Never
                        @{fi}
                    </td>

                    <td>@{new Date(user.created_at).format('dd-MM-yyyy HH:mm')}</td>
-->
                    <td>
                        @{if user.last_login}
                            @{new Date(user.last_login).format('dd-MM-yyyy HH:mm')}
                        @{else}
                            Never
                        @{fi}
                    </td>
                </tr>
                @{end}
            </tbody>
        </table>
    </div>
</div>