@extends('layouts.app')
@section('content')

<section class="content">
	<div class="container-fluid">

		<div class="px-sm-4">

			<div class="row mt-2 mt-sm-3">
				<div class="col-md-7 col-10">
					<div class="top-head">
						<h1>Users</h1>
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#">Settings</a></li>
								<li class="breadcrumb-item active" aria-current="page">Users</li>
							</ol>
						</nav>
					</div>
				</div>
				<div class="col-md-5 col-2 text-right">
					<div class="d-flex justify-content-end">

						
						<a href="{{url('settings/user-management')}}"><button type="button" class="btn save-btn mr-2">Add New Role</button></a>
						<a href="{{url('settings/add-user')}}"><button type="button" class="plus-btn"><img src="{{asset('assets/img/plus-white.svg')}}" alt=""></button></a>

						<!-- <div class="top-search-bar d-sm-block d-none mr-3">
							
							<form>
								<input type="text" name="search" placeholder="Search by ..." id="search" class="form-control" value="{{ @$search }}">
							</form>
						</div> -->
					</div>
				</div>
			</div>

			<div class="row mt-2 mt-sm-0">
				<div class="col-md-6 mb-3 mb-sm-0">
					<form method="get">
						<div class="box-select bg-white">
							<div class="row">
								<div class="col-md-6 border-sm-right">
									<div class="select-innerpadding">
										<label class="select-label mb-0">Role</label>
										<select class="form-control select-content" id="role" name="role" onchange="this.form.submit()">
										<option value="">Select</option>
											@foreach($roles as $role)
											<option value="{{$role->name}}" @if ($role->name == $roleName || old('role') == $role->name) selected @endif>{{ucfirst($role->name )}}</option>
											@endforeach
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="select-innerpadding">
										<label class="select-label mb-0">Status</label>
										<select class="form-control select-content" name="status" id="status" onchange="this.form.submit()">
											<option value="">Select</option>
											<option value="active" @if(request()->input('status') == "active" ) selected
												@endif>Active</option>
											<option value="inactive" @if(request()->input('status') == "inactive" ) selected
												@endif>Inactive</option>
										</select>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
				<!-- <div class="col-md-6 text-sm-right">
					<a href="{{url('settings/user-management')}}"><button type="button" class="btn save-btn ">Add New User</button></a>
				</div> -->
				
				<div class="col-md-6 text-sm-right">
					<div class="d-flex justify-content-end">

						<div class="top-search-bar d-sm-block d-none mr-3">
							<form>
								<input type="text" name="search" placeholder="Search by ..." id="search" class="form-control" value="{{ @$search }}">
							</form>
						</div>
					</div>
					@if($filterCount > 0)
                <div class="row float-right">
                    <div class="col-md-12 text-right d-flex float-right">
                        <div class="clear">
                            <a class="clear-filter" href="/settings">Clear Filters</a>
                        </div>
                    </div>
                </div>
                @endif
				</div>
				
			</div>

			<div class="row mt-3">
				<div class="col-md-12">
					<div class="card p-2">
						<div class="table-responsive">
							<table class="table dairy-table mb-0">
								<thead>
									<tr>
										<th colspan="3" style="text-align: center;">NAME</th>
										<th>CONTACT</th>
										<th>EMAIL ADDRESS</th>
										<th colspan="1">ROLE</th>
										<th colspan="1">STATUS</th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									@foreach($users as $user)
									<tr>
										<td>
										@if ($user->status == 'active')
                                                            <p class="active-notgreen"></p>
										@else
											<p class="active-notgreen  active-dotgray"></p>
										@endif
										</td>
										<td width="70px">
											<h6 class="table-username">
												<img src="{{ isset($user->profile_pic) ? $user->profile_pic : '' }}"
												onerror="this.src='/assets/img/user-default.jpg'"
												alt="{{ isset($user->profile_pic) ? $user->profile_pic : '' }}" width="40px" height="40px">
											</h6>
										</td>
										<td>{{$user->name}}</td>
										<td class="contact-table">{{$user->mobile}}</td>
										<td class="table-emailtext">{{$user->email}}</td>
										<td>{{$user->user_type}}</td>
										<td>{{$user->status}}</td>
										
										<td width="90px">
											<a href="{{url('settings/user-edit/'.base64_encode($user->id))}}">
												<span class="badge edit-box"><img src="{{asset('assets/img/edit.svg')}}" alt=""></span>
											</a>
										</td>
									</tr>
									@endforeach

								</tbody>
							</table>
							@if (count($users) == 0)
							<div>
								<center>No record(s) found!</center>
							</div>
							@endif
						</div>
					</div>
				</div>
			</div>
			{{ $users->appends(request()->input())->links('partials.pagination') }}

		</div>

	</div>
</section>
@endsection
@section('scripts')
<script>
	$("#search").change(function() {
		this.form.submit();
	});
</script>
@endsection