@extends('layouts.app')
@section('title', 'Masters')
@section('content')
<div class="container-fluid">
	<div class="card shadow-lg">
		<div class="col-lg-12">
			<ul class="nav nav-tabs innerTab " id="allTab" role="tablist">
				<li class="nav-item " role="presentation" style="margin-left: 0px!important;">

					<a class="nav-link p-3 " id="users-tab"  href="{{route('masters')}}" type="button" role="tab" aria-controls="users" aria-selected="false"><i class="fa-solid fa-clipboard"></i>&nbsp;Product Type</a>
				</li>
				<li class="nav-item " role="presentation" style="margin-left: 40px!important;">
					<a class="nav-link p-3 active" id="users-tab"  href="{{route('masters_user')}}" type="button" role="tab" aria-controls="users" aria-selected="false"><i class="fa-solid fa-clipboard"></i>&nbsp;Users</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="row ">
		<div class="col-lg-12" >
			<div class="tab-content" id="walletContent">
				<div class="col-md-12">
					<div class="tab-pane active py-1" id="users" role="tabpanel" aria-labelledby="users-tab">
						<div class="card-body p-0 ">
							<table id="example" class="table table-striped table-bordered nowrap" style="width:100%">
								<thead style="font-size: 15px;">
									<tr style="background: #D1FFD2 0% 0% no-repeat padding-box;opacity: 1;">
										<th>First Name</th>
										<th>Last Name</th>
										<th>Email</th>
										<th>Contact Number</th>
										<th>Designation</th>
										<th>User Type</th>
										<th>Is Active</th>
										<th>Action</th>
									</tr>
								</thead>
								<tbody>
									@foreach($users as $user)
									<tr>
										<td>{{ $user->first_name}}</td>
										<td>{{ $user->last_name}}</td>
										<td>{{ $user->email}}</td>
										<td>{{ $user->phone_no}}</td>
										<td>{{ $user->designation}}</td>
										<td>{{ $user['getUserType']['user_types']}}</td>
										<td><div class="form-check form-switch">
											<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" value="{{ $user->id }}" onclick="userStatus(this.value)" @if($user->is_active==1) checked @endif >
											<label class="form-check-label" for="flexSwitchCheckChecked"></label>
										</div></td>
										<td>
											<a href ="/editUser/{{ $user->id }}" style="cursor:pointer"><img class="menuicon" src="{{asset('app-assets/images/orgicons/edit.svg')}}"></a></td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	$(document).ready(function(){
	var table = $('#example').DataTable( {
	responsive: true,
	dom: 'l<"toolbar">frtip',
	initComplete: function(){
	$("div.toolbar").html('<a href="{{route("vendor")}}" style="margin-left: 10px;background:#19381A;color:#fff;border:#19381A" id="addUser" type="button" class="btn btn-primary dt-buttons mb-3" ><img class="menuicon" src="{{asset("app-assets/images/orgicons/add.svg")}}">&nbsp;Add User</a><br />');
	}
	} );
	});
		function userStatus(value) {
	window.location.href = '/userStatus/' + value;
		}
	</script>
	@endsection