@extends('layout')

@section('content')

<div class="" ng-controller="User_controller" ng-init="getList();getRoles();">

	<div class="page-header row">
		<div class="col-md-6 col-6">
			<h3>Users</h3>
		</div>
		<div class="col-md-6 col-6 text-right">
			<button type="button" class="btn btn-primary" ng-click="addUserModal();"><i class="icons icon-plus"></i> Add User</button>
		</div>
	</div>

	<div class="portlet">

		<div class="portlet-body no--pad ng-cloak">
			<div table-paginate></div>

			<div class="filters" ng-if="filter.show">
				<form name="filterForm" ng-submit="" novalidate>
					<div class="row" style="font-size: 14px">
						
						<div class="col-md-2 form-group">
                            <label>Role </label>
							<select class="form-control" ng-model="filter.privilege">
								<option value="0">Select</option>
								<option ng-value="@{{names.id}}" ng-repeat="names in users_roles">@{{names.title}}</option>
							</select>
                        </div>


                        <div class="col-md-2 form-group">     
							<button ng-click="getList()" class="btn btn-primary" style="margin-top: 25px;">Apply</button>
							<button ng-click="clearFilter()" class="btn btn-danger" ng-disabled="clearing" style="margin-top: 25px;">Clear <span ng-show="clearing" class="spinner-border spinner-border-sm" ></span></button>
                        </div>

					</div>
				</form>
			</div>

			<div ng-if="loading" class="text-center mt-5 mb-5">
		      <div class="spinner-grow" role="status">
		        <span class="sr-only">Loading...</span>
		      </div>
		    </div>

		    <div ng-if="users_list.length == 0 && !loading">
				@include('common.no_found',["message" => "No records found"])
			</div>

			<div class="table-responsive" ng-if="users_list.length > 0">
				<table class="table">
					<thead class="">
						<tr>
							<th>SN</th>
							<th>Name</th>
							<th>Mobile</th>
							<th>Email</th>
							<th>Role</th>
							<th>Team Name</th>
							<th class="text-right">#</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="user in users_list track by $index" ng-class="user.inactive == 1 ? 'opaque' : '' ">
							<td>@{{ (filter.page_no - 1)*filter.max_per_page + $index + 1 }}</td>
							<td class="theme-color"><b>@{{user.name}}</b></td>
							<td>@{{user.mobile}}</td>
							<td>@{{user.email}}</td>
							<td>@{{user.role_name}}</td>
							<td>@{{user.team_name}}</td>
							<th class="text-right">
								<a type="button" class="btn btn-light btn-sm"
								href="{{url('/users/edit/')}}/@{{user.id}}" ng-if="user.inactive == 0">Edit</a>
								<button class="btn btn-sm btn-danger" ng-click="deleteUser(user)" ng-if="user.inactive == 0">Mark Inactive</button>
								<button class="btn btn-sm btn-light" ng-click="deleteUser(user)" ng-if="user.inactive == 1">Mark Active</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>

	@include('users.add_user_modals')
</div>
@endsection