@extends('layouts.backend.app')

@section('content')

 <!-- Start right Content here -->
<div class="main-content">
	<div class="page-content">
		<div class="container-fluid">

		<div class="page-title-box">
			<div class="row align-items-center">

		<div class="col-md-8">
			<h6 class="page-title">{{ $pagename }}</h6>
			<ol class="breadcrumb m-0">
				<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">{{ $pagename }}</li>
			</ol>
		</div>

		@can('user_add')
			@if($pagename =='Active Users')
				<div class="col-md-4 text-end">
					<div class="btn-container float-right">
						<a href="#" class="btn btn-primary addnewbtn" data-bs-toggle="modal" data-bs-target="#exampleModal"><span class="pe-2"><i class="ti-plus"></i></span> Add New User</a>
					</div>
				</div>
			@endif	
		@endcan

		</div>
	</div>
	<!-- end row -->

	<div class="row">
	  <div class="col-md-12">
		 <div class="col-md-12 mobile-table-column stock-table">
			<div class="card">

	<div class="card-body">

		<div class="row gutters-5 pb-2">
			<div class="col text-left text-md-left">
				<h5 class="mb-md-0 h6">All Users</h5>
			</div>
			<div class="col-md-2 text-right">
				<a class="btn btn-sm btn-secondary btn-st btn-thrd" href="{{ route('users-export') }}">Export User Data</a>
			</div>
			<div class="col-md-1 text-right">
				<button class="btn btn-sm btn-secondary btn-st btn-thrd fltr-btn fltrbtn">Filter <i class="las la-filter"></i></button>
			</div>
		</div>

	<form method="POST" action="memberdata" name="memberdata" id="memberdata" enctype="multipart/form-data">
	@csrf

		<!--Filter-->
		<div class="fltr-main pt-2 pb-2" style="display: none;">
			<div class="row">
				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">User Name</label>
					<input type="text" class="form-control" id="user_name" name="user_name" value="">
				</div>

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Email Id</label>
					<input type="text" class="form-control" id="email_id" name="email_id" value="">
				</div>

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label">Phone No</label>
					<input type="text" class="form-control" id="phone_no" name="phone_no" value="">
				</div>

				<div class="form-group col-md-4">
					<label class="form-label">Role</label>
					<select class="form-control single-sel sel-style serviceSelect" id="role_name" name="role_name">
						<option value="">Select</option>
						@foreach($rolenames as $rolename)
							<option value="{{ $rolename->id }}">{{ $rolename->name }}</option>
						@endforeach
					</select>
				</div>

				<div class="form-group col-md-4">
					<label class="form-label" style="font-size: 2px;">&nbsp;</label>
						<div class="srch-same-line pt-2 pb-2">

					<button type="button" class="searchdata btn btn-sm btn-primary btn-st">Search <i class="la la-search"></i></button>

					<button type="button" class="btn btn-sm btn-secondary btn-st reset_searchdata">Reset <i class="la la-refresh"></i></button>

					</div>
				</div>
			</div>
		</div>
	</form>		
		<!--Filter-->


		<table class="display" style="width:100%" id="rolesList">
			<thead>
				<tr>
					<th scope="col" width="40px"><div align="center">S.No</div></th>
					<th scope="col">Name</th>
					<th scope="col">Email</th>
					<th scope="col">Phone</th>
					<th scope="col">Address</th>
					<th scope="col">Role</th>
					<th scope="col" width="140px" align="center"><div align="center">Action</div></th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>

			</div></div>
			</div>
		</div>
	</div>
	<!-- end row -->

		</div>
	</div>
</div>
<!-- end main content-->


 <!-- Delete Modal HTML -->
<div id="deleteModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Delete Record</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Are you sure you want to delete these Records?</p>
				<p class="text-warning"><small>This action cannot be undone.</small></p>
			</div>
			<input type="hidden" id="delete_id">
			<div class="modal-footer">
				<input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
				<input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
			</div>
		</div>
	</div>
</div>



<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog">
	<div class="modal-content">
	   <div class="modal-header">
		  <h1 class="modal-title fs-5" id="exampleModalLabel">Add User</h1>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

		<form method="post" id="datasave" name="datasave" enctype="multipart/form-data">
		@csrf
		<input type="hidden" class="form-control" id="updataid" name="updataid" value="">

	   </div>
	   <div class="modal-body">
		  <div class="row product-row stock-add">
			 <div class="col-md-12">
				<div class="card shadow-none">
				   <div class="card-body p-0">

			 <div class="row">
				<div class="col-md-6">
				   <div class="mb-3">
					  <label for="fullname" class="col-sm-6 col-form-label">Name<font color="red">*</font></label>
					  <div class="col-sm-12">
						 <input type="text" class="form-control" id="fullname" name="fullname" value="">
					  </div>
				   </div>
				</div>

				<div class="col-md-6">
				   <div class="mb-3">
					  <label for="emailid" class="col-sm-6 col-form-label">Email<font color="red">*</font></label>
					  <div class="col-sm-12">
						 <input type="num" class="form-control" id="emailid" name="emailid" value="" onpaste="return false">
						 <input type="hidden" id="dupemailid" name="dupemailid" value="">
					  </div>
				   </div>
				</div>

				<div class="col-md-6">
				   <div class="mb-3">
					  <label for="phoneno" class="col-sm-6 col-form-label">Phone number</label>
					  <div class="col-sm-12">
						 <input type="num" class="form-control" id="phoneno" name="phoneno" value="" maxlength="10" onkeypress="return isNumber(event)" onpaste="return false"> 
						 <input type="hidden" id="dupphoneno" name="dupphoneno" value="">
					  </div>
				   </div>
				</div>

				<div class="col-md-6">
				   <div class="mb-3">
						<label for="role_id" class="col-sm-6 col-form-label">Role<font color="red">*</font></label>
						<div class="col-sm-12 role_id">
						   <Select class="form-control" id="role_id" name="role_id">
								<option value="">Select</option>
								@foreach($rolenames as $rolename)
									<option value="{{ $rolename->id }}">{{ $rolename->name }}</option>
								@endforeach
						   </Select>
						</div>
				   </div>
				</div>

				<div class="col-md-6">
				   <div class="mb-3">
					  <label for="password" class="col-sm-7 col-form-label">Password<font color="red">*</font> (<a href="javascript:(0)" onclick="alert(document.getElementById('password').value)"> view </a>)</label>

					  <div class="col-sm-12">
						 <input type="password" class="form-control" id="password" name="password" value="">
					  </div>
				   </div>
				</div>

				<div class="col-md-6">
				   <div class="mb-3">
					  <label for="userstatus" class="col-sm-6 col-form-label">Status<font color="red">*</font></label>
					  <div class="col-sm-12 userstatus">
					   <Select class="form-control" id="userstatus" name="userstatus">
					       	<option value="">Select</option>
							<option value="1">Active</option>
							<option value="2">Inactive</option>
					   </Select>
					  </div>
				   </div>
				</div>

				<div class="col-md-12">
				   <div class="mb-3">
					  <label for="address" class="col-sm-6 col-form-label">Address</label>
					  <div class="col-sm-12">
					   <textarea name="address" id="address" class="form-control"></textarea>
					  </div>
				   </div>
				</div>
			 </div>

			 <div class="mb-0">
				<label for="inputText3" class="col-sm-6 col-form-label"></label>
				<div class="col-sm-6">
				   <button type="button" class="btn btn-primary me-3 savebtn">Submit</button>
				</div>
			 </div>
			 
			 <div class="col-md-12">
				<div class="btn-container d-flex justify-content-center" id="respns"></div>
			 </div>
					  </form>
				   </div>
				</div>
			 </div>
		  </div>
	   </div>
	</div>
 </div>
</div>
<!--Add form ends-->

@endsection

@section('scripts')

<script>

$(document).ready(function() {

	var reporttables =  $('#rolesList').DataTable({
		"order": [[ 0, "desc" ]],
        "serverSide": true,
		"stateSave": true,
        'processing': true,
		"pageLength": 20,
		"lengthMenu": [
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500],
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500]
        ],
        oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
		"ajax": {
			'type': 'GET',
			'url': '{{ route("active-data") }}',
			'beforeSend': function (request) {
             request.setRequestHeader("X-CSRF-TOKEN", '{{ csrf_token() }}');
			},
			"data": function(d){
               d.pagenme = '{{ basename(url()->current()) }}',
			   d.user_name = $("#user_name").val(),
			   d.email_id = $("#email_id").val(),
			   d.phone_no = $("#phone_no").val(),
			   d.role_name = $("#role_name").val()
			}
		},
		searching: false,
		"iDisplayLength": 20,
		"columnDefs": [
		{
			"targets": 0,
			className: "text-center",
			"render": function ( data, type, row, meta ) {
				return row.index;
			}
		},
		{
			"targets": 1,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.name+'</b>';
			}
		},
		{
			"targets": 2,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.email+'</b>';
			}
		},
		{
			"targets": 3,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.phone_no+'</b>';
			}
		},
		{
			"targets": 4,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.address+'</b>';
			}
		},
		{
			"targets": 5,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.rolename+'</b>';
			}
		},
		{
			"targets": 6,
			orderable: true,
			className: "text-center",
			"render": function ( data, type, row, meta ) {

				var tbl = '';
				tbl +='<div class="action bank d-flex justify-content-start">';
				
					tbl +='<a href="javascript:(0)" data-id="'+row.id+'" class="edit text-info btn btn-sm btn-info text-white edituser">';
						tbl +='<i class="fas fa-eye"></i>';
					tbl +='</a>';

					tbl +='<a href="javascript:(0)" data-id="'+row.id+'" class="edit mx-2 text-info btn btn-sm btn-success text-white edituser">';
						tbl +='<i class="fas fa-edit"></i>';
					tbl +='</a>';

					if(row.id !='1' && row.id !='2' && row.id !='3'){

					tbl +='<a href="#deleteModal" data-toggle="modal" data-id="'+row.id+'" class="edit text-info btn btn-sm btn-danger text-white me-2 removrd">';
						tbl +='<i class="fas fa-trash"></i>';
					tbl +='</a>';

					}
				tbl +='</div>';
				return tbl;
			}
		}
	  ]
	});
});

$(document).on('click', '.searchdata', function(){
	$('#rolesList').DataTable().ajax.reload();
});
	
$(document).on('click', '.reset_searchdata', function(){
    $('#memberdata').trigger("reset");
    $('#member_id').val('');
    $('#member_name').val('');
    $('#member_status').val('');
    $('#member_lead').val('');
    $('#member_support').val('');
    $('#member_interface').val('');
    $('#rolesList').DataTable().ajax.reload();
	 $('.fltr-btn').trigger('click');
});
</script>

<script type="text/javascript">

	//Remove Record
$(document).on("click", ".removrd", function () {
var rid = $(this).data("id");
$('#delete_id').val(rid);
});


	//Remove Record
function deleterecord() {

	var rid = $('#delete_id').val();
	var token = $('meta[name="csrf-token"]').attr("content");
	var path = $('meta[name="base_url"]').attr("content") + "/user-remove";
	$.ajax({
		url: path,
		type: "POST",
		data: {
			_token: token,user_id: rid
		}, success: function (data) {

			if(data.status == true) {
				custom_noty("success", data.msg);
				$(".closebtn").click();
				$('#rolesList').DataTable().ajax.reload();
			} else {
				custom_noty("error", data.msg);
			}
		}
	});
}



	// Add New 
$(document).on("click", ".addnewbtn", function () {
	$("#nmb").remove();
	$("#ulrn").remove();
	$("#phn").remove();
	$("#rig").remove();
	$("#pwwd").remove();
	$("#fullname").val('');
	$("#emailid").val('');
	$("#phoneno").val('');
	$("#role_id").val('');
	$("#password").val('');
	$("#userstatus").val('');
	$("#address").val('');
	$("#updataid").val('');
});	



	// Edit View 	
$(document).on("click", ".edituser", function () {

	$("#nmb").remove();
	$("#ulrn").remove();
	$("#phn").remove();
	$("#rig").remove();
	$("#pwwd").remove();
	$("#fullname").val('');
	$("#emailid").val('');
	$("#phoneno").val('');
	$("#role_id").val('');
	$("#password").val('');
	$("#userstatus").val('');
	$("#address").val('');
	$("#updataid").val('');

	var user_id = $(this).data("id");
	var token = $('meta[name="csrf-token"]').attr("content");
	var path = $('meta[name="base_url"]').attr("content") + "/user-dataget";
	$.ajax({
		url: path,
		type: "POST",
		data: {
			_token: token,user_id: user_id
		}, success: function (data) {

			$("#exampleModal").modal("show");
			$("#fullname").val(data.name);
			$("#emailid").val(data.email);
			$("#phoneno").val(data.phone_no);
			$("#role_id").val(data.role_id);
			$("#password").val(data.password);
			$("#userstatus").val(data.status);
			$("#address").val(data.address);
			$("#updataid").val(data.id);
			$(".savebtn").html('Update');
		}
	});
});

$(document).on("click", ".savebtn", function () {
	
	var err = true;

	var input = $("#fullname");
	var urlvl = $("#fullname").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">Full Name is required</div>').insertAfter("#fullname");
		$("#fullname").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}
	
	var input = $("#emailid");
	var urlvl = $("#emailid").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ulrn").remove();
		$('<span id="ulrn" class="text-danger">Email Address is required</span>').insertAfter("#emailid");
		$("#emailid").focus();
		err = false;
	} else {

		if (urlvl!=''){

			if(isValidEmailAddress(urlvl)) {

				var token = $('meta[name="csrf-token"]').attr("content");
				var path = $('meta[name="base_url"]').attr("content") + "/emailid-valid";
				var fd = new FormData();
					fd.append('_token', token);
					fd.append('emailid', $("#emailid").val());
					fd.append('updataid', $("#updataid").val());

				$.ajax({
					url: path,
					type: "POST",
					data: fd,
					contentType: false,
					processData: false,
					dataType: 'json',
					success: function (data) {

						if(data.status == true) {
							input.removeClass("invalid").addClass("valid");
							$("#ulrn").remove();
							$("#dupemailid").val('');
						} else {
							$("#ulrn").remove();
							$('<div id="ulrn" class="text-danger">'+data.msg+'</div>').insertAfter("#emailid");
							$("#dupemailid").val('invalid');
						}
					}
				});

			} else {
				input.removeClass("valid").addClass("invalid");
				$('#ulrn').remove();
				$('<span id="ulrn" class="text-danger">Invalid Email Id!</span>').insertAfter('#emailid');
				$("#emailid").focus();
				err=false;
			}

		} else {
			
			input.removeClass("valid").addClass("invalid");
			$("#ulrn").remove();
			$('<span id="ulrn" class="text-danger" >Email Address is required</span>').insertAfter("#emailid");
			$("#emailid").focus();
			err = false;
		}
		
		var input = $("#dupemailid");
		var urlvl = $("#dupemailid").val();
		if(urlvl=='invalid'){
			input.removeClass("valid").addClass("invalid");
			$("#ulrn").remove();
			$('<div id="ulrn" class="text-danger">Email Id already exists!</div>').insertAfter("#dupemailid");
			$("#dupemailid").focus();
			err = false;
		} else {
			input.removeClass("invalid").addClass("valid");
			$("#ulrn").remove();
		}		
	}

	var input = $("#phoneno");
	var urlvl = $("#phoneno").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#phn").remove();
		$('<span id="phn" class="text-danger">Phone no is required</span>').insertAfter("#phoneno");
		$("#phoneno").focus();
		err = false;
	} else {

		if (urlvl!=''){

			var token = $('meta[name="csrf-token"]').attr("content");
			var path = $('meta[name="base_url"]').attr("content") + "/phoneno-valid";
			var fd = new FormData();
				fd.append('_token', token);
				fd.append('phoneno', $("#phoneno").val());
				fd.append('updataid', $("#updataid").val());

			$.ajax({
				url: path,
				type: "POST",
				data: fd,
				contentType: false,
				processData: false,
				dataType: 'json',
				success: function (data) {

					if(data.status == true) {
						input.removeClass("invalid").addClass("valid");
						$("#phn").remove();
						$("#dupphoneno").val('');
					} else {
						$("#phn").remove();
						$('<div id="phn" class="text-danger">'+data.msg+'</div>').insertAfter("#phoneno");
						$("#dupphoneno").val('invalid');
					}
				}
			});

		} else {
			
			input.removeClass("valid").addClass("invalid");
			$("#phn").remove();
			$('<span id="phn" class="text-danger" >Phone no is required</span>').insertAfter("#phoneno");
			$("#phoneno").focus();
			err = false;
		}

		var input = $("#dupphoneno");
		var urlvl = $("#dupphoneno").val();
		if(urlvl=='invalid'){
			input.removeClass("valid").addClass("invalid");
			$("#phn").remove();
			$('<div id="phn" class="text-danger">Phone no already exists!</div>').insertAfter("#dupphoneno");
			$("#dupphoneno").focus();
			err = false;
		} else {
			input.removeClass("invalid").addClass("valid");
			$("#phn").remove();
		}
	}


	var input = $("#role_id");
	var urlvl = $("#role_id").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#rig").remove();
		$('<div id="rig" class="text-danger">Role is required</div>').insertAfter(".role_id");
		$("#role_id").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#rig").remove();
	}
	
	
	var input = $("#password");
	var urlvl = $("#password").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#pwwd").remove();		
		$('<div id="pwwd" class="text-danger">Password is required</div>').insertAfter("#password");
		$("#password").focus();
	} else {
		if(urlvl.length > 5) {
			input.removeClass("invalid").addClass("valid");
			$("#pwwd").remove();
		} else {
			input.removeClass("valid").addClass("invalid");
			$("#pwwd").remove();
			$('<div id="pwwd" class="text-danger">You have to enter at least 6 digit!</div>').insertAfter("#password");
			$("#password").focus();
		}
	}



	var input = $("#userstatus");
	var urlvl = $("#userstatus").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ris").remove();
		$('<div id="ris" class="text-danger">Status is required</div>').insertAfter(".userstatus");
		$("#userstatus").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ris").remove();
	}


	if(err == true) {

		$(".savebtn").attr("disabled", true);
		var token = $('meta[name="csrf-token"]').attr("content");
		var path = $('meta[name="base_url"]').attr("content") + "/users-save";

		var fd = new FormData();
			fd.append('_token',token);
			fd.append('fullname', $("#fullname").val());
			fd.append('emailid', $("#emailid").val());
			fd.append('phoneno', $("#phoneno").val());
			fd.append('role_id', $("#role_id").val());
			fd.append('password', $("#password").val());
			fd.append('userstatus', $("#userstatus").val());
			fd.append('address', $("#address").val());
			fd.append('updataid', $("#updataid").val());
		$.ajax({
			url: path,
			type: "POST",
			data: fd,
			contentType: false,
			processData: false,
			dataType: 'json',
			success: function (data) {
				$(".savebtn").attr("disabled", false);
				if(data.status == true) {
					custom_noty("success", data.msg);
					$(".btn-close").click();
					$('#rolesList').DataTable().ajax.reload();
					$('#datasave').trigger("reset");
				} else {
					custom_noty("error", data.msg);
				}
			},
		});
	}
});


$("#fullname").on("keyup", function(event) {
	var input = $("#fullname");
	var urlvl = $("#fullname").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">Full Name is required</div>').insertAfter("#fullname");
		$("#fullname").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}
});


$("#userstatus").on("change", function(event) {
	var input = $("#userstatus");
	var urlvl = $("#userstatus").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ris").remove();
		$('<div id="ris" class="text-danger">Status is required</div>').insertAfter(".userstatus");
		$("#userstatus").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#ris").remove();
	}
});


$("#role_id").on("change", function(event) {
	var input = $("#role_id");
	var urlvl = $("#role_id").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#rig").remove();
		$('<div id="rig" class="text-danger">Role is required</div>').insertAfter(".role_id");
		$("#role_id").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#rig").remove();
	}
});

$("#password").on("keyup", function(event) {
	
	var input = $("#password");
	var urlvl = $("#password").val();
	
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#pwwd").remove();		
		$('<div id="pwwd" class="text-danger">Password is required</div>').insertAfter("#password");
		$("#password").focus();
	} else {
		if(urlvl.length > 5) {
			input.removeClass("invalid").addClass("valid");
			$("#pwwd").remove();
		} else {
			input.removeClass("valid").addClass("invalid");
			$("#pwwd").remove();
			$('<div id="pwwd" class="text-danger">You have to enter at least 6 digit!</div>').insertAfter("#password");
			$("#password").focus();
		}
	}
});

$("#emailid").on("keyup", function(event) {
	
	var input = $("#emailid");
	var urlvl = $("#emailid").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#ulrn").remove();
		$('<span id="ulrn" class="text-danger">Email Address is required</span>').insertAfter("#emailid");
		$("#emailid").focus();
	} else {

		if (urlvl!=''){

			if(isValidEmailAddress(urlvl)) {

				var token = $('meta[name="csrf-token"]').attr("content");
				var path = $('meta[name="base_url"]').attr("content") + "/emailid-valid";
				var fd = new FormData();
					fd.append('_token', token);
					fd.append('emailid', $("#emailid").val());
					fd.append('updataid', $("#updataid").val());

				$.ajax({
					url: path,
					type: "POST",
					data: fd,
					contentType: false,
					processData: false,
					dataType: 'json',
					success: function (data) {
						if(data.status == true) {
							input.removeClass("invalid").addClass("valid");
							$("#ulrn").remove();
							$("#dupemailid").val('');
						} else {
							$("#ulrn").remove();
							$('<div id="ulrn" class="text-danger">'+data.msg+'</div>').insertAfter("#emailid");
							$("#dupemailid").val('invalid');
						}
					}
				});

			} else {
				input.removeClass("valid").addClass("invalid");
				$('#ulrn').remove();
				$('<span id="ulrn" class="text-danger">Invalid Email Id!</span>').insertAfter('#emailid');
				$("#emailid").focus();
			}

		} else {
			
			input.removeClass("valid").addClass("invalid");
			$("#ulrn").remove();
			$('<span id="ulrn" class="text-danger" >Email Address is required</span>').insertAfter("#emailid");
			$("#emailid").focus();
		}
	}
});

$("#phoneno").on("keyup", function(event) {
	
	var input = $("#phoneno");
	var urlvl = $("#phoneno").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#phn").remove();
		$('<span id="phn" class="text-danger">Phone no is required</span>').insertAfter("#phoneno");
		$("#phoneno").focus();
	} else {

		if (urlvl!=''){

			var token = $('meta[name="csrf-token"]').attr("content");
			var path = $('meta[name="base_url"]').attr("content") + "/phoneno-valid";
			var fd = new FormData();
				fd.append('_token', token);
				fd.append('phoneno', $("#phoneno").val());
				fd.append('updataid', $("#updataid").val());

			$.ajax({
				url: path,
				type: "POST",
				data: fd,
				contentType: false,
				processData: false,
				dataType: 'json',
				success: function (data) {

					if(data.status == true) {
						input.removeClass("invalid").addClass("valid");
						$("#phn").remove();
						$("#dupphoneno").val('');
					} else {
						$("#phn").remove();
						$('<div id="phn" class="text-danger">'+data.msg+'</div>').insertAfter("#phoneno");
						$("#dupphoneno").val('invalid');
					}
				}
			});

		} else {
			
			input.removeClass("valid").addClass("invalid");
			$("#phn").remove();
			$('<span id="phn" class="text-danger" >Phone no is required</span>').insertAfter("#phoneno");
			$("#phoneno").focus();
		}
	}
});

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

</script>

<script type="text/javascript">

$(".fltrbtn").click(function(){
	if($('.fltr-main').is(':visible')){
		$(".fltr-main").hide(1000);
	} else {
		$(".fltr-main").show(1000);
	}
});

$(document).on("click", ".confirm-delete", function (e) {
	var url = $(this).data("href");
	$("#delete-modal").modal("show");
	$("#delete-link").attr("href", url);
});


function vldfn(){
	$('#rolesList').DataTable().ajax.reload();
}

</script>

@endsection