@extends('adminsection.layouts.master')

@section('title')
	User List
	|| @parent
@stop

@section('page-title')
	User List 
@stop

@section('main-content')
<div class="row gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="card">
			<div class="card-header">
				<a href="{{route('user.create')}}" class="btn btn-success btn-sm float-left">
					Add New
				</a>

				<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 float-right">
					<div class="right-actions">
						<form method="get" class="input-group form-group search-block">
							<input type="text" class="form-control" placeholder="Enter name" name="name">
							<span class="input-group-btn">
								<button class="btn btn-primary" type="submit">Search</button>
							</span>
						</form>
					</div>
				</div>
			</div>
			<div class="card-body">
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Email</th>
							<th>Image</th>
							<th>Actions</th>
						</tr>
					</thead>
					<tbody>
						@foreach($users as $user)
							<tr>
								<th scope="row">{{$loop->iteration}}</th>
								<td>{{$user->name}}</td>
								<td>{{$user->email}}</td>
								<td>
									<img src="{{asset('uploads/users/'.$user->image)}}" alt="{{$user->name}}" style="height: 30px; ">
								</td>
								<td>
									<a href="{{route('user.edit', $user)}}" class="btn btn-info btn-sm">
										Edit
									</a>
									<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#deleteUser{{$user->id}}">
										Deactivate
									</a>
								</td>
							</tr>
							<!-- Modal -->
							<div class="modal fade" id="deleteUser{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
								<div class="modal-dialog" role="document">
									<form method="post" action="#">
										@csrf
										<div class="modal-content"  style="border-radius: 0px !important;">
											<div class="modal-header">
												<h5 class="modal-title" id="exampleModalLabel">
													Deactivate
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body">
												Are you sure to deactivate <code>{{$user->name}}</code>?
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
												<button type="submit" class="btn btn-secondary">Confirm</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
@stop