1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / bank_loan / application / views / admin /
Filename : users_list.php
back
<style>
.dataTables_wrapper{
	padding: 12px !important;
}
</style>

<div class="content-wrapper">
	<div class="container-full">
		<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="mr-auto">
					<h3 class="page-title"><?= $page_title ?></h3>
				</div>
			</div>
		</div>
	
		<section class="content">
			<div class="row">
				<div class="col-12">
					<div class="box">
						<div class="box-header with-border text-right">
							<button type="button" id="DataAddBtn" class="btn btn-info"><i class="fa fa-plus"></i> New</button>
						</div>
						<div class="box-body p-0">
							<div class="table-responsive">
								<table class="table table-bordered" id="DataTable" width="100%">
									<thead>
										<tr>
											<th>#</th>
											<th>Full Name</th>
											<th>Email Address</th>
											<th>Mobile No</th>
											<th>Status</th>
											<th>Action</th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
</div>

<div class="modal fade show" id="DataModal" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-lg">
		<form id="DataForm" autocomplete="OFF">
			<input type="hidden" name="row_id" id="row_id" />
			<div class="modal-content">
				<div class="modal-header">
					<h4 id="DataHeading"></h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Full Name <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_name" id="user_name" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Email Address <span class="text-required">*</span></label>
								<input type="email" class="form-control form-control-sm" name="user_email_address" id="user_email_address" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Password<span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_password" id="user_password" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Mobile No <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_mobile_no" id="user_mobile_no" minlength="10" maxlength="10" onkeypress='return Validate(event);' required />
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<label class="form-check-label">Address <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_address" id="user_address" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">City <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_city" id="user_city" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">State <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_state" id="user_state" required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Pin Code <span class="text-required">*</span></label>
								<input type="text" class="form-control form-control-sm" name="user_pin_code" id="user_pin_code" minlength="6" maxlength="6" onkeypress='return Validate(event);' required />
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="form-check-label">Status <span class="text-required">*</span></label>
								<select class="form-control form-control-sm" name="user_status" id="user_status" required>
									<option value="">-- Select Status --</option>
									<option value="1">Active</option>
									<option value="0">Inactive</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-success">Submit</button>
					<button type="reset" class="btn btn-danger">Clear</button>
					<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
				</div>
			</div>
		</form>
	</div>
</div>

<script>
$(document).ready(function(){
	$('#DataTable').DataTable({
		'processing': true,
		'serverSide': true,
		'serverMethod': 'post',
		"order": [ 1, "asc" ],
		'ajax': {
			'url':	"<?= base_url().'admin/users/list_users_details' ?>",
			'type':	"POST"
		},
		"columnDefs": [{
			"targets": [0,5],
			"orderable": false
		}]
	});
});

$("#DataAddBtn").click(function () {
    const companyId = "<?= $this->session->userdata('user_company_id'); ?>";

    $.ajax({
        url: "<?= base_url('admin/package/check_company_id') ?>",
        type: "POST",
        data: { company_id: companyId },
        dataType: "json",
        success: function (response) {
            if (response.exists) {
                clear_data_form();
                $("#DataModal").modal('show');
            } else {
                Swal.fire({
                    title: 'To Add New Users You Need To Upgrade Your Plan',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Update',
                    cancelButtonText: 'No Thanks',
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.location.href = "<?= base_url('admin/package/update_package') ?>";
                    }
                });
            }
        },
        error: function () {
            Swal.fire({
                title: 'Error',
                text: 'Unable to process your request. Please try again later.',
                icon: 'error',
            });
        }
    });
});


$("#DataForm").on('submit',(function(e){
	e.preventDefault();
	var formData = new FormData($("#DataForm")[0]);
	$.ajax({
		url: "<?= base_url().'admin/users/submit_users_details' ?>",
		type: "POST",
		data:  formData,
		dataType: "JSON",
		contentType: false,
		cache: false,
		processData:false,
		beforeSend: function() {
			$("#DataForm [type='submit']").attr('disabled', true);
		},
		success: function(data)
		{
			if(data['status']=="Error"){
				toastr.error(data['msg']);
			}else{
				clear_data_form();
				$("#DataModal").modal('hide');
				$('#DataTable').DataTable().ajax.reload(null, false);
				toastr.success(data['msg']);
			}
		},
		complete: function(data) {
			$("#DataForm [type='submit']").attr('disabled', false);
		},
	});
}));

$(document).on("click",".edit_users_details",function(){
	$.ajax({
		url: "<?= base_url().'admin/users/get_users_details' ?>",
		type: "POST",
		data:  { keys : $(this).attr('data-id') },
		dataType: "JSON",
		success: function(data){
			if(data){
				$("#row_id").val(data['user_id']);
				$("#user_name").val(data['user_name']);
				$("#user_email_address").val(data['user_email_address']);
				$("#user_password").val(data['user_password']);
				$("#user_mobile_no").val(data['user_mobile_no']);
				$("#user_address").val(data['user_address']);
				$("#user_city").val(data['user_city']);
				$("#user_state").val(data['user_state']);
				$("#user_pin_code").val(data['user_pin_code']);
				$("#user_status").val(data['user_status']);
				
				$("#DataHeading").html('Edit User');
				$("#DataForm [type='submit']").html('Update');
				$("#DataModal").modal('show');
			}else{
				toastr.warning("Invaild Action");
			}
		}
	});
});

// $(document).on("click",".delete_company_details",function(){
	// Swal.fire({
		// icon: "question",
		// title: "Do you Want to Delete Records ?",
		// showCancelButton: true,
		// confirmButtonText: "Delete",
		// confirmButtonColor: "#dc3545",
	// }).then((result) => {
		// if(result.isConfirmed){
			// $.ajax({
				// url: "<?= base_url().'delete_users_manager' ?>",
				// type: "POST",
				// data:  { keys : $(this).attr('data-id') },
				// dataType: "JSON",
				// success: function(data){
					// if(data['status']=="Warning"){
						// toastr.warning(data['msg']);
					// }else{
						// toastr.info(data['msg']);
						// $('#DataTable').DataTable().ajax.reload(null, false);
					// }
				// }
			// });
		// }
	// });
// });

function clear_data_form(){
	$("#row_id").val("");
	
	$("#DataHeading").html('Add User');
	$("#DataForm [type='submit']").html('Submit');
	$("#DataForm").trigger('reset');
}
</script>