000

@extends('admin.layouts.app')
@section('title','Members')
@section('style')
<meta name="csrf-token" content="{{ csrf_token() }}">
{{-- {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} --}}
<style>
input[class=pass]:focus {
  border: none;
  background-color: none;
  outline: 0;
}
</style>
@endsection
@section('content')

<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="me-auto">
					<h4 class="page-title">{{$page}}</h4>
					<div class="d-inline-block align-items-center">
						<nav>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
								<li class="breadcrumb-item active" aria-current="page">{{$page}}</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>

<section class="content">
			<div class="row">
				<div class="col-12">
					<div class="box">
						<div class="box-header with-border">
						    
							<div class="clearfix">
                                @if(\Auth::user()->role_id == 1)
                                    <a type="button" href="{{ url('/signup') }}" class="waves-effect waves-light btn mb-5 bg-gradient-success" >Create User</a>
                                      <a type="button" onclick="allForceLogOut()" class="waves-effect waves-light btn mb-5 bg-gradient-success" title="Log Out For All"><i class="ace-icon fa fa-sign-out bigger-120" ></i></a>
                                @endif
							</div>
						</div>
						
						<div class="box-body">
							<div class="table-responsive">
								<table id="dynamic-table" class="table table-bordered table-hover display nowrap margin-top-10 w-p100 text-center">
									<thead>
										<tr>
											<th style="text-align: center;">ID</th>
											<th style="text-align: center;">Name</th>
											<th style="text-align: center;">User Name</th>
											<th style="text-align: center;">Password</th>
											<th style="text-align: center;">Role</th>
											<th style="text-align: center;">App Version</th>
											<th style="text-align: center;">Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($users as $key=>$user)
										<tr id="tr_{{$user->id}}">
    										<td>{{$key+1}}</td>
    										<td>{{$user->name}}</td>
    										<td>{{$user->email}}</td>
    										<td>@if($user->role_id !=1)<input class="pass" value="{{$user->plain_password}}" style="border: none; background:none;" id="password-field_{{$user->id}}" type="password" readonly><span toggle="#password-field_{{$user->id}}" class="fa fa-fw fa-eye field-icon toggle-password" style="color:red;"></span>@endif</td>
    										<td>{{getModelById('Role', $user->role_id)->role}}@if($user->role_id ==2) @if($user->role_type ==1)(PIB)@elseif($user->role_type ==3)(Finance Officer) @endif @endif @if($user->id ==77)(Governance officer(CS)) @endif</td>
    										<td>{{$user->app_version}}</td>
    										<td style="text-align: center;"> 
    										<div class="hidden-sm hidden-xs btn-group">
                                            @if($user->role_id == 3)
                                                <a class="btn btn-xs btn-primary" href="{{ url('admin/assign/'.$user->id) }}" title="{{ \Auth::user()->role_id == 1?'Allot Mcc Mpp':'Allotted Mcc Mpp' }}">
												    <i class="ace-icon fa fa-tasks bigger-120"></i>
												</a>&nbsp;
												<a class="btn btn-xs btn-dark" href="{{ url('admin/transfer-form/'.$user->id) }}" title="Transfer Form">
												    <i class="ace-icon fa fa-exchange bigger-120"></i>
												</a>&nbsp;
                                            @endif
                                         {{--   @if($user->role_id == 2)
                                                <a class="btn btn-xs btn-warning" href="{{ url('admin/allot-form/'.$user->id) }}" title="{{ \Auth::user()->role_id == 1?'Allot Form': 'Allotted Form' }}">
    												<i class="ace-icon fa fa-list bigger-120"></i>
    											</a>&nbsp;
                                            @endif --}}
											 
											@if(\Auth::user()->role_id=='1')
    											@if($user->is_active ==1)
        											 <a class="btn btn-xs btn-success" onclick="deactivateUserProfile({{$user->id}}, 'Deactivate')"  title="Deactivate User"  >
        												<i class="ace-icon fa fa-ban bigger-120" ></i>
        											 </a>&nbsp;
    										    @else
    										     <a class="btn btn-xs btn-danger" onclick="deactivateUserProfile({{$user->id}}, 'Activate')"  title="Activate User"  >
        												<i class="ace-icon fa fa-ban bigger-120" ></i>
        											 </a>&nbsp;
    										    @endif
    										     @if($user->role_id ==3)
    										    <a class="btn btn-xs btn-info" onclick="deviceIdClear({{$user->id}},'{{$user->name}}')"  title="Clear Device Id">
        												<i class="ace-icon fa fa-tablet bigger-120" ></i>
        										</a>&nbsp;
        									    <a class="btn btn-xs btn-warning" onclick="forceLogOut({{$user->id}},'{{$user->name}}')"  title="Log Out">
        												<i class="ace-icon fa fa-sign-out bigger-120" ></i>
        										</a>&nbsp;
        										@endif
        										@if($user->id == '1')
        											<a class="btn btn-xs btn-danger" onclick="changeAdroideVersion({{$user->id}})" title="Change Mobile Version" >
        												<i class="ace-icon fa fa-mobile bigger-120" ></i>
        									    	</a>&nbsp;
        										@endif
        										@if($user->role_id !=1)
        										<a class="btn btn-xs btn-danger" onclick="changePassword({{$user->id}})" title="User Password Change" >
        												<i class="ace-icon fa fa-key bigger-120" ></i>
        										</a>&nbsp;
        										<a class="btn btn-xs btn-primary" onclick="signUpload({{$user->id}},'{{$user->signature}}')" title="Signature Upload" >
        												<i class="ace-icon fa fa-paperclip bigger-120" ></i>
        										</a>
        										@endif
											 @endif
										    </div>
    									    </td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
						
					</div>
					
				</div>
			</div>
		</section>
		
	</div>
</div>

<div class="modal fade" id="changePassModal">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h4 class="modal-title">Password Change</h4>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		  </div>
		  <div class="modal-body">
				<div class="row">
					    <form action="" method="POST" role="form" enctype="multipart/form-data" >
						<input type="hidden" id="user_id" name="user_id">
					<div class="col-md-8">
				        <div class="form-group">
						<label for="">New Password :</label>
						<input type="text" class="form-control" id="password" name="password" />
					      <span class="label label-danger" id="password_error" style="display:none;"></span>
					</div>
					</div>
					<div class="col-md-8">
						<div class="form-group">
						<label for="">Confirm Password :</label>
						<input type="text" class="form-control" id="con_password" name="con_password" />
					     <span class="label label-danger" id="con_password_error" style="display: none;"></span>
					</div>
					</div>
						
					
				</div>
			</div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary float-end" id="submitForm">Change</button>
			</form>
		  </div>
		</div>
		
	  </div>
	  
  </div>
  
  <div class="modal fade" id="signUploadModal">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h4 class="modal-title">Sign Upload</h4>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		  </div>
		  <div class="modal-body">
				<div class="row">
				    <form action="" method="POST" role="form" enctype="multipart/form-data" >
					<input type="hidden" id="user_id" name="user_id">
					<div class="col-md-8">
				     <div class="form-group">
						<label for="">Signature :</label>
						<input type="file" class="form-control" id="sign" name="sign" onchange="loadPreview(this);"/>
					      <span class="label label-danger" id="sign_error" style="display:none;"></span>
					 </div>
					</div>
					<div class="col-md-8">
				     <div class="form-group">
						<img src="#" height="80px" width="270px" id="preview_img"/>
					 </div>
					</div>
				</div>
			</div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary float-end" id="submitSignForm">Upload</button>
			</form>
		  </div>
		</div>
		
	  </div>
	  
  </div>
  
  <div class="modal fade" id="changeAndroidmodel">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h4 class="modal-title">Application Version Change</h4>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		  </div>
		  <div class="modal-body">
				<div class="row">
					    <form action="" method="POST" role="form" enctype="multipart/form-data" >
						<input type="hidden" id="user_ids" name="user_ids">
					<div class="col-md-8">
				        <div class="form-group">
						<label for="">Please Enter Latest Application Version :</label>
						<input type="text" class="form-control" id="androideVersion" name="androideVersion" />
					      <span class="label label-danger" id="androideVersion_error" style="display:none;"></span>
					</div>
					</div>
				
						
					
				</div>
			</div>
		  <div class="modal-footer">
			<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary float-end" id="submitversionform">Change</button>
			</form>
		  </div>
		</div>
		
	  </div>
	  
  </div>
@endsection
@section('script')

{{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}}

<script src="../src/js/pages/validation.js"></script>
<script src="../src/js/pages/form-validation.js"></script>
<script>
function deactivateUserProfile(userId,msg) {
    
	if (userId == "") {
		swal("User Missing !","User ID is missing. Please try again.","error");
		return false;
	}
	swal({
		title:"Are You Sure !",
		text:"Do you want to "+msg+" "+name,
		icon:"warning",
		buttons:[true, "Yes, "+msg],
		dangerMode:true
	}).then(function(isConfirm){
		if (!isConfirm) {
			return false;
		} else {
		    $.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: '/admin/deactivate-user',
				type: 'POST',
				data: {user_id: userId, msg:msg},
				success:function (data) {
			// 		var data = JSON.parse(data);
					if (data.flag == true) {
						swal({
							title:"Successfully",
							text:data.message,
							icon:"success"
						}).then(function(){
							window.location.reload();
						});
					} else {
						swal("Something Went Wrong",data.message,"error");
					}
				}
			});
		}
	});
}

</script>
<script>
  function loadPreview(input, id) {
    //   alert(input);
    id = id || '#preview_img';
    if (input.files && input.files[0]) {
        var reader = new FileReader();
 
        reader.onload = function (e) {
             $(id)
                    .attr('src', e.target.result)
        };
 
        reader.readAsDataURL(input.files[0]);
    }
 }
</script>
</script>
@endsection