You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1133 lines
67 KiB

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ManageNew.aspx.cs" EnableEventValidation="false" Inherits="Swift.web.Remit.Administration.CustomerSetup.ManageNew" %>
<%@ Register Src="~/Component/AutoComplete/SwiftTextBox.ascx" TagName="SwiftTextBox" TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Customer Edit</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/css/intlTelInput.css" />
<link href="/ui/css/style.css" rel="stylesheet" />
<link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="/ui/css/style.css" type="text/css" rel="stylesheet" />
<link href="/js/jQuery/jquery.gritter.css" rel="stylesheet" type="text/css" />
<link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="/AgentNew/css/signature-pad.css" rel="stylesheet" />
<link href="/AgentNew/css/Document.css" rel="stylesheet" />
<link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="/ui/js/jquery.min.js"></script>
<script src="/ui/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/functions.js?v=0.2" type="text/javascript"></script>
<script src="/AgentNew/js/functions.js?v=0.2" type="text/javascript"></script>
<script src="/ui/js/jquery-ui.min.js"></script>
<script src="/js/swift_grid.js" type="text/javascript"> </script>
<script src="/js/swift_calendar.js" type="text/javascript"></script>
<script src="/ui/js/jquery.validate.js" type="text/javascript"></script>
<script src="/js/popper/popper.min.js"></script>
<script src="/js/swift_autocomplete.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/intlTelInput.min.js"></script>
<script src="/AgentNew/js/swift_calender.js"></script>
<script src="/AgentNew/js/signature_pad.umd.js"></script>
<script src="/js/CustomerSignatureForAdmin.js"></script>
<script src="/ui/js/Editable/jquery-editable-select.min.js"></script>
<link href="/ui/js/Editable/jquery-editable-select.min.css" rel="stylesheet" />
<style>
.submitBtn {
margin-top: 15px;
margin-left: 15px;
}
#form1 {
margin-right: 20px !important
}
.errormsg1 {
font-size: 12px;
color: #FA4345;
}
</style>
<script>
var customerId = sessionStorage.getItem("customerIdFromApprove");
LoadcustomerData(customerId);
$(document).ready(function () {
<%-- $("#<%=verificationTypeNo.ClientID%>").on("change", function () {
var idtype = $("#<%=idType.ClientID%>").val();
if (idtype.split('|')[0] == 11168 && idtype != '') {
var idNumber = $("#<%=verificationTypeNo.ClientID%>").val();
var idNUmberRegex = '^[A-Za-z]{2}[0-9]{8}[A-Za-z]{2}';
var matchedOrNOt = idNumber.match(idNUmberRegex);
if (matchedOrNOt != null && idNumber.length == 12) {
return true;
} else {
$("#<%=verificationTypeNo.ClientID%>").val('');
alert("Please enter proper Id Number format!!!!");
return false;
}
}
});--%>
$("#<%=idType.ClientID%>").on("change", function () {
$("#<%=verificationTypeNo.ClientID%>").val('');
var idTypeValue = $("#<%=idType.ClientID%>").val().split('|')[0];
//if idType is other hide verification textbox and show other verification textbox
if (idTypeValue == '11402') {
$("#<%=otherVerificationTypeNo.ClientID%>").addClass("required");
$("#otherVerificationTypeDiv").show();
} else {
$("#<%=otherVerificationTypeNo.ClientID%>").removeClass("required");
$("#otherVerificationTypeDiv").hide();
}
});
//$("#occupation").prop("disabled", true);
$("#<%=ExpireDate.ClientID%>").click(function () {
$("#<%=ExpireDate.ClientID%>").val('');
});
$("#<%=zipCode.ClientID%>").keyup(function () {
var len = $(this).val().length;
if (len == '7') {
GetAddressByZipCode();
}
});
$('#<%=ddlVisaStatus.ClientID%>').change(function () {
var gen_emp_arr = ['official', 'professor', 'artist', 'religious activities', 'journalist', 'highly skilled professional', 'legal/accounting services'
, 'medical services', 'researcher', 'instructor', 'engineer/specialist in humanities/international services', 'intra-company transferee'
, 'nursing care', 'entertainer', 'skilled labor', 'technical intern training', 'permanent resident', 'spouse or child of japanese national'
, 'spouse or child of permanent resident', 'long-term resident', 'japanese', 'specified skilled worker', 'designated activities (full permit)'];
var house_wife_husband_arr = ['dependent'];
var student_arr = ['student'];
var business_manager_arr = ['business manager'];
var part_time_worker_arr = ['trainee', 'cultural activities', 'temporary visitor'];
var part_time_worker_two_arr = ['designated activities (28hour/week)'];
var other_arr = ['diplomat'];
var unemployeed = ['designated activities (no permit)'];
//selectedText = $('#ddlVisaStatus option:selected').text().toLowerCase();
//$('#divOccupation').hide();
//if (jQuery.inArray(selectedText, business_manager_arr) >= 0) {
// $('#occupationHidden').val(11389);
// $('#occupation').val(11389);
//}
//else if (jQuery.inArray(selectedText, gen_emp_arr) >= 0) {
// $('#occupationHidden').val(11379);
// $('#occupation').val(11379);
//}
//else if (jQuery.inArray(selectedText, house_wife_husband_arr) >= 0) {
// $('#occupationHidden').val(11382);
// $('#occupation').val(11382);
//}
//else if (jQuery.inArray(selectedText, student_arr) >= 0) {
// $('#occupationHidden').val(11380);
// $('#occupation').val(11380);
//}
//else if (jQuery.inArray(selectedText, part_time_worker_arr) >= 0) {
// $('#occupationHidden').val(11381);
// $('#occupation').val(11381);
//}
//else if (jQuery.inArray(selectedText, other_arr) >= 0) {
// $('#occupationHidden').val(11383);
// $('#occupation').val(11383);
// $('#divOccupation').show();
//}
//else if (jQuery.inArray(selectedText, unemployeed) >= 0) {
// $('#occupationHidden').val(11388);
// $('#occupation').val(11388);
//}
//else if (jQuery.inArray(selectedText, part_time_worker_two_arr) >= 0) {
// $('#occupationHidden').val(11385);
// $('#occupation').val(11385);
//}
});
$('#<%=occupation.ClientID%>').change(function () {
$('#divOccupation').hide();
if ($('#<%=occupation.ClientID%>').val() === '11383') {
$('#divOccupation').show();
}
$('#occupationHidden').val($('#<%=occupation.ClientID%>').val());
$('#occupation').val($('#<%=occupation.ClientID%>').val());
});
// mobile country code added
$("#<%=mobile.ClientID%>").intlTelInput({
nationalMode: true,
onlyCountries: ["jp"],
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/utils.js" // just for formatting/placeholders etc
});
$("#<%=mobile.ClientID%>").on("change", function () {
var input = $("#<%=mobile.ClientID%>");
var countryCode = $('.dial-code').text();
var mobileNo = input.val();
var maxLength = input.attr('maxLength');
if (mobileNo.length > 10) {
alert('Mobile No. Can allow input maximum 10 digit only');
return $(this).val('');
}
if (mobileNo.indexOf(countryCode) < 0) {
mobileNo = countryCode + mobileNo;
}
if (mobileNo.length > 13) {
alert('Mobile No. Can allow input maximum ' + maxLength + ' digit only');
return $(this).val('');
}
$(this).val(mobileNo);
CheckForMobileNumber(this, 'Mobile No.');
});
$('#<%=countryList.ClientID%>').on('change', function () {
$("#<%=mobile.ClientID%>").val('');
var country = $("#<%=countryList.ClientID%> option:selected").text();
if (country.toLowerCase() == 'japan') {
$("#<%=mobile.ClientID%>").intlTelInput('setCountry', 'jp');
}
});
CalSenderDOB("#<%=dob.ClientID%>");
CompanyRegisterDate("#<%=txtDateOfIncorporation.ClientID%>");
CalIDIssueDate("#<%=IssueDate.ClientID%>");
CalFromToday("#<%=ExpireDate.ClientID%>");
$("#<%=txtDateOfIncorporation.ClientID%>").mask('0000-00-00');
$("#<%=IssueDate.ClientID%>").mask('0000-00-00');
$("#<%=ExpireDate.ClientID%>").mask('0000-00-00');
$("#<%=IssueDate.ClientID%>").mask('0000-00-00');
$("#<%=ExpireDate.ClientID %>").mask('0000-00-00');
$("#<%=dob.ClientID%>").mask('0000-00-00');
IdTypeValidity();
$('#agreement').click(function () {
if ($(this).is(':checked')) {
$('#<%=register.ClientID%>').removeAttr('disabled');
} else {
$('#<%=register.ClientID%>').attr('disabled', 'disabled');
}
});
$('#btnIAgree').on("click", function () {
$('input[name=agreement]').prop("checked", true);
$('#<%=register.ClientID%>').removeAttr('disabled');
});
CustomerSignatureFromAdmin();
});
function IdTypeValidity() {
var senIdType = $("#<%=idType.ClientID%>").val();
if (senIdType == "") {
$("#<%=expiryDiv.ClientID%>").removeClass('hidden');
}
else {
var senIdTypeArr = senIdType.split('|');
if (senIdTypeArr[2] == "E") {
$("#<%=expiryDiv.ClientID%>").removeClass("hidden");
$("#expireRequired").show();
$("#<%=ExpireDate.ClientID%>").addClass("required");
}
else {
$("#<%=expiryDiv.ClientID%>").addClass("hidden");
$("#<%=ExpireDate.ClientID%>").removeClass("required");
}
}
};
function CheckForMobileNumber(nField, fieldName) {
var numberPattern = /^[+]?[0-9]{6,16}$/;
test = numberPattern.test(nField.value);
if (!test) {
alert(fieldName + ' Is Not Valid !');
nField.value = '';
return false
}
return true;
}
function CheckForPhoneNumber(nField, fieldName) {
var numberPattern = /^[+]?[0-9]{6,15}$/;
test = numberPattern.test(nField.value);
if (!test) {
alert(fieldName + ' Is Not Valid !');
nField.value = '';
return false
}
return true;
}
function LoadcustomerData(customerId) {
dataToSend = { MethodName: 'GetCustomerDetails', Id: customerId };
$.post('', dataToSend, function (response) {
ParseCustomerData(response);
//DisableFields();
}).fail(function () {
alert('Oops!!! something went wrong, please try again.');
});
}
function ParseCustomerData(response) {
$("#referralText_aText").attr("disabled", "disabled");
var dr = jQuery.parseJSON(response);
if (dr != null) {
$('#<%=hdnCustomerId.ClientID%>').val(dr[0].customerId);
$('#<%=firstName.ClientID%>').val(dr[0].firstName);
$('#<%=middleName.ClientID%>').val(dr[0].middleName);
$('#<%=lastName.ClientID%>').val(dr[0].lastName1);
$('#<%=txtCompanyName.ClientID%>').val(dr[0].firstName);
$('#<%=genderList.ClientID%>').val(dr[0].gender);
$('#<%=countryList.ClientID%>').val(dr[0].country);
$('#<%=addressLine1.ClientID%>').val(dr[0].address);
$('#<%=zipCode.ClientID%>').val(dr[0].zipCode);
$('#<%=city.ClientID%>').val(dr[0].city);
$('#<%=email.ClientID%>').val(dr[0].email);
$('#<%=hddOldEmailValue.ClientID%>').val(dr[0].email);
$('#<%=phoneNumber.ClientID%>').val(dr[0].telNo);
$('#<%=mobile.ClientID%>').val(dr[0].mobile.replaceAll('-',''));
$('#<%=nativeCountry.ClientID%>').val(dr[0].nativeCountry);
$('#<%=nativeCountry.ClientID%>').val(dr[0].nativeCountryId);
$('#<%=dob.ClientID%>').val(dr[0].dob);
$('#<%=occupation.ClientID%>').val(dr[0].occupation);
$('#<%=occupationHidden.ClientID%>').val(dr[0].occupation);
if (parseInt(dr[0].occupation) === 11383) {
$('#divOccupation').show();
$('#<%=occupationHidden.ClientID%>').val(dr[0].occupation);
$('#<%=occupationText.ClientID%>').val(dr[0].occupationText);
}
$('#<%=IssueDate.ClientID%>').val(dr[0].idIssueDate);
$('#<%=ExpireDate.ClientID%>').val(dr[0].idExpiryDate);
$('#<%=idType.ClientID%>').val(dr[0].idType);
if (dr[0].idTypeValue == '11402') {
$("#<%=otherVerificationTypeNo.ClientID%>").addClass("required");
$("#otherVerificationTypeDiv").show();
} else {
$("#<%=otherVerificationTypeNo.ClientID%>").removeClass("required");
$("#otherVerificationTypeDiv").hide();
}
$('#<%=verificationTypeNo.ClientID%>').val(dr[0].idNumber);
$('#<%=otherVerificationTypeNo.ClientID%>').val(dr[0].otherIdNumber);
$('#<%=hddVerificationTypeNo.ClientID%>').val(dr[0].idNumber);
$('#<%=hddIdNumber.ClientID%>').val(dr[0].homePhone);
$('#<%=txtRegistrationNo.ClientID%>').val(dr[0].registerationNo);
$('#<%=txtNameofAuthoPerson.ClientID%>').val(dr[0].nameOfAuthorizedPerson);
//$('#<%=txtStreet.ClientID%>').val(dr[0].street);
$('#<%=txtAdditionalAddress.ClientID%>').val(dr[0].additionalAddress);
$('#<%=txtsenderCityjapan.ClientID%>').val(dr[0].cityUnicode);
$('#<%=txtstreetJapanese.ClientID%>').val(dr[0].streetUnicode);
$('#<%=txtNameofEmployeer.ClientID%>').val(dr[0].nameOfEmployeer);
$('#<%=rbRemitanceAllowed.ClientID%> input[value=' + (dr[0].remittanceAllowed == true ? "Enabled" : "Disabled") + ']').attr('checked', 'checked');
$('#<%=rbOnlineLogin.ClientID%> [value= ' + (dr[0].onlineUser == "Y" ? "Enabled" : "Disabled") + ']').attr('checked', 'checked');
$('#<%=rbMobileLogin.ClientID%> [value= ' + (dr[0].mobileUser == "Y" ? "Enabled" : "Disabled") + ']').attr('checked', 'checked');
$('#<%=txtRemarks.ClientID%>').val(dr[0].remarks);
$('#<%=txtSSnNo.ClientID%>').val(dr[0].SSNNO);
$('#<%=ddlSalary.ClientID%>').val(dr[0].monthlyIncome);
$('#<%=ddlEmployeeBusType.ClientID%>').val(dr[0].employeeBusinessType);
$('#<%=ddlnatureOfCompany.ClientID%>').val(dr[0].natureOfCompany);
$('#<%=ddlOrganizationType.ClientID%>').val(dr[0].organizationType);
$('#<%=ddlPosition.ClientID%>').val(dr[0].position);
$('#<%=ddlVisaStatus.ClientID%>').val(dr[0].visaStatus);
$('#<%=ddSourceOfFound.ClientID%>').val(dr[0].sourceOfFund);
$('#<%=ddlState.ClientID%>').val(dr[0].state);
$('#<%=ddlStateHidden.ClientID%>').val(dr[0].state);
$('#<%=cityHidden.ClientID%>').val(dr[0].city);
$('#<%=hddTxnsMade.ClientID%>').val(dr[0].isTxnMade);
$('#<%=ddlDocType.ClientID%>').val(dr[0].documentType);
//logic to disable email update if created from mobile
$('#<%=email.ClientID%>').removeAttr('disabled');
if (dr[0].allowEditEmail === 'N') {
$('#<%=email.ClientID%>').attr('readonly', 'readonly');
}
//if edit customer the hide the option to select weather to create mobile user or not
$("#<%=email.ClientID%>").addClass("required");
$("#skipRequired").show();
if (dr[0].serviceUsedFor === 'C') {
$("#skipRequired").hide();
$("#<%=email.ClientID%>").removeClass("required");
}
if (dr[0].idType.split('|')[0] == "8008") {
$('#<%=expiryDiv.ClientID%>').addClass('hidden');
}
else {
$('#<%=expiryDiv.ClientID%>').removeClass('hidden');
}
GetAddressByRowID(dr[0].district, dr[0].zipCode);
$("#referralText_aText").val(dr[0].REFERRAL_NAME);
$("#referralText_aValue").val(dr[0].REFERRAL_CODE);
}
}
function CheckFormValidation() {
var reqField = "";
if ($('#<%=occupation.ClientID%>').val() !== '11383') {
reqField = reqField.replace(",<%=occupationText.ClientID%>,", ",");
}
var val = $("#<% =hdnCustomerId.ClientID%>").val();
var input = $("#<%=mobile.ClientID%>");
var mobileNo = input.val();
if (mobileNo != null && mobileNo != "") {
var countryCode = $('.dial-code').text();
var maxLength = input.attr('maxLength');
if (mobileNo.indexOf(countryCode) < 0) {
mobileNo = countryCode + mobileNo;
}
if (mobileNo.length > 13) {
alert('Mobile No. Can allow input maximum ' + maxLength + ' digit only');
return $(this).val('');
}
$("#<%=mobile.ClientID%>").val(mobileNo);
}
$(".required").each(function () {
if (!$(this).hasClass("clearOnIndividual")) {
reqField += $(this).attr('id') + ",";
}
});
if ($('#<%=expiryDiv.ClientID%>').hasClass("hidden")) {
reqField = reqField.replace(",<%=ExpireDate.ClientID%>,", ",");
}
if ($('#<%=occupation.ClientID%>').val() !== '11383') {
reqField = reqField.replace(",<%=occupationText.ClientID%>,", ",");
}
var customerId = $('#<%=hdnCustomerId.ClientID%>').val();
var previousVerificationId = $("#<%=hddVerificationTypeNo.ClientID%>").val().toLowerCase();
var currentVerificationId = $("#<%=verificationTypeNo.ClientID%>").val().toLowerCase();
if (ValidRequiredFieldWithDocNewForAdmin(reqField) === false) {
return false;
}
if (!$('#<%=expiryDiv.ClientID%>').hasClass("hidden")) {
var issueDate = $('#<%=IssueDate.ClientID%>').val();
var exipreDate = $('#<%=ExpireDate.ClientID%>').val();
if (issueDate != '' && exipreDate != '') {
if (issueDate > exipreDate) {
alert("Issue Date cannot be greater than Valid date");
return false;
}
}
}
var isdisplayDignature = $("#<%=isDisplaySignature.ClientID%>").val();
if (isdisplayDignature.toLowerCase() === 'true') {
return CheckSignatureCustomerFromAdmin();
}
return true;
}
function readURL(input, id) {
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]);
}
}
function ManageDivs() {
if ($('#<%=idType.ClientID%>').val() == '8008') {
$("#<%=ExpireDate.ClientID%>").removeClass('required');
$('#<%=expiryDiv.ClientID%>').addClass('hidden');
}
else {
$('#<%=expiryDiv.ClientID%>').removeClass('hidden');
$("#<%=ExpireDate.ClientID%>").addClass('required');
}
$("#<%=ExpireDate.ClientID%>").val('');
IdTypeValidity();
}
function CheckCustomerId() {
customerId = $("#<%=hdnCustomerId.ClientID%>").val();
if (customerId !== null && customerId !== "") {
return true;
}
return false;
}
function SetMessageBox(msg, id) {
alert(msg);
}
function GetAddressByZipCode() {
var customerId = $('#<%=hdnCustomerId.ClientID%>').val();
var zipCodeValue = $("#<%=zipCode.ClientID%>").val();
if ($('#hdnZipCode').val() === zipCodeValue) {
return false;
}
$("#txtState").val('');
$("#<%=txtStreet.ClientID%>").val('');
$("#<%=city.ClientID%>").val('');
$("#<%=txtsenderCityjapan.ClientID%>").val('');
$("#<%=txtstreetJapanese.ClientID%>").val('');
var zipCodePattern = /^\d{7}?$/;
test = zipCodePattern.test(zipCodeValue);
if (!test) {
$("#<%=zipCode.ClientID%>").val('');
$("#<%=zipCode.ClientID%>").focus();
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
return alert("Please Enter Valid Zip Code(XXXXXXX)");
}
var dataToSend = { MethodName: 'GetAddressDetailsByZipCode', zipCode: zipCodeValue, customerId: customerId };
$.post('', dataToSend, function (erd) {
if (erd !== null) {
var dr = jQuery.parseJSON(erd);
$('#hdnZipCode').val(zipCodeValue);
if (erd == false) {
$("#<%=ddlState.ClientID%>").val('');
$("#<%=txtStreet.ClientID%>").val('');
$("#<%=city.ClientID%>").val('');
$("#<%=zipCode.ClientID%>").focus();
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
return alert("Please Enter Valid Zip Code(XXXXXXX)");
}
//$("#tempAddress").html(erd);
if (dr[0].errorCode == '0') {
$("#<%=ddlState.ClientID%>").val(dr[0].STATE_ID);
$("#<%=ddlStateHidden.ClientID%>").val(dr[0].STATE_ID);
$("#<%=cityHidden.ClientID%>").val(dr[0].CITY_NAME);
//$("#<%=txtStreet.ClientID%>").val(dr[0].STREET_NAME);
$("#<%=city.ClientID%>").val(dr[0].CITY_NAME);
PopulateAreaDDL(dr);
}
else {
$("#<%=ddlState.ClientID%>").val('');
$("#<%=txtStreet.ClientID%>").val('');
$("#<%=city.ClientID%>").val('');
$("#<%=zipCode.ClientID%>").focus();
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
return alert("Please Enter Valid Zip Code(XXXXXXX)");
}
}
}).fail(function () {
alert('Oops!!! something went wrong, please try again.');
}).done(function () {
if (!$("#<%=txtStreet.ClientID%>").next('ul').hasClass('es-list')) {
$("#<%=txtStreet.ClientID%>").editableSelect({
effects: 'slide',
duration: 200,
filter: false
}).on('select.editable-select', function (e, li) {
$("#<%=hf_editable_townArea.ClientID%>").val(li.val());
$("#<%=txtStreet.ClientID%>").editableSelect('hide');
});
}
$("#<%=txtStreet.ClientID%>").editableSelect('select', $(".selected.es-visible"));
});
}
function GetAddressByRowID(rowId, zipCode) {
var customerId = $('#<%=hdnCustomerId.ClientID%>').val();
var dataToSend = { MethodName: 'GetAddressDetailsByZipCode', zipCode: zipCode, RowID: rowId, customerId: customerId };
//$.post('/AgentNew/Administration/CustomerSetup/CustomerRegistration/Manage.aspx', dataToSend, function (erd) {
$.post('', dataToSend, function (erd) {
if (erd !== null) {
var dr = jQuery.parseJSON(erd);
if (erd == false) {
$("#<%=ddlState.ClientID%>").val('');
$("#<%=txtStreet.ClientID%>").val('');
$("#<%=city.ClientID%>").val('');
$("#<%=zipCode.ClientID%>").focus();
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
return alert("Please Enter Valid Zip Code(XXXXXXX)");
}
//$("#tempAddress").html(erd);
if (dr[0].errorCode == '0') {
$("#<%=ddlState.ClientID%>").val(dr[0].STATE_ID);
$("#<%=ddlStateHidden.ClientID%>").val(dr[0].STATE_ID);
$("#<%=cityHidden.ClientID%>").val(dr[0].CITY_NAME);
//$("#<%=txtStreet.ClientID%>").val(dr[0].STREET_NAME);
$("#<%=city.ClientID%>").val(dr[0].CITY_NAME);
PopulateAreaDDL(dr, rowId);
}
else {
$("#<%=ddlState.ClientID%>").val('');
$("#<%=txtStreet.ClientID%>").val('');
$("#<%=city.ClientID%>").val('');
$("#<%=zipCode.ClientID%>").focus();
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
return alert("Please Enter Valid Zip Code(XXXXXXX)");
}
}
}).fail(function () {
alert('Oops!!! something went wrong, please try again.');
}).done(function () {
if (!$("#<%=txtStreet.ClientID%>").next('ul').hasClass('es-list')) {
$("#<%=txtStreet.ClientID%>").editableSelect({
effects: 'slide',
duration: 200,
filter: false
}).on('select.editable-select', function (e, li) {
$("#<%=hf_editable_townArea.ClientID%>").val(li.val());
$("#<%=txtStreet.ClientID%>").editableSelect('hide');
});
}
$("#<%=txtStreet.ClientID%>").editableSelect('select', $(".selected.es-visible"));
});
}
function ShowIdTypeInfo() {
var idInfo = $('#<%=idType.ClientID%>').val();
if (idInfo == '' || idInfo == null) {
alert('Please select id type first!')
}
else {
alert(idInfo.split("|")[1]);
}
}
function linkClicked() {
parent.AgreementModalPopup();
}
function PopulateAreaDDL(data, selectedValue) {
var editable = $("#<%=txtStreet.ClientID%>").next('ul').hasClass('es-list');
var option, selValue = '';
if (selectedValue) {
selValue = selectedValue;
}
if (editable) {
$(".es-list").empty();
if (data.length > 1) {
$(".es-list").append('<li class="es-visible">Select Area</li>');
}
for (var i = 0; i < data.length; i++) {
if (selValue.toString() === data[i].ROW_ID) {
option = '<li value=' + data[i].ROW_ID + ' class="selected es-visible">' + data[i].STREET_NAME + '</li>';
}
else
option = '<li value=' + data[i].ROW_ID + ' class="es-visible" ">' + data[i].STREET_NAME + '</li>';
try {
$(".es-list").append(option);
}
catch (e) {
alert(e);
}
}
}
else {
var ddl = document.getElementById("txtStreet");
$(ddl).empty();
if (data.length > 1) {
option = document.createElement("option");
option.text = 'Select Area';
option.value = '';
ddl.options.add(option);
}
for (var i = 0; i < data.length; i++) {
option = document.createElement("option");
option.text = data[i].STREET_NAME;
option.value = data[i].ROW_ID;
if (data[i].SELECTED === 'Y') {
option.classList.add("selected");
option.selected = true;
}
try {
ddl.options.add(option);
}
catch (e) {
alert(e);
}
}
}
}
function CheckRequiredOrNot() {
var previousVerificationId = $("#<%=hddVerificationTypeNo.ClientID%>").val().toLowerCase();
var currentVerificationId = $("#<%=verificationTypeNo.ClientID%>").val().toLowerCase();
if (previousVerificationId != currentVerificationId) {
$(".errormsg1").show();
} else {
$(".errormsg1").hide();
}
}
function AfterSave(msg) {
alert(msg);
window.returnValue = msg;
window.opener.focus();
window.opener.PostMessageToParentApprove(window.returnValue);
window.close();
}
</script>
<style>
.intl-tel-input {
width: 100% !important;
}
input, textarea {
text-transform: uppercase;
}
table#ContentPlaceHolder1_rbRemitanceAllowed tbody tr td {
padding-left: 10px;
}
table#ContentPlaceHolder1_rbOnlineLogin tbody tr td {
padding-left: 10px;
}
table#ContentPlaceHolder1_rbMobileLogin tbody tr td {
padding-left: 10px;
}
.signature-pad--body {
min-height: 180px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:HiddenField ID="hf_editable_townArea" runat="server" />
<asp:HiddenField ID="hdnZipCode" runat="server" />
<asp:HiddenField ID="occupationHidden" runat="server" />
<div class="page-wrapper">
<div class="row">
<div class="col-sm-12">
<div class="page-title">
<h1></h1>
<ol class="breadcrumb">
<li><a href="../../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
<li><a href="#" onclick="return LoadModule('account')">Online Agent</a></li>
<li><a href="#" onclick="return LoadModule('account')">Customer Registration</a></li>
<li class="active"><a href="Manage.aspx?customerId=<%=hdnCustomerId.Value %>">Manage</a></li>
</ol>
</div>
</div>
</div>
<div class="report-tab" runat="server" id="regUp">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="Manage.aspx">Customer Operation</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="List">
</div>
<div role="tabpanel" id="Manage">
<div class="">
<div class="register-form">
<div id="addEditPanel" runat="server">
<div class="panel panel-default clearfix m-b-20">
<div class="panel-heading">Personal Information</div>
<div class="panel-body">
<div class="usedForOrganisation" hidden>
<div class="col-sm-4">
<div class="form-group">
<label>Name of Company:<span class="errormsg">*</span></label>
<asp:TextBox ID="txtCompanyName" runat="server" placeholder="Name of Company" CssClass="form-control clearOnIndividual required" />
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label>Company Reg. No:<span class="errormsg">*</span></label>
<asp:TextBox ID="txtRegistrationNo" runat="server" placeholder="Company Reg. No" CssClass="form-control clearOnIndividual required" />
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label>Organization Type:</label>
<asp:DropDownList runat="server" ID="ddlOrganizationType" name="ddlOrganizationType" CssClass="form-control clearOnIndividual">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div id="Div1" runat="server" nowrap="nowrap" class="showHideIDExpDate">
</div>
<div class="form-group">
<label>Date Of Incorporation:</label>
<div class="form-inline">
<div class="input-group input-append date dpYears">
<asp:TextBox runat="server" ID="txtDateOfIncorporation" AutoComplete="off" placeholder="YYYY/MM/DD" onchange="return DateValidation('txtDateOfIncorporation')" MaxLength="10" CssClass="form-control date-field clearOnIndividual"></asp:TextBox>
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Nature Of Company:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="ddlnatureOfCompany" name="ddlnatureOfCompany" CssClass="form-control clearOnIndividual required">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Name Of Authorized Person:<span class="errormsg">*</span></label>
<asp:TextBox ID="txtNameofAuthoPerson" runat="server" CssClass="form-control clearOnIndividual required"></asp:TextBox>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Position:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="ddlPosition" name="ddlnatureOfCompany" CssClass="form-control clearOnIndividual required">
</asp:DropDownList>
</div>
</div>
</div>
<div class="hideForOrganisation">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>First Name:<span class="errormsg">*</span></label>
<asp:TextBox ID="firstName" runat="server" placeholder="First Name" CssClass="form-control clearOnOrganisation required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Middle Name:</label>
<asp:TextBox ID="middleName" runat="server" placeholder="Middle Name" CssClass="form-control clearOnOrganisation" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Last Name:<span class="errormsg">*</span></label>
<asp:TextBox ID="lastName" runat="server" placeholder="Last Name" CssClass="form-control clearOnOrganisation required" />
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Country:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="countryList" name="countryList" CssClass="form-control required">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Zip Code:<span class="errormsg">*</span> </label>
<asp:TextBox ID="zipCode" runat="server" placeholder="XXXXXXX" MaxLength="7" CssClass="form-control required" onchange="return GetAddressByZipCode();" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Prefecture:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="ddlState" disabled="disabled" CssClass="form-control required">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4" style="display: none;">
<div class="form-group">
<label>Street/Street[Japanese]:</label>
<asp:TextBox ID="txtstreetJapanese" runat="server" placeholder="Street[Japanese]" CssClass="form-control" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>City/Ward:<span class="errormsg">*</span></label>
<asp:TextBox ID="city" ReadOnly="true" runat="server" disabled="disabled" placeholder="City" CssClass="form-control required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Town Area:<span class="errormsg">*</span></label>
<asp:DropDownList ID="txtStreet" runat="server" placeholder="Street" CssClass="form-control required" />
<%--<asp:TextBox ID="txtStreet" runat="server" placeholder="Street" CssClass="form-control required" />--%>
</div>
</div>
<div class="col-md-4 col-sm-4" style="display: none;">
<div class="form-group">
<label>Sender City-Japan:</label>
<asp:TextBox ID="txtsenderCityjapan" runat="server" placeholder="Sender City Japan" CssClass="form-control" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Street:<span class="errormsg">*</span> </label>
<asp:TextBox ID="txtAdditionalAddress" runat="server" placeholder="Additional address" CssClass="form-control required" />
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Gender:<span class="errormsg">*</span> </label>
<asp:DropDownList runat="server" ID="genderList" name="genderList" CssClass="form-control clearOnOrganisation required">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Native Country:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="nativeCountry" CssClass="form-control required"></asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div id="tdSenExpDateTxt" runat="server" nowrap="nowrap" class="showHideIDExpDate">
</div>
<div class="form-group">
<label>Date of Birth:<span class="errormsg">*</span></label>
<div class="form-inline">
<div class="input-group input-append date dpYears">
<asp:TextBox runat="server" ID="dob" placeholder="YYYY/MM/DD" onchange="return DateValidation('dob','dobnew')" MaxLength="10" AutoComplete="off" CssClass="form-control clearOnOrganisation required"></asp:TextBox>
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>E-Mail ID:<span class="errormsg" id="skipRequired">*</span></label>
<asp:TextBox ID="email" runat="server" placeholder="Email" CssClass="form-control" />
<asp:RegularExpressionValidator ID="rev1" runat="server" Display="Dynamic"
ErrorMessage="Invalid Email Id!" ForeColor="Red" SetFocusOnError="True" ValidationGroup="send"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" CssClass="inv"
ControlToValidate="email"></asp:RegularExpressionValidator>
</div>
</div>
<div class="col-md-4 col-sm-4" hidden>
<div class="form-group">
<label>Address:</label>
<asp:TextBox ID="addressLine1" runat="server" placeholder="Address" CssClass="form-control" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Telephone No.:</label>
<asp:TextBox ID="phoneNumber" runat="server" placeholder="Phone Number" MaxLength="15" CssClass="form-control" onchange="CheckForPhoneNumber(this, 'Phone No.');" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group" style="overflow: initial;">
<label>Mobile No.:</label><br />
<asp:TextBox runat="server" MaxLength="10" ID="mobile" placeholder="8012344567" CssClass="form-control" />
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Visa Status<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="ddlVisaStatus" name="ddlVisaStatus" CssClass="form-control clearOnOrganisation required">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Employment Business Type:</label>
<asp:DropDownList runat="server" ID="ddlEmployeeBusType" name="genderList" CssClass="form-control clearOnOrganisation">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Name of Employer:</label>
<asp:TextBox runat="server" ID="txtNameofEmployeer" placeholder="Name Of Employer" CssClass="form-control clearOnOrganisation" />
</div>
</div>
<div class="col-md-4 col-sm-4" style="display: none">
<div class="form-group">
<label>SSN No:</label>
<asp:TextBox runat="server" ID="txtSSnNo" placeholder="SSN No" CssClass="form-control clearOnOrganisation" />
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Occupation:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="occupation" CssClass="form-control clearOnOrganisation required"></asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation" id="divOccupation" style="display: none;">
<div class="form-group">
<label>Occupation (If Other only):<span class="errormsg">*</span></label>
<asp:TextBox runat="server" ID="occupationText" CssClass="form-control clearOnOrganisation required"></asp:TextBox>
</div>
</div>
<div class="col-md-4 col-sm-4" style="display: none">
<div class="form-group">
<label>Source of Fund:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="ddSourceOfFound" CssClass="form-control"></asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Monthly Income:</label>
<asp:TextBox runat="server" ID="ddlSalary" CssClass="form-control clearOnOrganisation"></asp:TextBox>
<%-- <asp:DropDownList ID="ddlSalary" runat="server" CssClass="form-control clearOnOrganisation">
<asp:ListItem>JPY 0 - JPY170,000</asp:ListItem>
<asp:ListItem>JPY170,000 - JPY340,000</asp:ListItem>
<asp:ListItem>JPY340,000 - JPY680,000</asp:ListItem>
<asp:ListItem>JPY680,000 - JPY1,300,000</asp:ListItem>
<asp:ListItem>Above JPY1,300,000</asp:ListItem>
</asp:DropDownList>--%>
</div>
</div>
</div>
</div>
<div class="panel panel-default clearfix m-b-20">
<div class="panel-heading">Security Information</div>
<div class="panel-body">
<div style="margin-left: 15px">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Verification Id Type:<span class="errormsg">*</span></label>
<asp:DropDownList runat="server" ID="idType" CssClass="form-control required" onchange="ManageDivs();"></asp:DropDownList>
</div>
</div>
<div class="col-md-4 col-sm-4" id="otherVerificationTypeDiv" style="display: none">
<div class="form-group">
<label id="otherVerificationType">Other Verification ID Type.:<span class="errormsg">*</span></label>
<div class="input-group input-append date dpYears">
<asp:TextBox ID="otherVerificationTypeNo" runat="server" placeholder="Other Verification Id Type" MaxLength="14" CssClass="form-control required" />
<div class="input-group-addon" onclick="ShowIdTypeInfo();"><i class="fa fa-info"></i></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4" id="verificationTypeDiv">
<div class="form-group">
<label id="verificationType">Verification Type No.:<span class="errormsg">*</span></label>
<div class="input-group input-append date dpYears">
<asp:TextBox ID="verificationTypeNo" runat="server" placeholder="Verification Type Number" onchange="CheckRequiredOrNot()" MaxLength="14" CssClass="form-control required" />
<div class="input-group-addon" onclick="ShowIdTypeInfo();"><i class="fa fa-info"></i></div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Issue Date:<span class="errormsg">*</span></label>
<div class="form-inline">
<div class="input-group input-append date">
<asp:TextBox runat="server" ID="IssueDate" onchange="return DateValidation('IssueDate','i')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control date-field required"></asp:TextBox>
<div class="input-group-addon "><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4" id="expiryDiv" runat="server">
<div class="form-group">
<label>Valid Date:<span class="errormsg" id="expireRequired">*</span></label>
<div class="form-inline">
<div class="input-group input-append date">
<asp:TextBox runat="server" ID="ExpireDate" onchange="return DateValidation('ExpireDate','f')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control date-field required"></asp:TextBox>
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Remitance Allowed:<span class="errormsg">*</span></label>
<asp:RadioButtonList ID="rbRemitanceAllowed" runat="server" CssClass="clearOnOrganisation"
RepeatDirection="Horizontal" RepeatLayout="Table">
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
<asp:ListItem Text="Disabled" Value="Disabled" />
</asp:RadioButtonList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Online Login Allowed:<span class="errormsg">*</span></label>
<asp:RadioButtonList ID="rbOnlineLogin" runat="server" CssClass="clearOnOrganisation"
RepeatDirection="Horizontal">
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
<asp:ListItem Text="Disabled" Value="Disabled" />
</asp:RadioButtonList>
</div>
</div>
<div class="col-md-4 col-sm-4 hideForOrganisation">
<div class="form-group">
<label>Mobile Login Allowed:<span class="errormsg">*</span></label>
<asp:RadioButtonList ID="rbMobileLogin" runat="server" CssClass="clearOnOrganisation"
RepeatDirection="Horizontal">
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
<asp:ListItem Text="Disabled" Value="Disabled" />
</asp:RadioButtonList>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Additional Address Verification Document Collected (Mandatory for NON-FACE TO FACE customers):</label>
<asp:DropDownList ID="ddlDocType" runat="server" CssClass="form-control"></asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 hideForOrganisation">
<div class="form-group">
<label>Remarks:</label>
<asp:TextBox runat="server" ID="txtRemarks" TextMode="MultiLine" placeholder="Remarks" CssClass="form-control clearOnOrganisation" />
</div>
</div>
</div>
<div class="row">
<asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25 submitBtn" Text="Submit" OnClientClick="return CheckFormValidation()" OnClick="register_Click" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tempAddress" hidden></div>
<asp:HiddenField runat="server" ID="hdnVerifyDoc1" />
<asp:HiddenField runat="server" ID="hdnVerifyDoc2" />
<asp:HiddenField runat="server" ID="hdnVerifyDoc4" />
<asp:HiddenField runat="server" ID="hdnVerifyDoc3" />
<asp:HiddenField runat="server" ID="hdnCustomerId" />
<asp:HiddenField runat="server" ID="hddIdNumber" />
<asp:HiddenField runat="server" ID="hdnMembershipNo" />
<asp:HiddenField runat="server" ID="hddOldEmailValue" />
<asp:HiddenField runat="server" ID="hddTxnsMade" />
<asp:HiddenField ID="isDisplaySignature" runat="server" />
<asp:HiddenField ID="hddImgURL" runat="server" />
<asp:HiddenField ID="cityHidden" runat="server" />
<asp:HiddenField ID="ddlStateHidden" runat="server" />
<asp:HiddenField runat="server" ID="hddVerificationTypeNo" />
</div>
</form>
</body>
</html>