WEB_CORE/Swift.web/AgentNew/Transaction/ApproveCustomerFromAgent/EditCustomer.aspx

<%@ Page Title="" Language="C#" EnableEventValidation="false" MasterPageFile="~/AgentNew/AgentMain.Master" AutoEventWireup="true" CodeBehind="EditCustomer.aspx.cs" Inherits="Swift.web.AgentNew.Transaction.ApproveCustomerFromAgent.EditCustomer" %>

<%@ Register Src="~/Component/AutoComplete/SwiftTextBox.ascx" TagName="SwiftTextBox" TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../../css/Document.css" rel="stylesheet" />
    <link href="../../css/signature-pad.css" rel="stylesheet" />

    <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;
        }
    </style>
    <script>
        $(document).ready(function () {
            $("#uploadFrontIdDiv").hide();
            $("#uploadBackIdDiv").hide();

            $("#editFrontId").click(function () {
                debugger
                $("#uploadFrontIdDiv").show();
            });
            $("#editBackId").click(function () {
                $("#uploadBackIdDiv").show();
            });
            $("#" + mId + "occupation").change(function () {
                $("#divOccupation").hide();
                if ($("#" + mId + "occupation").val() === "11383") {
                    $("#divOccupation").show();
                }
            });



            var customerId = "<%=GetCustomerId()%>";
            var eid = $('#<%=hdnCustomerId.ClientID%>').val(customerId);
            if (customerId != "") {
                LoadcustomerData();

            }


            $("#<%=ExpireDate.ClientID%>").click(function () {
                $("#<%=ExpireDate.ClientID%>").val('');
            });

            $("#<%=zipCode.ClientID%>").keyup(function () {
                var len = $(this).val().length;
                if (len == '7') {
                    GetAddressByZipCode();
                }
            });
         <%--   $("#<%=zipCode.ClientID%>").keydown(function () {
                var len = $(this).val().length;
                if (len == '6') {
                    GetAddressByZipCode();
                }
            });--%>
            $('#<%=ddlSearchBy.ClientID%>').change(function () {
                $('#ContentPlaceHolder1_txtSearchData_aText').val('');
                $('#ContentPlaceHolder1_addEditPanel').hide();
                $('#<%=ddlCustomerType.ClientID%>').val('4700');
                $('#<%=membershipDiv.ClientID%>').hide();
                $('#<%=customerType.ClientID%>').hide();
                $('#<%=txtMembershipId.ClientID%>').val('');
                <% = txtSearchData.InitFunction() %>
            });

            $(document).on('change', '#ContentPlaceHolder1_txtSearchData_aSearch', function () {
                searchValue = $(this).val();
                if (searchValue === null || searchValue === "") {
                    $('#ContentPlaceHolder1_txtSearchData_aText').val('');
                    $('#ContentPlaceHolder1_addEditPanel').hide();
                    $('#<%=ddlCustomerType.ClientID%>').val('4700');
                    $('#<%=membershipDiv.ClientID%>').hide();
                    $('#<%=customerType.ClientID%>').hide();
                    $('#<%=txtMembershipId.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.indexOf(countryCode) < 0) {
                    mobileNo = countryCode + mobileNo;
                }
                if (mobileNo.length > maxLength) {
                    alert('Mobile No. Can allow input maxmum ' + 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');

            ChangeOrganisationType();
            IdTypeValidity();

            CustomerSignature();
        });

        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 ChangeOrganisationType() {
            var customerType = $("#<% =ddlCustomerType.ClientID%>").val();
            var clearInputFields = [];

            if (customerType === '4701') {
                $('.usedForOrganisation').show();
                $('.hideForOrganisation').hide();
                clearInputFields = ['.clearOnOrganisation'];
            } else {
                $('.usedForOrganisation').hide();
                $('.hideForOrganisation').show();
                clearInputFields = ['.clearOnIndividual'];
            }

            clearInputFields.forEach(function (item) {
                $(item).val('');
            });
        }

        function GetCustomerSearchType() {
            var searchBy = $('#<%=ddlSearchBy.ClientID%>').val()
            return searchBy;
        }

        function CallBackAutocomplete(id) {
            var d = [GetItem("<%=txtSearchData.ClientID %>")[0], GetItem("<%=txtSearchData.ClientID %>")[1].split('|')[0]];
            $('#<%=hdnCustomerId.ClientID%>').val(d[0]);
            LoadcustomerData();
            $('#<%=addEditPanel.ClientID%>').removeAttr('style');
        }

        function LoadcustomerData() {
            var eid = $('#<%=hdnCustomerId.ClientID%>').val();
            dataToSend = { MethodName: 'GetCustomerDetails', Id: eid };
            $.post('', dataToSend, function (response) {
                ParseCustomerData(response);
                PopulateImage();
                PopulateSignature();
                //DisableFields();
                ChangeOrganisationType();
            }).fail(function () {
                alert('Oops!!! something went wrong, please try again.');
            });
        }
        function PopulateImage() {
            var dataToSend = {
                MethodName: "GetImageUrl",
                customerId: $('#<%=hdnCustomerId.ClientID%>').val(),
                registerDate: $('#<%=hdnRegisterDate.ClientID%>').val(),
                membershipId: $('#<%=txtMembershipId.ClientID%>').val()
            };
            $.post('', dataToSend, function (response) {
                var json = JSON.parse(response);
                var url1 = json[1];
                var url2 = json[2];
                $("#font").attr("src", url1);
                $("#back").attr("src", url2);
                $("#font1").attr("src", url1);
                $("#back1").attr("src", url2);
            }).fail(function () {
                alert('Oops!!! something went wrong, please try again.');
            });
        }
        function PopulateSignature() {
            var dataToSend = {
                MethodName: "GetSignature",
                customerId: $('#<%=hdnCustomerId.ClientID%>').val(),
                registerDate: $('#<%=hdnRegisterDate.ClientID%>').val(),
                membershipId: $('#<%=txtMembershipId.ClientID%>').val()
            };
            $.post('', dataToSend, function (response) {
                debugger
                var url1 = JSON.parse(response);
                $("#signature").attr("src", url1);
            }).fail(function () {
                alert('Oops!!! something went wrong, please try again.');
            });
        }

        function ParseCustomerData(response) {
            var dr = jQuery.parseJSON(response);
            if (dr != null) {
          <%--      $('#<%=firstName.ClientID%>').attr('readonly', 'readonly');
                $('#<%=middleName.ClientID%>').attr('readonly', 'readonly');
                $('#<%=lastName.ClientID%>').attr('readonly', 'readonly');
                $('#<%=dob.ClientID%>').attr('readonly', 'readonly');
                $('#<%=dob.ClientID%>').datepicker('disable');--%>


                $('#<%=hdnCustomerId.ClientID%>').val(dr[0].customerId);
                $('#<%=hdnRegisterDate.ClientID%>').val(dr[0].createdDate);


                $('#<%=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);
                $('#<%=address1.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);
                $('#<%=emailConfirm.ClientID%>').val(dr[0].email);
                $('#<%=phoneNumber.ClientID%>').val(dr[0].telNo);
                $('#<%=mobile.ClientID%>').val(dr[0].mobile);
                $('#<%=nativeCountry.ClientID%>').val(dr[0].nativeCountry);
                $('#<%=nativeCountry.ClientID%>').val(dr[0].nativeCountryId);
                $('#<%=dob.ClientID%>').val(dr[0].dob);
                $('#<%=occupation.ClientID%>').val(dr[0].occupation);
                $('#<%=IssueDate.ClientID%>').val(dr[0].idIssueDate);
                $('#<%=ExpireDate.ClientID%>').val(dr[0].idExpiryDate);
                $('#<%=idType.ClientID%>').val(dr[0].idType);
                $('#<%=verificationTypeNo.ClientID%>').val(dr[0].idNumber);
                $('#<%=hddIdNumber.ClientID%>').val(dr[0].homePhone);
                $('#<%=txtMembershipId.ClientID%>').val(dr[0].membershipId);
                $('#<%=hdnMembershipNo.ClientID%>').val(dr[0].membershipId);
                $('#<%=txtMembershipId.ClientID%>').attr('readonly', true);
                $('#<%=txtRegistrationNo.ClientID%>').val(dr[0].registerationNo);
                $('#<%=txtDateOfIncorporation.ClientID%>').val(dr[0].dateofIncorporation);
                $('#<%=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);
                <%--$('#<%=ddlSalary.ClientID%>').val(dr[0].monthlyIncome);--%>
                $('#<%=ddlCustomerType.ClientID%>').val(dr[0].customerType);
                $('#<%=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);

                $('#<%=email.ClientID%>').Enabled = (dr[0].isTxnMade == "Y") ? false : true;
                $('#<%=emailConfirm.ClientID%>').Enabled = (dr[0].isTxnMade == "Y") ? false : true;
                $('#<%=hddTxnsMade.ClientID%>').val(dr[0].isTxnMade);
                $('#<%=ddlDocType.ClientID%>').val(dr[0].documentType);
                if (dr[0].isTxnMade == "Y") {
                    $('#<%=msgDiv.ClientID%>').Visible = true;
                    $('#<%=msgLabel.ClientID%>').val("Note: The customer has already made transactions in JME system, so the email can not be modified. For more info please contact HO.");
                }
                if (dr[0].idType.split('|')[0] == "8008") {
                    $('#<%=expiryDiv.ClientID%>').addClass('hidden');
                }
                else {
                    $('#<%=expiryDiv.ClientID%>').removeClass('hidden');
                }
                $('#<%=membershipDiv.ClientID%>').show();
                $('#<%=customerType.ClientID%>').show();

                //GetAddressByRowID(dr[0].district, dr[0].zipCode);
                debugger
                if (parseInt(dr[0].occupation) === 11383) {
                    $('#divOccupation').show();
                    $('#' + mId + 'occupationHidden').val(dr[0].occupation);
                    $('#' + mId + 'occupationText').val(dr[0].occupationText);
                }
            }
        }

        function CheckFormValidation() {
            var reqField = "";
            var val = $("#<% =hdnCustomerId.ClientID%>").val();
            var customerType = $("#<% =ddlCustomerType.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 > maxLength) {
                    alert('Mobile No. Can allow input maxmum ' + maxLength + ' digit only');
                    return $(this).val('');
                }
                $("#<%=mobile.ClientID%>").val(mobileNo);

            }

            $(".required").each(function () {
                if (customerType === "4700") {
                    if (!$(this).hasClass("clearOnIndividual")) {
                        reqField += $(this).attr('id') + ",";
                    }
                }
                if (customerType === "4701") {
                    if (!$(this).hasClass("clearOnOrganisation")) {
                        reqField += $(this).attr('id') + ",";
                    }
                }
            });
            if ($('#<%=expiryDiv.ClientID%>').hasClass("hidden")) {
                reqField = reqField.replace(",<%=ExpireDate.ClientID%>,", ",");
            }

            ChangeOrganisationType();
            debugger
            if ($("#" + mId + "occupation").val() === "11383") {
                reqField += "<%=occupationText.ClientID%>,";
            }

            if (ValidRequiredField(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 CheckSignatureCustomer();
            }--%>
            return true;
        }

        function loadImage(filePath, id) {
            $('#' + id).attr('src', path);
        }

        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 showImage(param) {
            var imgSrc = $(param).attr("src");
            OpenInNewWindow(imgSrc);
        }

        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 zipCodeValue = $("#<%=zipCode.ClientID%>").val();
            $("#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 };
            $.post('/AgentNew/Administration/CustomerSetup/CustomerRegistration/Manage.aspx', 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%>").val(dr[0].ZIP_CODE);
                        $("#<%=address1.ClientID%>").val(dr[0].STREET_NAME);
                        <%--$("#<%=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);
                        $("#<%=city.ClientID%>").val(dr[0].CITY_NAME);
                        $("#<%=zipCode.ClientID%>").val(dr[0].ZIP_CODE);
                        $("#<%=address1.ClientID%>").val(dr[0].STREET_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.');
            });
        }

        function ShowIdTypeInfo() {
            var idInfo = $('#<%=idType.ClientID%>').val();
            if (idInfo == '' || idInfo == null) {
                alert('Please select id type first!')
            }
            else {
                alert(idInfo.split("|")[1]);
            }
        }

        function GetAddressByRowID(rowId, zipCode) {
            var dataToSend = { MethodName: 'GetAddressDetailsByZipCode', zipCode: zipCode, RowID: rowId };
            $.post('', dataToSend, function (erd) {
                if (erd !== null) {
                    var dr = jQuery.parseJSON(erd);
                    if (erd == false) {
                        <%--$("#<%=ddlState.ClientID%>").val('');
                        $("#<%=txtStreet.ClientID%>").val('');--%>
                        $("#<%=city.ClientID%>").val('');
                        $("#<%=address1.ClientID%>").val(dr[0].STREET_NAME);
                        <%--$("#<%=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);
                        $("#<%=address1.ClientID%>").val(dr[0].STREET_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.');
            });
        }

        function PopulateAreaDDL(data, selectedValue) {
            var ddl = document.getElementById("ContentPlaceHolder1_txtStreet");
            $(ddl).empty();

            var option, selValue = '';

            if (selectedValue) {
                selValue = selectedValue;
            }

            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 (selValue.toString() === option.value) {
                    option.selected = true;
                }

                try {
                    ddl.options.add(option);
                }
                catch (e) {
                    alert(e);
                }
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:HiddenField ID="cityHidden" runat="server" />
    <asp:HiddenField ID="ddlStateHidden" 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="hidden">
            <%--<asp:Button ID="populateDoc" runat="server" Text="click" OnClick="populateDoc_Click" />--%>
        </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 class="panel panel-default clearfix m-b-20">
                                <div class="panel-heading">Customer Information</div>
                                <div class="panel-body">
                                    <div class="col-sm-12" id="msgDiv" runat="server" visible="false" style="background-color: red;">
                                        <asp:Label ID="msgLabel" runat="server" ForeColor="White"></asp:Label>
                                    </div>
                                    <div id="displayOnlyOnEdit" runat="server">
                                        <div class="col-sm-3">
                                            <label class="control-label">Search By</label>
                                            <asp:DropDownList ID="ddlSearchBy" runat="server" CssClass="form-control" Style="margin-bottom: 5px;">
                                            </asp:DropDownList>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <label>Choose Customer :<span class="errormsg">*</span></label>
                                                <uc1:SwiftTextBox ID="txtSearchData" runat="server" Category="remit-searchCustomer" CssClass="form-control required" Param1="@GetCustomerSearchType()" Title="Blank for All" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-3" id="customerType" runat="server">
                                        <div class="form-group">
                                            <label>Customer Type:<span class="errormsg">*</span></label>
                                            <asp:DropDownList runat="server" ID="ddlCustomerType" onchange="ChangeOrganisationType(this)" name="customerList" CssClass="form-control">
                                            </asp:DropDownList>

                                        </div>
                                    </div>
                                    <div class="col-sm-3" id="Div2" runat="server" style="display: none">
                                        <div class="form-group">
                                            <label>&nbsp</label>
                                            <a class="form-control btn btn-primary" runat="server" id="testLink" href="PrintDetails.aspx?membershipId=CHI004728">test Link </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-3" id="linkDiv" runat="server" style="display: none">
                                        <div class="form-group">
                                            <label>&nbsp</label>
                                            <a class="form-control btn btn-primary" runat="server" id="printLink">&nbsp</a>
                                        </div>
                                    </div>

                                    <div class="col-sm-3 " id="membershipDiv" runat="server" hidden>
                                        <div class="form-group">
                                            <label>Membership No:</label>
                                            <asp:TextBox ID="txtMembershipId" runat="server" CssClass="form-control" />
                                        </div>
                                    </div>

                                    <div class="col-md-4 col-sm-4" hidden>
                                        <div class="form-group">
                                            <label>Confirm E-Mail ID:<span class="errormsg">*</span></label>
                                            <asp:TextBox ID="emailConfirm" runat="server" placeholder="Confirm Email" data-match="#email" CssClass="form-control clearOnIndividual" />
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic"
                                                ErrorMessage="Invalid Email Id!" ForeColor="Red" SetFocusOnError="True" ValidationGroup="send"
                                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" CssClass="inv"
                                                ControlToValidate="emailConfirm"></asp:RegularExpressionValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <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" autocomplete="stopdoingthat" 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" autocomplete="stopdoingthat" 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" autocomplete="stopdoingthat" 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>Post 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>State:<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" autocomplete="stopdoingthat" runat="server" placeholder="Street[Japanese]" CssClass="form-control" />
                                            </div>
                                        </div>--%>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label>City:<span class="errormsg">*</span></label>
                                                <asp:TextBox ID="city" runat="server" placeholder="City" CssClass="form-control required" />
                                            </div>
                                        </div>
                                        <%--<div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label>Area:<span class="errormsg">*</span> </label>
                                                <asp:DropDownList 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>Address 1:<span class="errormsg">*</span> </label>
                                                <asp:TextBox ID="address1" runat="server" placeholder="Address 1" CssClass="form-control required" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label>Address 2:<span class="errormsg">*</span> </label>
                                                <asp:TextBox ID="txtAdditionalAddress" runat="server" placeholder="Address 2" 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:</label>
                                                <asp:TextBox ID="email" autocomplete="stopdoingthat" 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" autocomplete="stopdoingthat" 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" autocomplete="stopdoingthat" MaxLength="16" ID="mobile" placeholder="Mobile No" 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" autocomplete="stopdoingthat" ID="txtNameofEmployeer" placeholder="Name Of Employer" 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" id="divOccupation" hidden 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"></asp:TextBox>
                                            </div>
                                        </div>
                                        <%--<div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label>Source of Fund:<span class="errormsg">*</span></label>
                                                <asp:DropDownList runat="server" ID="ddSourceOfFound" CssClass="form-control required"></asp:DropDownList>
                                            </div>
                                        </div>--%>
                                        <%--<div class="col-md-4 col-sm-4 hideForOrganisation">
                                            <div class="form-group">
                                                <label>Monthly Income:</label>
                                                <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">
                                                    <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" 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>
                                            <div class="row">
                                                <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 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 autocomplete="stopdoingthat" runat="server" ID="txtRemarks" TextMode="MultiLine" placeholder="Remarks" CssClass="form-control clearOnOrganisation" />
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-4" runat="server" id="displayCounterVisit" style="display: none">
                                                    <div class="form-group">
                                                        <label class="checkbox-ui">
                                                            <input type="checkbox" runat="server" class="custom-control-input" id="customerCounterVisit" />
                                                            <small class="custom-control-label">Counter Visit</small>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" id="signatureDiv" runat="server">
                                                <div class="col-md-6">
                                                    <label class="control-label">Customer Signature:</label>
                                                    <div id="signature-pad" class="signature-pad">
                                                        <div class="signature-pad--body">
                                                            <canvas></canvas>
                                                        </div>
                                                        <div class="signature-pad--footer">
                                                            <div class="description">Sign above</div>
                                                            <div class="signature-pad--actions">
                                                                <div class="form-group">
                                                                    <button type="button" class="btn btn-primary clear" data-action="clear">Clear</button>
                                                                    &nbsp;&nbsp;&nbsp;
                                                            <button type="button" class="btn btn-primary" data-action="undo">Undo</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="display: none">
                                                    <label class="control-label">Customer Password:</label>
                                                    <div>
                                                        <asp:TextBox autocomplete="stopdoingthat" TextMode="Password" ID="customerPassword" runat="server" CssClass="form-control" MaxLength="20"></asp:TextBox>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel panel-default clearfix m-b-20">
                                                <div class="panel-heading">Document Information</div>
                                                <div class="panel-body">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label id="lblreg_front_id">
                                                                <asp:Localize runat="server" meta:resourcekey="Register_040" Text="ID Front"></asp:Localize></label>
                                                            <%--<button  id="editFrontId" ="button" class="btn btn-primary" data-action="undo">Edit ID Front</button>--%>
                                                            <input type="button" id="editFrontId" class="btn btn-info" value="Edit ID Front" />
                                                            <div>
                                                                <label>
                                                                    <asp:Localize runat="server" meta:resourcekey="Register_041"></asp:Localize></label>
                                                                <div class="samp-control">
                                                                    <img onclick="ShowImageDetail(id)" id="font" src="../../../Images/na.gif">
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div id="uploadFrontIdDiv">
                                                            <div class="file-upload" id="frontNew">
                                                                <asp:FileUpload ID="reg_front_id" type="file" runat="server" class="uploadbutton" accept="image/*" meta:resourcekey="reg_front_idResource1" />
                                                                <%--<input type="file" name="reg-front-id" id="reg-front-id" required="required" class="uploadbutton" accept="image/*" />--%>
                                                                <span>
                                                                    <asp:Localize runat="server" meta:resourcekey="Register_042" Text="Drag and drop your file here or "></asp:Localize><span class="primary-c"><asp:Localize runat="server" meta:resourcekey="Register_043" Text="Browse"></asp:Localize></span>
                                                                    <asp:Localize runat="server" meta:resourcekey="Register_044" Text=" for a document to upload"></asp:Localize>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6" id="divreg_back_id">
                                                        <div class="form-group">
                                                            <label>
                                                                <asp:Localize runat="server" meta:resourcekey="Register_045" Text="ID Back"></asp:Localize></label>
                                                            <input type="button" id="editBackId" class="btn btn-info" value="Edit Id Back" />
                                                            <div>
                                                                <label>
                                                                    <asp:Localize runat="server" meta:resourcekey="Register_041"></asp:Localize></label>
                                                                <div class="samp-control">
                                                                    <img onclick="ShowImageDetail(id)" id="back" src="../../../Images/na.gif">
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="form-group" id="uploadBackIdDiv">
                                                            <div class="file-upload" id="backNew">
                                                                <asp:FileUpload ID="reg_back_id" type="file" runat="server" class="uploadbutton" accept="image/*" meta:resourcekey="reg_back_idResource1" />
                                                                <%--<input type="file" name="reg-back-id" id="reg-back-id" required="required" class="uploadbutton" accept="image/*" />--%>
                                                                <span>
                                                                    <asp:Localize runat="server" meta:resourcekey="Register_042" Text="Drag and drop your file here or "></asp:Localize><span class="primary-c"><asp:Localize runat="server" meta:resourcekey="Register_043" Text="Browse"></asp:Localize></span><asp:Localize runat="server" meta:resourcekey="Register_044" Text=" for a document to upload"></asp:Localize></span>
                                                            </div>


                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="panel-body row" id="customerSignatureDiv" runat="server">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <div class="col-md-12">
                                                                        <label>Customer Signature</label>
                                                                        <img onclick="ShowImageDetail(id)" id="signature" src="../../../Images/na.gif" height="150" width="200">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row" runat="server">
                                                    <div class="form-group">
                                                        <asp:Button ID="SaveEditedData" runat="server" CssClass="btn btn-primary m-t-25" Text="Save And Approve" OnClientClick="return CheckFormValidation()" OnClick="register_Click" />

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Terms Modal -->
                <div class="modal fade" id="termsAndCondition" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h3 class="modal-title" id="exampleModalLongTitle">JME 小外国送金サービス 利用規約
                        <asp:Localize runat="server" meta:resourcekey="Terms_006" Text="(User Agreement)"></asp:Localize></h3>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="tc-pp-bg">
                                    <ol>
                                        <li>
                                            <!------------1-------------->
                                            <b>Customer Registration</b><br>
                                            Firstly, the customer shall make an agreement with JME either
                                                    by in person visit, post, e-mail or fax.  The applicant is required to submit the
                                                    Application for Remittance as prescribed by JME and place the applicant's signature or
                                                    affixing the applicant's name and seal.<br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------2-------------->
                                            <b>Identity verification documents</b><br>
                                            <ol type="i">
                                                <li>For Japanese:   Passport, Driver's License, Insurance Card, and Residence Certificate</li>
                                                <li>For Foreigner: Passport with visa information, Valid Alien Registration Card with Photo</li>
                                                <li>Provide My Numbers<br>
                                                    <br>
                                                </li>
                                            </ol>
                                        </li>
                                        <li>
                                            <!------------3-------------->
                                            <b>Application for Remittance </b>
                                            <br>
                                            State the purpose for remittance and any other required
                                                     information in the Application for Remittance.<br>
                                            <br>
                                            How to remit money<br>
                                            Beneficially is able to receive money either following ways.
                                                     <ol type="i">
                                                         <li>Bank Transfer</li>
                                                         <li>Cash Pick-up</li>
                                                     </ol>
                                            Foreign remittance limit amount: JPY 1,000,000 (One Million per one transaction)
                                                    <br>
                                            <br>
                                        </li>

                                        <li>
                                            <!------------4-------------->
                                            <b>Bank Transfer</b><br>
                                            Once JME confirms the money received, the fund shall be transferred
                                                    to the desired bank account.  After completing the transactions, the beneficially is
                                                    able to receive money on the same day.  However it depends on business hours in both countries.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------5-------------->
                                            <b>Cash Pick-up</b><br>
                                            Once JME confirms the money received, JME inform the sender of the
                                                    reference number for each transaction by telephone after completing the transactions,
                                                    beneficially is able to receive money at the desired office.  However it depends on
                                                    business hours in both countries.  When the beneficially cash pick-up, they shall show
                                                    the reference number over the office counter.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------6-------------->
                                            <b>Exchange Rate</b><br>JME publish the exchange rate between receiving country currency and
                                                    Japanese Yen every business day in JME's office counter and home page.  When receiving
                                                    the request for remittance, JME shall apply JME’s applicable foreign exchange rate at
                                                    the time when the actual calculation is made by JME.  Exchange rate is updated at 10:00,
                                                    11:00 14:00, and 16:00 every business day. JME give out a receipt to the customer (sender).
                                            </br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------7-------------->
                                            <b>Remittance charge</b><br>
                                            please refer to our official web page link<br>
                                            <a href="http://www.japanremit.com">http://www.japanremit.com</a>
                                            <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------8-------------->
                                            <b>How to remit to JME's bank account?</b><br>
                                            The sender remits the fund in Japanese yen to JME designated account.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------9-------------->
                                            <b>JME Business Hours</b><br>
                                            Everyday 9:00 AM - 18:00 PM
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------10-------------->
                                            <b>Contact for Notices and Inquiries</b><br>
                                            In the case JME fives notices to or makes an inquiry
                                                    with the applicant in respect to this transaction, the address and telephone number stated
                                                    in the Application for Remittance shall be used.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <!------------11-------------->
                                            <b>Force Majeure</b><br>
                                            JME shall not be responsible for any losses or damages arising out of any of the following:
                                                     <ol type="A">
                                                         <li>An unavoidable event such as calamities, incidents, wars, accidents during transit, restrictions by
                                                             laws and regulations, and certain actions taken by the governments, courts or other public authorities;
                                                         </li>
                                                         <li>Any failure or malfunction of terminals, communication circuits, computers or other equipment;
                                                            or any mutilation, error or omission in the text resulting from such, which occurred despite
                                                            reasonable security measures taken by JME.
                                                         </li>
                                                     </ol>
                                            <br>
                                            <br>
                                        </li>
                                        <li>
                                            <b>Prohibition of Transfer or Pledge</b><br>
                                            The applicant shall not be allowed to transfer or pledge
                                                    rights under the transactions made herein.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>
                                            <b>Conflict</b><br>
                                            The problems caused by the meaning of terms used herein shall be judged by Japanese descriptive sentence.
                                                    If any conflict and controversy or claim aroused relating to any brochure, guide and agreement either in Nepali,
                                                    Japanese or English version, they shall be construed and governed by Japanese version.
                                                    <br>
                                            <br>
                                        </li>
                                        <li>Customer care department shall be in charge of safeguard for our customers.
                                                    If any opinions, inquiry and complains, please inform this department.
                                                    <br>
                                            <br>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="button" id="btnIAgree" data-dismiss="modal" class="btn btn-primary">I agree</button>
                            </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="hdnRegisterDate" />
            <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="hdnDocument" runat="server" />

        </div>

        <script src="../../js/SendTxnTab/CustomerSignature.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#ContentPlaceHolder1_reg_front_id').on('change', function (e) {
                    debugger
                    $('.loadImg').remove();
                    // console.log(e.target, 'e')
                    for (var i = 0; i < e.target.files.length; i++) {
                        var tmppath = URL.createObjectURL(e.target.files[i]);
                        $(this).after('<span class="loadImg"><img src="' + tmppath + '" alt=""></span>');
                        $(".loadImg img").fadeIn("fast");
                    }
                });
            })
            // Image upload for back id
            $('#ContentPlaceHolder1_reg_back_id').on('change', function (e) {
                $('.loadImg1').remove();
                // console.log(e.target, 'e')

                for (var i = 0; i < e.target.files.length; i++) {
                    var tmppath = URL.createObjectURL(e.target.files[i]);
                    $(this).after('<span class="loadImg1"><img src="' + tmppath + '" alt=""></span>');
                    $(".loadImg1 img").fadeIn("fast");
                }
            });
            function ShowImageDetail(id) {
                var encodedImgSrc = encodeURIComponent($('#' + id).attr('src'));
                var url = "ImageDetails.aspx?imageUrl=" + encodedImgSrc + "";
                OpenInNewWindow(url);
            }
        </script>
</asp:Content>