MINI Sh3ll
<?php $__env->startSection('title', 'SCPL Users'); ?>
<?php $__env->startSection('content'); ?>
<!--begin::Portlet-->
<div class="m-content">
<div class="row">
<div class="m-portlet m-portlet--mobile filter_row">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<span class="m-portlet__head-icon m--hide">
<i class="la la-gear"></i>
</span>
<h3 class="m-portlet__head-text">
Admin & SCPL User
</h3>
</div>
</div>
<div class="m-portlet__head-tools">
<a href="<?php echo e(route('user.index')); ?>" class="btn btn-sm btn-accent m-btn m-btn--custom m-btn--icon m-btn--air">
<span>
<i class="la la-arrow-left"></i>
<span>
Back
</span>
</span>
</a>
</div>
</div>
<form class="m-form m-form--fit m-form--label-align-right" autocomplete="off" action="<?php echo e(route('user.store')); ?>" id="addSCPLUser" method="POST" role="form" data-parsley-validate="parsley">
<?php echo e(csrf_field()); ?>
<div class="m-portlet__body">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
First Name <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="first_name" placeholder="First Name"
value="<?php echo e(old('first_name')); ?>"
required = 'required'
data-parsley-required-message = 'First name is required'
data-parsley-trigger = 'change focusout'
data-parsley-pattern ='/^[a-zA-Z_ ]*$/'
data-parsley-pattern-message ='Enter valid first name'
data-parsley-minlength = '3'
data-parsley-maxlength = '32'
data-parsley-minlength-message= 'You need to enter at least a 3 characters.'
data-parsley-maxlength-message= 'You need to enter maximum 32 characters.'
autocomplete="false">
<span class="m-form__help">
</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Middle Name
</label>
<input type="text" class="form-control m-input" name="middle_name" placeholder="Middle Name" value="<?php echo e(old('middle_name')); ?>"
data-parsley-trigger = 'change focusout'
data-parsley-pattern ='/^[a-zA-Z_ ]*$/'
data-parsley-pattern-message ='Enter valid middle name'
data-parsley-minlength = '1'
data-parsley-maxlength = '32'
data-parsley-minlength-message= 'You need to enter at least a 1 character comment..'
data-parsley-maxlength-message= 'You need to enter maximum 32 character comment..'
autocomplete="false">
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Last Name <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="last_name" placeholder="Last Name" value="<?php echo e(old('last_name')); ?>"
required = 'required'
data-parsley-required-message = 'Last name is required'
data-parsley-trigger = 'change focusout'
data-parsley-pattern ='/^[a-zA-Z_ ]*$/'
data-parsley-pattern-message ='Enter valid lastname'
data-parsley-minlength = '3'
data-parsley-maxlength = '32'
data-parsley-minlength-message= 'You need to enter at least a 3 character comment..'
data-parsley-maxlength-message= 'You need to enter maximum 32 character comment..'
autocomplete="false">
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
Email address <span class="text-danger">*</span>
</label>
<input type="email" class="form-control m-input" id = 'email' name="email" value="<?php echo e(old('email')); ?>"
placeholder = '[email protected]'
required = 'required'
data-parsley-required-message = 'Email address is required'
data-parsley-checkemail=""
data-parsley-trigger = 'change focusout'
data-parsley-type = "email"
data-parsley-type-message = "Enter valid email address"
autocomplete="false">
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Mobile Number <span class="text-danger">*</span>
</label>
<input type="text" class="form-control m-input" name="mobile" value="<?php echo e(old('mobile')); ?>"
placeholder = 'xxxxxxxx'
required = 'required'
data-parsley-required-message = 'Mobile number is required'
data-parsley-minlength = '10'
data-parsley-maxlength = '10'
data-parsley-checknumber =""
data-parsley-trigger = 'change focusout'
data-parsley-pattern = '^[789]\d{9}$'
data-parsley-pattern-message = 'please enter valid number'
autocomplete="false">
<span class="m-form__help"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="">
User Group: <span class="text-danger">*</span>
</label>
<?php echo Form::select('role_id', $role, null,['class' => 'form-control select2 getPermission',"data-parsley-required"=>"alphanum", "data-parsley-required-message"=>"Select user role."]); ?>
<?php echo $errors->first('role_id', '<p class="help-block">:message</p>'); ?>
<span class="m-form__help">
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label for="exampleInputEmail1">
Status
</label>
<select class="form-control" name="status">
<option value="">Select Status</option>
<option value="1" selected="">Active</option>
<option value="0">InActive</option>
</select>
<span class="m-form__help"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="m-form__group form-group">
<label> Access Level <span class="text-danger">*</span></label>
<div id="element"></div>
<div class="m-checkbox-list access-level">
<?php
$notPermitted = array('SCPL');
foreach($modules as $module) {
if(!in_array($module->module_code,$notPermitted)) {
if($module->parent_id == 0) {
?>
<label class="m-checkbox m-checkbox--bold m-checkbox--state-success parent-module">
<input type="checkbox" id ="<?php echo e($module->module_code); ?>" class="parent default_permission-<?php echo e($module->module_code); ?>" name="module_id[]" value="<?php echo e($module->id); ?>"
autocomplete="false"
data-parsley-errors-container="#element"
data-parsley-multiple="checkbox"
data-parsley-mincheck="1"
data-parsley-required data-parsley-error-message="Please choose at least 1 access level"
/>
<?php echo e($module->module_name); ?>
<span></span>
</label>
<?php foreach($module->children as $children) {
?>
<label class="m-checkbox m-checkbox--bold m-checkbox--state-brand child-module ">
<input type="checkbox" id = "child" class="default_permission-<?php echo e($module->module_code); ?>" name="module_id[]" value="<?php echo e($children->id); ?>"
autocomplete="false"
data-parsley-errors-container="#element"
data-parsley-multiple="checkbox"
data-parsley-mincheck="1"
data-parsley-required data-parsley-error-message="Please choose at least 1 access level"
onClick = "childClicked('parent-<?php echo e($module->module_code); ?>');"/>
<?php echo e($children->module_name); ?>
<span></span>
</label>
<?php }
}
}
}?>
</div>
</div>
</div>
</div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions">
<button type="submit" class="btn btn-primary" id="submit">
Submit
</button>
<button type="reset" class="btn btn-secondary">
Cancel
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<script>
window.Parsley.addValidator('checkemail', {
validateString: function(value) {
var email = value;
var token = '<?php echo e(csrf_token()); ?> ';
var url = '<?php echo e(route("checkEmail")); ?>';
var response = checkEmail(email,token,url);
return response;
},
messages: {
en: 'Email address has already been taken'
}
});
window.Parsley.addValidator('checknumber', {
validateString: function(value) {
var number = value;
var token = '<?php echo e(csrf_token()); ?>' ;
var url = '<?php echo e(route("checkNumber")); ?>';
var response = checkNumber(number,token,url);
return response;
},
messages: {
en: 'Mobile number has already been taken'
}
});
</script>
<script type="text/javascript">
$('.parent').on('click', function(){
if($(this).is(':checked')) {
$( '.access-level input:checkbox[class="default_permission-' + $(this).attr('id') + '"]' ).prop('checked',true);
} else {
$( '.access-level input:checkbox[class="default_permission-' + $(this).attr('id') + '"]' ).prop('checked',false);
}
});
function childClicked(cls) {
var temp = cls.split( '-' );
var parentId = temp[1];
alert(parentId);
if ( $('.'+cls).is(':checked')) {
$('#'+parentId).prop('checked',true);
}
else {
var atLeastOneEnabled = false;
$( '.access-level input:checkbox[class="'+cls+'"]' ).each( function() {
if ( $('.'+cls).is(':checked')) {
atLeastOneEnabled = true;
}
});
if ( !atLeastOneEnabled ) {
$('#'+parentId).prop('checked',false);
}
}
}
$(document).on('change','.getPermission',function(){
var role = $(this).val();
$('input:checkbox').prop('checked',false);
$.ajax({
data: {'role': role},
type: 'get',
url: "<?php echo e(route('getPermission')); ?>",
dataType: "json",
success: function (response) {
$.each(response, function (index, Obj) {
$('.default_permission-'+Obj.module_code).prop('checked',true);
});
}
});
})
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>
OHA YOOOO