var formData = new FormData();
$(document).ready(function () {
    $("#" + mId + "reg_front_id").on("change", function (event) {
        compress(event);
    });
    $("#" + mId + "reg_back_id").on("change", function (event) {
        compress(event);
    });

    //$("#" + mId + "occupation").prop("disabled", true);
    $("#" + mId + "recReceiverAccountNo").hide();
    $("#" + mId + "agentBankBranchDiv").hide();

    //PopulateCustomerData();
    //PopulateBenifiairyData();

    $("#" + mId + "ExpireDate").click(function () {
        $("#" + mId + "ExpireDate").val("");
    });

    $("#" + mId + "zipCode").keyup(function () {
        var len = $(this).val().length;
        if (len == "7") {
            GetAddressByZipCode();
        }
    });
    $("#" + mId + "recDdlIdType").on("change", function () {
        $("#" + mId + "recTxtIdValue").val("");
    })
    $("#ContentPlaceHolder1_recDdlPaymentMode,#ContentPlaceHolder1_recDdlPayoutPatner").on("change", function () {
        let pmode = $("#" + mId + "recDdlPaymentMode").val();
        if (pmode == "2") {
            $("#" + mId + "recReceiverAccountNo").show();
            $("#" + mId + "agentBankBranchDiv").show();
        } else {
            $("#" + mId + "recReceiverAccountNo").val();
            $("#" + mId + "agentBankBranchDiv").val();
            $("#" + mId + "recReceiverAccountNo").hide();
            $("#" + mId + "agentBankBranchDiv").hide();
        }
    });
    $("#" + mId + "ddlVisaStatus").change(function () {
        var gen_emp_arr = ["official", "professor", "artist", "religious activities", "journalist", "highly skilled professional", "business manager", "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"];

        var house_wife_husband_arr = ["dependent"];
        var student_arr = ["student"];
        var part_time_worker_arr = ["trainee", "cultural activities", "temporary visitor"];
        var other_arr = ["diplomat"];

        selectedText = $("#" + mId + "ddlVisaStatus option:selected").text().toLowerCase();
        //$("#divOccupation").hide();

        //if (jQuery.inArray(selectedText, gen_emp_arr) >= 0) {
        //    $("#" + mId + "occupationHidden").val(11379);
        //    $("#" + mId + "occupation").val(11379);
        //}
        //else if (jQuery.inArray(selectedText, house_wife_husband_arr) >= 0) {
        //    $("#" + mId + "occupationHidden").val(11382);
        //    $("#" + mId + "occupation").val(11382);
        //}
        //else if (jQuery.inArray(selectedText, student_arr) >= 0) {
        //    $("#" + mId + "occupationHidden").val(11380);
        //    $("#" + mId + "occupation").val(11380);
        //}
        //else if (jQuery.inArray(selectedText, part_time_worker_arr) >= 0) {
        //    $("#" + mId + "occupationHidden").val(11381);
        //    $("#" + mId + "occupation").val(11381);
        //}
        //else if (jQuery.inArray(selectedText, other_arr) >= 0) {
        //    $("#" + mId + "occupationHidden").val(11383);
        //    $("#" + mId + "occupation").val(11383);
        //    $("#divOccupation").show();
        //}
    });
    $("#" + mId + "occupation").change(function () {
        $("#divOccupation").hide();
        $("#" + mId + "occupationText").val('');
        if ($("#" + mId + "occupation").val() === "11383") {
            $("#divOccupation").show();
        }
    });
    $("#" + mId + "ddlSearchBy").change(function () {
        $("#" + mId + "txtSearchData_aText").val("");
        $("#" + mId + "addEditPanel").hide();
        $("#" + mId + "ddlCustomerType").val("4700");
        $("#" + mId + "membershipDiv").hide();
        $("#" + mId + "customerType").hide();
        $("#" + mId + "txtMembershipId").val("");
        txtSearchData.InitFunction();
    });


    //mobile country code added
    $("#" + mId + "mobile").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
    });

    $("#" + mId + "mobile").on("change", function () {
        var input = $("#" + mId + "mobile");
        var countryCode = $(".customer .dial-code").text();
        var mobileNo = input.val();
        var maxLength = input.attr("maxLength");
        if (mobileNo.length > 10) {
            alert("Mobile No. Can allow input maxmum 10 digit only");
            return $(this).val("");
        }
        if (mobileNo.indexOf(countryCode) < 0) {
            mobileNo = countryCode + mobileNo;
        }
        if (mobileNo.length > 13) {
            alert("Mobile No. Can allow input maxmum " + maxLength + " digit only");
            return $(this).val("");
        }
        $(this).val(mobileNo);
        CheckForMobileNumber(this, "Mobile No.");
    });

    $("#" + mId + "countryList").on("change", function () {
        $("#" + mId + "mobile").val("");
        var country = $("#" + mId + "countryList option:selected").text();
        if (country.toLowerCase() == "japan") {
            $("#" + mId + "mobile").intlTelInput("setCountry", "jp");
        }
    });

    CalSenderDOB("#" + mId + "dob");
    CalIDIssueDate("#" + mId + "IssueDate");
    CalFromToday("#" + mId + "ExpireDate");
    $("#" + mId + "IssueDate").mask("0000-00-00");
    $("#" + mId + "ExpireDate").mask("0000-00-00");
    $("#" + mId + "IssueDate").mask("0000-00-00");
    $("#" + mId + "ExpireDate").mask("0000-00-00");
    $("#" + mId + "dob").mask("0000-00-00");
    $("#" + mId + "IssueDate").mask("0000-00-00");
    $("#" + mId + "ExpireDate").mask("0000-00-00");

    ChangeOrganisationType();
    IdTypeValidity();
    //, "#CustomerAgreement", "#BenificiaryAgreement", "#TransactionAgreement"
    $("#agreement,#ContentPlaceHolder1_CustomerAgreement").click(function () {
        if ($("#agreement").is(":checked") && $("#ContentPlaceHolder1_CustomerAgreement").is(":checked")) {
            $("#registerCustomerAndReceiver").removeAttr("disabled");

        } else {
            $("#registerCustomerAndReceiver").attr("disabled", "disabled");
        }
    });
    $("#btnIAgree").on("click", function () {
        $("input[name=agreement]").prop("checked", true);
        if ($("#agreement").is(":checked") && $("#ContentPlaceHolder1_CustomerAgreement").is(":checked")) {
            $("#registerCustomerAndReceiver").removeAttr("disabled");
        }
    });
    CustomerSignature();
});

function IdTypeValidity() {
    var senIdType = $("#" + mId + "idType").val();
    if (senIdType == "") {
        $("#" + mId + "expiryDiv").removeClass("hidden");
    }
    else {
        var senIdTypeArr = senIdType.split("|");
        if (senIdTypeArr[2] == "E") {
            $("#" + mId + "expiryDiv").removeClass("hidden");
            $("#expireRequired").show();
            $("#" + mId + "ExpireDate").addClass("required");
        }
        else {
            $("#" + mId + "expiryDiv").addClass("hidden");
            $("#" + mId + "ExpireDate").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 = $("#" + mId + "ddlCustomerType").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 = $("#" + mId + "ddlSearchBy").val()
    return searchBy;
}

function CallBackAutocomplete(id) {
    var d = [GetItem("' + mId +  'txtSearchData")[0], GetItem("' + mId +  'txtSearchData")[1].split("|")[0]];
    $("#" + mId + "hdnCustomerId").val(d[0]);
    LoadcustomerData();
    $("#" + mId + "addEditPanel").removeAttr("style");
    $("#registerCustomerAndReceiver").removeAttr("disabled");
}

function LoadcustomerData() {
    var eid = $("#" + mId + "hdnCustomerId").val();
    dataToSend = { MethodName: "GetCustomerDetails", Id: eid };
    $.post("/AgentNew/Administration/CustomerSetup/CustomerRegistration/Manage.aspx", dataToSend, function (response) {
        ParseCustomerData(response);
        //DisableFields();
        ChangeOrganisationType();
    }).fail(function () {
        alert("Oops!!! something went wrong, please try again.");
    });
}

function ParseCustomerData(response) {
    var dr = jQuery.parseJSON(response);
    if (dr != null) {
        $("#" + mId + "firstName").attr("readonly", "readonly");
        $("#" + mId + "middleName").attr("readonly", "readonly");
        $("#" + mId + "lastName").attr("readonly", "readonly");
        $("#" + mId + "dob").attr("readonly", "readonly");
        $("#" + mId + "dob").datepicker("disable");


        $("#" + mId + "hdnCustomerId").val(dr[0].customerId);
        $("#" + mId + "firstName").val(dr[0].firstName);
        $("#" + mId + "middleName").val(dr[0].middleName);
        $("#" + mId + "lastName").val(dr[0].lastName1);
        $("#" + mId + "txtCompanyName").val(dr[0].firstName);
        $("#" + mId + "genderList").val(dr[0].gender);
        $("#" + mId + "countryList").val(dr[0].country);
        $("#" + mId + "addressLine1").val(dr[0].address);
        $("#" + mId + "zipCode").val(dr[0].zipCode);
        $("#" + mId + "city").val(dr[0].city);
        $("#" + mId + "email").val(dr[0].email);
        $("#" + mId + "hddOldEmailValue").val(dr[0].email);
        $("#" + mId + "emailConfirm").val(dr[0].email);
        $("#" + mId + "phoneNumber").val(dr[0].telNo);
        $("#" + mId + "mobile").val(dr[0].mobile);
        $("#" + mId + "nativeCountry").val(dr[0].nativeCountry);
        $("#" + mId + "nativeCountry").val(dr[0].nativeCountryId);
        $("#" + mId + "dob").val(dr[0].dob);
        $("#" + mId + "occupation").val(dr[0].occupation);

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


        $("#" + mId + "IssueDate").val(dr[0].idIssueDate);
        $("#" + mId + "ExpireDate").val(dr[0].idExpiryDate);
        $("#" + mId + "idType").val(dr[0].idType);
        $("#" + mId + "verificationTypeNo").val(dr[0].idNumber);
        $("#" + mId + "hddIdNumber").val(dr[0].homePhone);
        $("#" + mId + "txtMembershipId").val(dr[0].membershipId);
        $("#" + mId + "hdnMembershipNo").val(dr[0].membershipId);
        $("#" + mId + "txtMembershipId").attr("readonly", true);
        $("#" + mId + "txtRegistrationNo").val(dr[0].registerationNo);
        $("#" + mId + "txtDateOfIncorporation").val(dr[0].dateofIncorporation);
        $("#" + mId + "txtNameofAuthoPerson").val(dr[0].nameOfAuthorizedPerson);
        //$("#" + mId + "txtStreet").val(dr[0].street);
        $("#" + mId + "txtAdditionalAddress").val(dr[0].additionalAddress);
        $("#" + mId + "txtsenderCityjapan").val(dr[0].cityUnicode);
        $("#" + mId + "txtstreetJapanese").val(dr[0].streetUnicode);
        $("#" + mId + "txtNameofEmployeer").val(dr[0].nameOfEmployeer);

        $("#" + mId + "rbRemitanceAllowed input[value=" + (dr[0].remittanceAllowed == true ? "Enabled" : "Disabled") + "]").attr("checked", "checked");
        $("#" + mId + "rbOnlineLogin [value= " + (dr[0].onlineUser == "Y" ? "Enabled" : "Disabled") + "]").attr("checked", "checked");
        $("#" + mId + "rbMobileLogin [value= " + (dr[0].mobileUser == "Y" ? "Enabled" : "Disabled") + "]").attr("checked", "checked");
        $("#" + mId + "txtRemarks").val(dr[0].remarks);
        $("#" + mId + "txtSSnNo").val(dr[0].SSNNO);
        $("#" + mId + "ddlSalary").val(dr[0].monthlyIncome);
        $("#" + mId + "ddlCustomerType").val(dr[0].customerType);
        $("#" + mId + "ddlEmployeeBusType").val(dr[0].employeeBusinessType);
        $("#" + mId + "ddlnatureOfCompany").val(dr[0].natureOfCompany);
        $("#" + mId + "ddlOrganizationType").val(dr[0].organizationType);
        $("#" + mId + "ddlPosition").val(dr[0].position);
        $("#" + mId + "ddlVisaStatus").val(dr[0].visaStatus);
        $("#" + mId + "ddSourceOfFound").val(dr[0].sourceOfFund);
        $("#" + mId + "ddlState").val(dr[0].state);
        $("#" + mId + "ddlStateHidden").val(dr[0].state);
        $("#" + mId + "cityHidden").val(dr[0].city);

        $("#" + mId + "email").Enabled = (dr[0].isTxnMade == "Y") ? false : true;
        $("#" + mId + "emailConfirm").Enabled = (dr[0].isTxnMade == "Y") ? false : true;
        $("#" + mId + "hddTxnsMade").val(dr[0].isTxnMade);
        $("#" + mId + "ddlDocType").val(dr[0].documentType);
        if (dr[0].isTxnMade == "Y") {
            $("#" + mId + "msgDiv").Visible = true;
            $("#" + mId + "msgLabel").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") {
            $("#" + mId + "expiryDiv").addClass("hidden");
        }
        else {
            $("#" + mId + "expiryDiv").removeClass("hidden");
        }
        $("#" + mId + "membershipDiv").show();
        $("#" + mId + "customerType").show();

        GetAddressByRowID(dr[0].district, dr[0].zipCode);
    }
}

function CheckMasterFormValidation() {
    var requiredFieldAllPresent = ValidateRequiredfields();
    if (requiredFieldAllPresent) {
        var result = CheckSignatureCustomerFromCustomerRegister();
        if (result) {
            RegisterCustomerAndReeiverFromAjaxCall();
        } else {
            return result;
        }
    } else {
        return requiredFieldAllPresent;
    }
}
function ValidateRequiredfields() {
    if (CheckRequiredFields() == true && CheckCustomerValidation() == true && CheckReceiverValidation() == true && CheckDocumentFormat() == true) {
        var a = $("#" + mId + "recDdlPaymentMode option:selected").val();
        var b = $("#" + mId + "recDdlPayoutPatner option:selected").val();
        var c = $("#" + mId + "recDDLBankBranch option:selected").val();
        $("#" + mId + "hddPaymentMode").val($("#" + mId + "recDdlPaymentMode option:selected").val());
        $("#" + mId + "hddBankId").val($("#" + mId + "recDdlPayoutPatner option:selected").val());
        $("#" + mId + "HddBankBranchId").val($("#" + mId + "recDDLBankBranch option:selected").val());
        return true;
    } else {
        return false;
    }
}
function CheckRequiredFields() {
    //customer required fields
    var reqField = "lastName,countryList,zipCode,ddlState,city,txtStreet,txtAdditionalAddress,genderList,nativeCountry,dob,ddlVisaStatus,occupation,ddSourceOfFound,idType,verificationTypeNo,IssueDate,ExpireDate,ddlReferralName,";
    var customerType = $("#" + mId + "ddlCustomerType").val();
    $(".required").each(function () {
        reqField += $(this).attr("id") + ",";
    });
    reqField = reqField.replace("ContentPlaceHolder1_", "");
    if ($("#" + mId + "expiryDiv").hasClass("hidden")) {
        reqField = reqField.replace(",ExpireDate,", ",");
    }
    //receiver required fields
    reqField = reqField + "recDdlCountry,recTxtReceiverFName,recTxtReceiverLName,recDdlNativeCountry,recTxtReceiverAddress,recDdlPaymentMode,";
    //let pmode = $("#" + mId + "recDdlPaymentMode").val();
    //if (pmode == "2") {
    //    reqField = reqField + "recDdlPayoutPatner,recTxtBenificaryAc,recDDLBankBranch,"
    //}

    idTypeVal = $("#" + mId + "ddlIdType").val();
    idTypeNumber = $("#" + mId + "txtIdValue").val();
    if ((idTypeVal !== null && idTypeVal !== "" && idTypeVal !== "0") || (idTypeNumber !== null && idTypeNumber !== "" && idTypeNumber !== "0")) {
        reqField += "" + mId + "ddlIdType," + mId + "txtIdValue,";
    }
    //document required
    reqField = reqField + "reg_front_id,reg_back_id,";
    var occupation = $("#" + mId + "occupation").val();
    if (occupation === "11383") {
        reqField = reqField + "occupationText,";
    }

    if (ValidRequiredFieldWithDoc(reqField) === false) {
        return false;
    } else {
        return true;
    }

}

function CheckDocumentFormat() {
    var frontImg = $('#ContentPlaceHolder1_reg_front_id').val();
    var backImg = $('#ContentPlaceHolder1_reg_back_id').val();

    $('#front').css('background-color', '#FFFFFF');
    $('#back').css('background-color', '#FFFFFF');

    var Isvalid = true;
    if ($('#ContentPlaceHolder1_reg_front_id').val() == "") {
        $('#front').css('background-color', '#FFCCD2');
        Isvalid = false;
    }
    if ($('#ContentPlaceHolder1_reg_back_id').val() == '') {
        $('#back').css('background-color', '#FFCCD2');
        Isvalid = false;
    }

    if (Isvalid === false) {
        //ShowAlertMessage('Required Field(s)\n _____________________________ \n The red fields are required!', 'info');
        alert('Required Field(s)\n _____________________________ \n The red fields are required!');

        //alert('Required Field(s)\n _____________________________ \n The red fields are required!', 'info');
    }

    return Isvalid;
}
function CheckCustomerValidation() {

    var val = $("#" + mId + "hdnCustomerId").val();

    var input = $("#" + mId + "mobile");
    var mobileNo = input.val();
    if (mobileNo != null && mobileNo != "") {
        var countryCode = $(".customer .dial-code").text();
        var maxLength = input.attr("maxLength");
        if (mobileNo.length > 10) {
            alert("Mobile No. Can allow input maxmum 10 digit only");
            return $(this).val("");
        }
        if (mobileNo.indexOf(countryCode) < 0) {
            mobileNo = countryCode + mobileNo;
        }
        if (mobileNo.length > 13) {
            alert("Mobile No. Can allow input maxmum " + maxLength + " digit only");
            return $(this).val("");
        }
        $("#" + mId + "mobile").val(mobileNo);

    }

    ChangeOrganisationType();

    if (!$("#" + mId + "expiryDiv").hasClass("hidden")) {
        var issueDate = $("#" + mId + "IssueDate").val();
        var exipreDate = $("#" + mId + "ExpireDate").val();
        if (issueDate != "" && exipreDate != "") {
            if (issueDate > exipreDate) {
                alert("Issue Date cannot be greater than Valid date");
                return false;
            }
        }
    }
    var isdisplayDignature = $("#" + mId + "isDisplaySignature").val();
    if (isdisplayDignature.toLowerCase() === "true") {
        return CheckSignatureCustomer();
    }


    return true;

}

function CheckReceiverValidation() {
    $("#" + mId + "recDdlIdType").removeAttr("style");
    $("#" + mId + "recTxtIdValue").removeAttr("style");
    var input = $("#" + mId + "recTxtRecMobileNo");
    var mobileNo = input.val();
    if (mobileNo != "") {
        var countryCode = $(".receiver .country.active .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");
            $("#" + mId + "recTxtRecMobileNo").val("");
            return false;
        }
        $("#" + mId + "recTxtRecMobileNo").val(mobileNo);
        var numberPattern = /^[+]?[0-9]{6,16}$/;
        test = numberPattern.test(mobileNo);
        if (!test) {
            alert("Mobile No Is Not Valid !");
            input.val("");
            return false;
        }
    }
    paymentMode = $("#" + mId + "recDdlPaymentMode").val();


    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 ($("#" + mId + "idType").val() == "8008") {
        $("#" + mId + "ExpireDate").removeClass("required");
        $("#" + mId + "expiryDiv").addClass("hidden");
    }
    else {
        $("#" + mId + "expiryDiv").removeClass("hidden");
        $("#" + mId + "ExpireDate").addClass("required");
    }
    $("#" + mId + "ExpireDate").val("");
    IdTypeValidity();
}

function CheckCustomerId() {
    customerId = $("#" + mId + "hdnCustomerId").val();
    if (customerId !== null && customerId !== "") {
        return true;
    }
    return false;
}
function SetMessageBox(msg, id) {
    alert(msg);
}

function GetAddressByZipCode() {
    var zipCodeValue = $("#" + mId + "zipCode").val();
    $("#txtState").val("");
    $("#" + mId + "txtStreet").val("");
    $("#" + mId + "city").val("");
    $("#" + mId + "txtsenderCityjapan").val("");
    $("#" + mId + "txtstreetJapanese").val("");
    var zipCodePattern = /^\d{7}?$/;
    test = zipCodePattern.test(zipCodeValue);
    if (!test) {
        $("#" + mId + "zipCode").val("");
        $("#" + mId + "zipCode").focus();
        $("#" + mId + "zipCode").attr("style", "display:block; background:#FFCCD2");
        return alert("Please Enter Valid Zip Code(XXXXXXX)");
    }
    var dataToSend = { MethodName: "GetAddressDetailsByZipCode", zipCode: zipCodeValue };
    var url = "";
    $.post(url, dataToSend, function (erd) {
        if (erd !== null) {
            var dr = jQuery.parseJSON(erd);
            if (erd == false) {
                $("#" + mId + "ddlState").val("");
                $("#" + mId + "txtStreet").val("");
                $("#" + mId + "city").val("");
                $("#" + mId + "zipCode").focus();
                $("#" + mId + "zipCode").attr("style", "display:block; background:#FFCCD2");
                return alert("Please Enter Valid Zip Code(XXXXXXX)");
            }

            //$("#tempAddress").html(erd);
            if (dr[0].errorCode == "0") {
                $("#" + mId + "ddlState").val(dr[0].STATE_ID);
                $("#" + mId + "ddlStateHidden").val(dr[0].STATE_ID);
                $("#" + mId + "cityHidden").val(dr[0].CITY_NAME);
                //$("#" + mId + "txtStreet").val(dr[0].STREET_NAME);
                $("#" + mId + "city").val(dr[0].CITY_NAME);
                PopulateAreaDDL(dr);
            }
            else {
                $("#" + mId + "ddlState").val("");
                $("#" + mId + "txtStreet").val("");
                $("#" + mId + "city").val("");
                $("#" + mId + "zipCode").focus();
                $("#" + mId + "zipCode").attr("style", "display:block; background:#FFCCD2");
                return alert("Please Enter Valid Zip Code(XXXXXXX)");
            }
        }

    }).fail(function (data) {
        $("#loadingDiv").LoadingOverlay("hide", true);

        alert(result.Msg, "Error Occured", "error");
    });
}

function ShowIdTypeInfo() {
    var idInfo = $("#" + mId + "idType").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("/AgentNew/Administration/CustomerSetup/CustomerRegistration/Manage.aspx", dataToSend, function (erd) {
        if (erd !== null) {
            var dr = jQuery.parseJSON(erd);
            if (erd == false) {
                $("#" + mId + "ddlState").val("");
                $("#" + mId + "txtStreet").val("");
                $("#" + mId + "city").val("");
                $("#" + mId + "zipCode").focus();
                $("#" + mId + "zipCode").attr("style", "display:block; background:#FFCCD2");
                return alert("Please Enter Valid Zip Code(XXXXXXX)");
            }

            //$("#tempAddress").html(erd);
            if (dr[0].errorCode == "0") {
                $("#" + mId + "ddlState").val(dr[0].STATE_ID);
                $("#" + mId + "ddlStateHidden").val(dr[0].STATE_ID);
                $("#" + mId + "cityHidden").val(dr[0].CITY_NAME);
                //$("#" + mId + "txtStreet").val(dr[0].STREET_NAME);
                $("#" + mId + "city").val(dr[0].CITY_NAME);
                PopulateAreaDDL(dr, rowId);
            }
            else {
                $("#" + mId + "ddlState").val("");
                $("#" + mId + "txtStreet").val("");
                $("#" + mId + "city").val("");
                $("#" + mId + "zipCode").focus();
                $("#" + mId + "zipCode").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(mId + "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);
        }
    }
}

function PopulateCustomerData() {
    $("#" + mId + "firstName").val('firstname');
    $("#" + mId + "middleName").val('middlename');
    $("#" + mId + "lastName").val('lastname');
    $("#" + mId + "genderList").val('98');
    $("#" + mId + "phoneNumber").val('014219090');
    $("#" + mId + "nativeCountry").val('16');
    $("#" + mId + "dob").val('1995-02-03');
    $("#" + mId + "occupation").val('11261');
    $("#" + mId + "IssueDate").val('2020-01-01');
    $("#" + mId + "ExpireDate").val('2020-07-22');
    $("#" + mId + "idType").val('10997|Passport|E');
    $("#" + mId + "txtAdditionalAddress").val('additionaladdress');
    $("#" + mId + "txtNameofEmployeer").val('nameOfEmployeer');

    $("#" + mId + "txtRemarks").val('CustomerRemarks');
    $("#" + mId + "txtSSnNo").val('ssnno');
    $("#" + mId + "ddlSalary").val('JPY170,000 - JPY340,000');
    $("#" + mId + "ddlEmployeeBusType").val('11008');
    $("#" + mId + "ddlVisaStatus").val('11019');
    $("#" + mId + "ddSourceOfFound").val('11167');

    $("#" + mId + "ddlDocType").val('11054');


}

function PopulateBenifiairyData() {

    $("#" + mId + "recDdlPaymentMode option:selected").val();
    $("#" + mId + "recTxtEmail").val('recemail@gmail.com');
    $("#" + mId + "recTxtReceiverFName").val('firstnamerec');
    $("#" + mId + "recTxtReceiverMName").val('middlenamerec');
    $("#" + mId + "recTxtReceiverLName").val('lastnamerec');
    $("#" + mId + "recTxtReceiverAddress").val('addressrec');
    $("#" + mId + "recTxtReceiverCity").val('cityrec');
    $("#" + mId + "recTxtContactNo").val('44444444');
    $("#" + mId + "recDdlRelationship").val('10998');
    $("#" + mId + "recTxtPlaceOfIssue").val('kathmandu');
    $("#" + mId + "recDdlIdType").val('10997');
    $("#" + mId + "recTxtIdValue").val('1212121212');
    $("#" + mId + "recReceiverAccountNo").val('986566546');
    $("#" + mId + "recDdlPurposeOfRemitance").val('11141');
    $("#" + mId + "recTxtRemarksRec").val('remarksrec');
    $("#" + mId + "recDdlNativeCountry").val('16');
}
function compress(e) {
    const width = 300;
    const height = 400;
    const fileName = e.target.files[0].name;
    const reader = new FileReader();
    reader.readAsDataURL(e.target.files[0]);
    reader.onload = event => {
        const img = new Image();
        img.src = event.target.result;
        img.onload = () => {
            const elem = document.createElement('canvas');
            elem.width = width;
            elem.height = height;
            const ctx = elem.getContext('2d');
            // img.width and img.height will contain the original dimensions
            ctx.drawImage(img, 0, 0, width, height);
            ctx.canvas.toBlob((blob) => {
                const file = new File([blob], fileName, {
                    type: 'image/jpeg',
                    lastModified: Date.now()
                });
                formData.append(file.fileName, file);
            }, 'image/jpeg', 1);

        },
            reader.onerror = error => console.log(error);
    };
}
function RegisterCustomerAndReeiverFromAjaxCall() {
    var firstName = $("#" + mId + "firstName").val();
    var middleName = $("#" + mId + "middleName").val();
    var lastName = $("#" + mId + "lastName").val();
    var countryList = $("#" + mId + "countryList").val();
    var zipCode = $("#" + mId + "zipCode").val();
    var state = $("#" + mId + "ddlState").val();
    var city = $("#" + mId + "city").val();
    var street = $("#" + mId + "txtStreet").val();
    var txtAdditionalAddress = $("#" + mId + "txtAdditionalAddress").val();
    var genderList = $("#" + mId + "genderList").val();
    var nativeCountry = $("#" + mId + "nativeCountry option:selected").val();
    var dob = $("#" + mId + "dob").val();
    var email = $("#" + mId + "email").val();
    var phoneNumber = $("#" + mId + "phoneNumber").val();
    var mobile = $("#" + mId + "mobile").val();
    var ddlVisaStatus = $("#" + mId + "ddlVisaStatus option:selected").val();
    var ddlEmployeeBusType = $("#" + mId + "ddlEmployeeBusType option:selected").val();
    var txtNameofEmployeer = $("#" + mId + "txtNameofEmployeer").val();
    var occupation = $("#" + mId + "occupation").val();
    var occupationText = $("#" + mId + "occupationText").val();
    var ddSourceOfFound = $("#" + mId + "ddSourceOfFound option:selected").val();
    var ddlSalary = $("#" + mId + "ddlSalary").val();
    var idType = $("#" + mId + "idType").val().split('|')[0];
    var verificationTypeNo = $("#" + mId + "verificationTypeNo").val();
    var IssueDate = $("#" + mId + "IssueDate").val();
    var ExpireDate = $("#" + mId + "ExpireDate").val();
    var rbRemitanceAllowed = $("input[name='ctl00$ContentPlaceHolder1$rbRemitanceAllowed']:checked").val();
    var rbOnlineLogin = $("input[name='ctl00$ContentPlaceHolder1$rbOnlineLogin']:checked").val();
    var ddlDocType = $("#" + mId + "ddlDocType option:selected").val() == undefined ? "" : $("#" + mId + "ddlDocType option:selected").val();
    var txtRemarks = $("#" + mId + "txtRemarks").val();
    var occupationHidden = $("#" + mId + "occupationHidden").val();
    var referralCode = $("#" + mId + "ddlReferralName option:selected").val();



    //receiver data
    var recDdlCountry = $("#" + mId + "recDdlCountry option:selected").text().split('(')[0];
    var recDdlBenificiaryType = $("#" + mId + "recDdlBenificiaryType option:selected").val();
    var recTxtReceiverFName = $("#" + mId + "recTxtReceiverFName").val();
    var recTxtReceiverMName = $("#" + mId + "recTxtReceiverMName").val();
    var recTxtReceiverLName = $("#" + mId + "recTxtReceiverLName").val();
    var recTxtEmail = $("#" + mId + "recTxtEmail").val();
    var recDdlNativeCountry = $("#" + mId + "recDdlNativeCountry option:selected").val();
    var recTxtReceiverAddress = $("#" + mId + "recTxtReceiverAddress").val();
    var recTxtReceiverCity = $("#" + mId + "recTxtReceiverCity").val();
    var recTxtContactNo = $("#" + mId + "recTxtContactNo").val();
    var recTxtRecMobileNo = $("#" + mId + "recTxtRecMobileNo").val();
    var recDdlIdType = $("#" + mId + "recDdlIdType option:selected").val();
    var recTxtIdValue = $("#" + mId + "recTxtIdValue").val();
    var recTxtPlaceOfIssue = $("#" + mId + "recTxtPlaceOfIssue").val();
    var recDdlRelationship = $("#" + mId + "recDdlRelationship option:selected").val() == undefined ? "" : $("#" + mId + "recDdlRelationship option:selected").val();
    var recDdlPurposeOfRemitance = $("#" + mId + "recDdlPurposeOfRemitance option:selected").val() == undefined ? "" : $("#" + mId + "recDdlPurposeOfRemitance option:selected").val();
    var purposeOther = $("#" + mId + "purposeOther").val();
    var recOtherRelationshipTextBox = $("#" + mId + "recOtherRelationshipTextBox").val();
    var recDdlPaymentMode = $("#" + mId + "recDdlPaymentMode").val();
    var recDdlPayoutPatner = $("#" + mId + "recDdlPayoutPatner").val();
    var recTxtBenificaryAc = $("#" + mId + "recTxtBenificaryAc").val();
    var recDDLBankBranch = $("#" + mId + "recDDLBankBranch").val();
    var recTxtRemarksRec = $("#" + mId + "recTxtRemarksRec").val();
    var branch_manual = $("#" + mId + "branch_manual").val();
    var hddImgURL = $("#" + mId + "hddImgURL").val();

    formData.append("MethodName", "SaveCustomerAndReceiver");
    formData.append("firstName", firstName);
    formData.append("middleName", middleName);
    formData.append("lastName", lastName);
    formData.append("countryList", countryList);
    formData.append("zipCode", zipCode);
    formData.append("state", state);
    formData.append("city", city);
    formData.append("street", street);
    formData.append("txtAdditionalAddress", txtAdditionalAddress);
    formData.append("genderList", genderList);
    formData.append("nativeCountry", nativeCountry);
    formData.append("dob", dob);
    formData.append("email", email);
    formData.append("phoneNumber", phoneNumber);
    formData.append("mobile", mobile);
    formData.append("ddlVisaStatus", ddlVisaStatus);
    formData.append("ddlEmployeeBusType", ddlEmployeeBusType);
    formData.append("txtNameofEmployeer", txtNameofEmployeer);
    formData.append("occupation", occupation);
    formData.append("occupationText", occupationText);
    formData.append("ddSourceOfFound", ddSourceOfFound);
    formData.append("ddlSalary", ddlSalary);
    formData.append("idType", idType);
    formData.append("verificationTypeNo", verificationTypeNo);
    formData.append("IssueDate", IssueDate);
    formData.append("ExpireDate", ExpireDate);
    formData.append("rbRemitanceAllowed", rbRemitanceAllowed);
    formData.append("rbOnlineLogin", rbOnlineLogin);
    formData.append("ddlDocType", ddlDocType);
    formData.append("txtRemarks", txtRemarks);
    formData.append("referralCode", referralCode);


    formData.append("recDdlCountry", recDdlCountry);
    formData.append("recDdlBenificiaryType", recDdlBenificiaryType);
    formData.append("recTxtReceiverFName", recTxtReceiverFName);
    formData.append("recTxtReceiverMName", recTxtReceiverMName);
    formData.append("recTxtReceiverLName", recTxtReceiverLName);
    formData.append("recTxtEmail", recTxtEmail);
    formData.append("recDdlNativeCountry", recDdlNativeCountry);
    formData.append("recTxtReceiverAddress", recTxtReceiverAddress);
    formData.append("recTxtReceiverCity", recTxtReceiverCity);
    formData.append("recTxtContactNo", recTxtContactNo);
    formData.append("recTxtRecMobileNo", recTxtRecMobileNo);
    formData.append("recDdlIdType", recDdlIdType);
    formData.append("recTxtIdValue", recTxtIdValue);
    formData.append("recTxtPlaceOfIssue", recTxtPlaceOfIssue);
    formData.append("recDdlRelationship", recDdlRelationship);
    formData.append("recDdlPurposeOfRemitance", recDdlPurposeOfRemitance);
    formData.append("purposeOther", purposeOther);
    formData.append("recDdlPaymentMode", recDdlPaymentMode);
    formData.append("recDdlPayoutPatner", recDdlPayoutPatner);
    formData.append("recTxtBenificaryAc", recTxtBenificaryAc);
    formData.append("recDDLBankBranch", recDDLBankBranch);
    formData.append("recTxtRemarksRec", recTxtRemarksRec);
    formData.append("recOtherRelationshipTextBox", recOtherRelationshipTextBox);
    formData.append("branch_manual", branch_manual);
    formData.append("hddImgURL", hddImgURL);

    $.ajax({
        url: "",
        type: "post",
        data: formData,
        dataType: "json",
        contentType: false, // Not to set any content header  
        processData: false, // Not to process data  

        success: function (response) {
            if (response.ErrorCode == "1") {
                alert(response.Msg);
                return false;
            } else {
                debugger
                var url = "PrintDetails.aspx?customerId=" + response.Id.split('|')[0]+"&membershipId=" + response.Id.split('|')[1] + "&receiverId=" + response.Id.split('|')[3] + "";
                //$(location).attr("href", url);
                //location.href = url;
                window.location.href = url;
                return true;
            }
        },
        error: function (error) {
            alert("Something went wrong!!!");
            return false;
        }
    });


}