@extends('admin.include.master')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<form action="<?php echo url('/process/add-user'); ?>" method="post" enctype="multipart/form-data">
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Add User</h1>
</div>
<div class="col-sm-6 text-right">
<a href="{{ url('all-user') }}" type="button" class="btn btn-sm btn-secondary mx-1">Cancel</a>
<!-- <button type ="reset" name="resetForm" id="clearForm" class="btn btn-sm btn-secondary mx-1">Clear</button> -->
<button type="submit" name="save" value="Save" class="btn btn-sm btn-success mx-1">Save</button>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-6">
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">General Info</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse"
title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="FirstName">First Name<span
class="text-danger">*</span></label>
<input type="text" id="FirstName" name="FirstName"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="LastName">Last Name</label>
<input type="text" id="LastName" name="LastName"
class="form-control form-control-sm">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="FirstName">Mobile<span
class="text-danger">*</span> <span id='MobileCheck'></span></label>
<input type="text" id="Mobile" name="Mobile"
class="form-control form-control-sm Mobile" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="Password">Password</label>
<input type="text" id="Password" name="Password"
class="form-control form-control-sm" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="Department">Department</label>
<input type="text" id="Department" name="Department"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="CompanyName">Company Name</label>
<input type="text" id="CompanyName" name="CompanyName"
class="form-control form-control-sm">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="Address">Street Address</label>
<input type="text" id="Address" name="Address" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="City">City</label>
<input type="text" id="City" name="City" class="form-control form-control-sm">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="Country">Country<span
class="text-danger">*</span></label>
<select class="form-control form-control-sm" style="width: 100%;"
aria-hidden="true" id="Country" name="Country" required>
<option selected="selected" disabled>Select Country</option>
@foreach ($countries as $country)
<option data-id="{{ $country->id }}"
value="{{ $country->country_name }}"
{{ $country->id == '101' ? 'selected' : '' }}>
{{ $country->country_name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="State">State<span
class="text-danger">*</span></label>
<select id="State" name="State"
class="form-control form-control-sm billing-address" style="width: 100%;"
required>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ProfileId">Profile</label>
<select class="form-control form-control-sm" style="width: 100%;"
aria-hidden="true" id="ProfileId" name="ProfileId">
<option selected="selected" disabled>Select Profile</option>
@foreach ($profiles as $profile)
<option data-id="{{ $profile->ProfileId }}"
value="{{ $profile->ProfileId }}">{{ $profile->ProfileName }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-6">
<label class="mb-0" for="Expense Rate">Expense Rate</label>
<input type="text" id="addExpenseAmount" name="AssignExpenseAmount" class="form-control form-control-sm">
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0" for="AboutMe">About User</label>
<textarea id="AboutMe" class="form-control form-control-sm" rows="4"
name="AboutMe"></textarea>
</div>
<div class="form-group mb-2">
<label class="mb-0" for="profileImage">Profile Image</label>
<div class="input-group">
<div class="custom-file">
<input type="file" class="custom-file-input" id="BannerPhotoUrl"
name="BannerPhotoUrl">
<label class="custom-file-label" for="BannerPhotoUrl">Choose file</label>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="col-md-6">
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Account Info</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse"
title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="form-group mb-2">
<label class="mb-0">Email</label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-envelope"></i></span>
</div>
<input type="email" class="form-control form-control-sm" placeholder="Email"
id="Email" name="Email">
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0">Nickname</label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-users"></i></span>
</div>
<input type="text" class="form-control form-control-sm" placeholder="Nickname"
id="CommunityNickname" name="CommunityNickname">
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0" for="inputStatus">Status</label>
<select id="inputStatus" class="form-control form-control-sm" required>
<option selected disabled>Select one</option>
<option value='1'>Active</option>
<option value='0'>In-Active</option>
</select>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
<div class="row">
<div class="col-12 text-right">
<div class="">
<a href="{{ url('all-user') }}" type="button"
class="btn btn-sm btn-secondary mx-1">Cancel</a>
<!-- <button type ="reset" name="resetForm" id="clearForm" class="btn btn-sm btn-secondary mx-1">Clear</button> -->
<button type="submit" name="save" value="Save"
class="btn btn-sm btn-success mx-1">Save</button>
</div>
</div>
</div>
</section>
</form>
<br />
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script type="text/javascript">
$(document).ready(function() {
stateLoad();
function stateLoad() {
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url: "<?php echo url('/') . '/state-list'; ?>",
type: "POST",
cash: false,
data: {
'country_id': 101,
"_token": $('#token').val()
},
type: 'POST',
success: function(response) {
$("#State").html(response);
},
error: function(response) {
console.log(response);
}
});
}
$("#Country").change(function() {
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url: "<?php echo url('/') . '/state-list'; ?>",
type: "POST",
cash: false,
data: {
'country_id': country_id,
"_token": $('#token').val()
},
type: 'POST',
success: function(response) {
$("#State").html(response);
},
error: function(response) {
console.log(response);
}
});
});
$("#Mobile").change(function() {
var Mobile = $(this).val();;
$.ajax({
url: "<?php echo url('/user/mobile/check'); ?>",
type: "POST",
cash: false,
data: {
'Mobile': Mobile,
"_token": $('#token').val()
},
type: 'POST',
success: function(response) {
var ResponseCode = response.ResponseCode;
var ResponseMessage = response.ResponseMessage;
if (ResponseCode == '200') {
$('#MobileCheck').removeClass('text-danger');
$("#MobileCheck").html(response.ResponseMessage);
} else {
$('#MobileCheck').addClass('text-danger');
$("#MobileCheck").html('(' + response.ResponseMessage + ')');
}
},
error: function(response) {
console.log(response);
}
});
});
// function forceNumeric()
// {
// var $input = $(this);
// $input.val($input.val().replace(/[^\d]+/g,''));
// }
// $('body').on('propertychange input', 'input[type="number"]', forceNumeric);
$('.Mobile').keypress(function(e) {
var arr = [];
var kk = e.which;
for (i = 48; i < 58; i++)
arr.push(i);
if (!(arr.indexOf(kk) >= 0))
e.preventDefault();
if ($(this).val().length <= 10) {
return true;
} else {
event.preventDefault();
return false;
}
});
randomNumber(6);
});
function randomNumber(length) {
var text = "";
var possible = "123456789";
for (var i = 0; i < length; i++) {
var sup = Math.floor(Math.random() * possible.length);
text += i > 0 && sup == i ? "0" : possible.charAt(sup);
}
$("#Password").val(text);
return Number(text);
}
</script>
@endsection