@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
<br/>
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li>
					<a href="{{url('Admin-Panel')}}" title="Administration">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
						Admin Panel
					</a>
				</li>
				<li class="active">
					<a href="{{url('List-Users')}}" class="active" title="List-Users">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
						List of Users
					</a>
				</li>
				<li>
					<a href="{{url('Create-Users')}}" title="Create-User">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>
						Create User
					</a>
				</li>
				<li>
					<a href="{{url('Create-Roles')}}" title="Create-Roles">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
						Create Role
					</a>
				</li>
			</ul>
		</ol>
	</div>
</div>
<br>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div id="iconsAccordion" class="accordion-icons accordion">
			<div class="card">
				<div class="card-header" id="headingThree8">
					<section class="mb-0 mt-0">
						<div role="menu" class="" data-toggle="collapse" data-target="#ExportUser" aria-expanded="false" aria-controls="ExportUser">
							<div class="accordion-icon">	
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
								Export User's
								<div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
							</div>
						</section>
					</div>
					<div id="ExportUser" class="collapse" aria-labelledby="headingThree8" data-parent="#iconsAccordion">
						<div class="card-body">
							<form id="UserExportForm" name="UserExportForm" action="{{url('ExportUserDetails')}}" method="POST" >
							<input type="hidden" name="_token" value="{{ csrf_token() }}" />
							<div class="row">
								<div class="col-md-4">
									<div class="form-check form-check-primary form-check-inline">
										<input class="form-check" type="checkbox" name="Active" id="" checked="" value="1" >
										<label class="form-check-label" for="form-check-default-checked">
											Active Users
										</label>
									</div>
								
									<div class="form-check form-check-primary form-check-inline">
										<input class="form-check" type="checkbox" name="InActive" id="" checked="" value="0">
										<label class="form-check-label" for="form-check-default-checked" >
											Inactive Users
										</label>
									</div>
								</div>
								<div class="col-md-4">
									<label>Date Range</label>
									<select id="DateRange" name="DateRange" class="form-control" onchange="DateReangeselect(this.value)">
										<option value="1" >ALL</option>
										<option value="2" >From Date</option>
										<option value="3" >From and To Date</option>
									</select>
									<div id="FromDate" style="display:none">
										<input type="date" name="FromDateRange" id="FromDateRange" class="form-control" >
									</div>
									<div id="ToDate" style="display:none">
										<input type="date" name="ToDateRange" id="ToDateRange" class="form-control" >
									</div>
								</div>
							</div><br>
							<div class="row">
								<div class="col-md-12" align="center">
									<button class="btn btn-outline-primary  btn-rounded mb-2">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>   Export
									</button>
								</div>
							</div>
							</form>
							<br>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		@php
		@endphp
		<div class="widget-content widget-content-area">
			<div class="table-responsive">
				<table class="table table-bordered">
					<thead>
						<tr>
							<th class="text-center">Slno</th>
							<th class="text-center">Name</th>
							<th class="text-center">Active Status</th>
							<th class="text-center">Is Admin</th>
							<th class="text-center">E-Mail Address</th>
							<th class="text-center">Date Created</th>
							<th class="text-center">Action</th>
						</tr>
					</thead>
					<tbody>
						@php
						$loopcount=0;
						$i=1;
						@endphp
						@foreach ($Users as $User)						
						<tr>

							<td class="text-center">{{$i}}</td>										
							<td class="text-center">{{$User->name}}</td>
							<td class="text-center">
								@php
								$userActive="";
								$UserAdmin="";
								if($User->ActiveStatus)
								{
									$userActive="checked";
								}
								if($User->IsAdmin==1)
								{
									$UserAdmin="checked";
								}
								@endphp

								<!-- <label class="form-check-label" for="form-switch-success" style="position: relative;top: -5px;">Inactive</label> -->
								<div class="form-check form-switch form-check-inline form-switch-success">
									<input class="form-check-input" type="checkbox" role="switch" id="ActiveStatus{{$User->id}}" {{$userActive}} onchange="UpdateUserStatus('ActiveStatus','{{$User->id}}')">
									<label class="form-check-label" for="form-switch-success">Active</label>
								</div>
							</td>
							<td class="text-center">
								<div class="form-check form-switch form-check-inline form-switch-primary">
									<input class="form-check-input" type="checkbox" role="switch" id="IsAdmin{{$User->id}}" {{$UserAdmin}} onchange="UpdateUsersAdmin('IsAdmin','{{$User->id}}')">
								</div>
							</td>
							<td class="text-center">{{$User->email}}</td>
							<td class="text-center">{{$User->created_at}}</td>
							<td class="text-center">
								<!-- <button class="btn btn-primary" type="button" onclick="LogOut('{{$User->id}}')">Logout</button> -->
								<input type="hidden" name="useridvalue{{$loopcount}}" id="useridvalue{{$loopcount}}" value="{{$User->id}}" />
								<button type="button" class="btn btn-primary mb-2 mr-2" data-bs-toggle="modal" data-target="#AssingModal" onclick="LoadData('Roles',{{$loopcount}})">Assign Roles</button>
								<button type="button" class="btn btn-primary mb-2 mr-2" data-bs-toggle="modal" data-target="#AssingModal" onclick="LoadData('Teams',{{$loopcount}})">Assign Teams</button>
								<a href="{{ url('User-Access',$User->id) }}" class="btn btn-primary mb-2 mr-2" >User Access</a>
								<button type="button" class="btn btn-primary mb-2 mr-2" onclick="ResetRole('{{$User->id}}')">Reset Role</button>
							</td>
						</tr>
						@php
						$loopcount++;
						$i++;
						@endphp
						@endforeach
					</tbody>
				</table>
			</div>
			<!-- Modal from here -->
			<div id="AssingModal" class="modal animated fadeInDown" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></h5>
							<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
								<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
							</button>
						</div>

						<div class="modal-body">
							<p class="modal-text">
								<div class="loader dual-loader mx-auto" name="LoadingDiv" id="LoadingDiv" style="display:none"></div>
								<div id="ListRolesTeams" name="ListRolesTeams"></div>
							</p>
						</div>
						<div class="modal-footer">
							<button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
						</div>
					</div>
				</div>
			</div>
			<!-- Modal Till here -->
		</div>
	</div>

</div>
<!--  END CONTENT AREA  -->
@endsection