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

917 lines
53 KiB

<%@ Page Title="" Language="C#" MasterPageFile="~/AgentNew/AgentMain.Master" AutoEventWireup="true" CodeBehind="Manage.aspx.cs" Inherits="Swift.web.AgentNew.Administration.CustomerSetup.Benificiar.Manage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="../../../css/Document.css" rel="stylesheet" />
<style>
.table .table {
background-color: #F5F5F5 !important;
}
input, textarea {
text-transform: uppercase;
}
.errormsg1 {
font-size: 12px;
color: #FA4345;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=receiverAccountNo.ClientID%>").keydown(function (event) {
if (event.keyCode == 32) {
event.preventDefault();
}
});
$('#isFromPhone').click(function () {
if ($(this).is(':checked')) {
$('#customerDocument').hide();
} else {
$('#customerDocument').show();
}
});
$('#<%=ddlRelationship.ClientID%>').change(function () {
$('#ContentPlaceHolder1_otherRelationDiv').hide();
if ($('#<%=ddlRelationship.ClientID%>').val() === '11339') {
$('#ContentPlaceHolder1_otherRelationDiv').show();
}
});
$('#<%=ddlPurposeOfRemitance.ClientID%>').change(function () {
$('#ContentPlaceHolder1_otherPurposeDiv').hide();
if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11347') {
$('#ContentPlaceHolder1_otherPurposeDiv').show();
}
if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11345') {
$('#ContentPlaceHolder1_goodsInfoDiv').show();
} else {
$('#ContentPlaceHolder1_goodsInfoDiv').hide();
}
});
var a = $("#<%=hideSearchDivVal.ClientID%>").val();
if (a == "true") {
$("#<%=hideSearchDivVal.ClientID%>").hide();
$('.main-nav').hide();
}
$('#<%=register.ClientID%>').click(function () {
return CheckFormValidation();
});
$(document).on('change', '#<%=ddlIdType.ClientID%>', function () {
$('#<%=txtIdValue.ClientID%>').val('');
idTypeVal = $(this).val();
if (idTypeVal !== null && idTypeVal !== "" && idTypeVal !== "0") {
$('#<%=txtIdValue.ClientID%>').removeAttr('disabled');
$('#<%=idNumberErr.ClientID%>').show();
}
else {
$('#<%=txtIdValue.ClientID%>').attr('disabled', 'disabled');
$('#<%=idNumberErr.ClientID%>').hide();
$('#<%=ddlIdType.ClientID%>').removeAttr('style');
$('#<%=txtIdValue.ClientID%>').removeAttr('style');
}
});
$(document).on('change', '#<%=ddlPayoutPatner.ClientID%>', function () {
var bankId = $('#<%=ddlPayoutPatner.ClientID%> option:selected').val();
var countryId = $('#<%=ddlCountry.ClientID%> option:selected').val();
var pMode = $('#<%=ddlPaymentMode.ClientID%> option:selected').val();
var data = { MethodName: "GetBankBranch", bankId: bankId, countryId: countryId, pMode: pMode, branchId: null };
$.post("", data, function (response) {
PopulateBranchDDL(response, "<%=DDLBankBranch.ClientID%>", "Select Branch");
});
});
hideShowMenuBar();
});
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 hideShowMenuBar() {
var addType = '<%=GetReceiverAddType()%>';
if (addType === "s") {
$('.navbar.navbar-inverse.yamm.navbar-fixed-top.main-nav').hide();
$('.listtabs').hide();
}
}
function PopulatePaymentMethod() {
var data =
{
MethodName: "PopulatePaymentMode",
country: $("#<%=ddlCountry.ClientID%> option:selected").text()
};
$.ajax({
url: "",
type: "post",
data: data,
dataType: "json",
async: false,
success: function (response) {
PopulateDDL(response, '<%=ddlPaymentMode.ClientID%>', "", "", "");
},
error: function (error) {
alert("Something went wrong!!!")
}
})
}
function PopulatePayoutPartner() {
$('#<%=ddlPayoutPatner.ClientID%>').empty();
$('#<%=DDLBankBranch.ClientID%>').empty();
var pmode = $("#<%=ddlPaymentMode.ClientID%> option:selected").val();
if (pmode == "2") {
$("#<%=agentBankBranchDiv.ClientID%>").show();
$("#<%=receiverAccountNo.ClientID%>").show();
}
else if (pmode == "13") {
$("#<%=agentBankBranchDiv.ClientID%>").hide();
$("#<%=receiverAccountNo.ClientID%>").show();
$("#<%=beneficiaryAccount.ClientID%>").text('Beneficiary Wallet #');
// document.getElementById('ContentPlaceHolder1_beneficiaryAccount').innerHTML = 'Beneficiary Wallet #';
}
else {
$("#<%=receiverAccountNo.ClientID%>").hide();
$("#<%=DDLBankBranch.ClientID%>").val('');
$("#<%=agentBankBranchDiv.ClientID%>").hide();
}
var data =
{
MethodName: "PopulatePayoutPartner",
country: $("#<%=ddlCountry.ClientID%> option:selected").val(),
paymentMode: $("#<%=ddlPaymentMode.ClientID%> option:selected").text()
};
$.post("", data, function (response) {
PopulateDDL(response, '<%=ddlPayoutPatner.ClientID%>', "", "", "");
}).fail(function (error) {
alert("Something went wrong!!!");
});
}
function PopulateBranchDDL(populateData, ddlId, defaultText) {
var myDDL = document.getElementById(ddlId);
$(myDDL).empty();
var option;
if (defaultText != '') {
option = document.createElement('option');
option.text = defaultText;
option.value = '';
myDDL.options.add(option);
}
for (var i = 0; i < populateData.length; i++) {
option = document.createElement('option');
option.text = populateData[i].agentName;
option.value = populateData[i].agentId;
try {
myDDL.options.add(option);
} catch (e) {
alert(e.message);
}
}
}
function PopulateDDL(populateData, ddlId, selectedId, selectedText, defaultText) {
var myDDL = document.getElementById(ddlId);
$(myDDL).empty();
var option;
if (defaultText != '') {
option = document.createElement('option');
option.text = defaultText;
option.value = '';
myDDL.options.add(option);
}
for (var i = 0; i < populateData.length; i++) {
option = document.createElement('option');
if (ddlId == '<%=ddlPaymentMode.ClientID%>') {
option.text = populateData[i].Value;
option.value = populateData[i].Key;
} else {
option.text = populateData[i].AGENTNAME;
option.value = populateData[i].bankId;
}
if (selectedId != '' && selectedId == populateData[i].value) {
option.selected = true;
} else if (selectedText != '' && selectedText.toUpperCase() == populateData[i].Key.toUpperCase()) {
option.selected = true;
}
try {
myDDL.options.add(option);
} catch (e) {
alert(e.message);
}
}
}
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
function showTextBox() {
var res = $("#<% =ddlRelationship.ClientID%>").val();
if (res.toUpperCase() == "11065") {
$("#<%=otherRelationDiv.ClientID%>").show();
}
else {
$("#<%=otherRelationDiv.ClientID%>").hide();
}
}
function CheckFormValidation() {
$('#<%=ddlIdType.ClientID%>').removeAttr('style');
$('#<%=txtIdValue.ClientID%>').removeAttr('style');
var input = $("#<%=txtSenderMobileNo.ClientID%>");
var mobileNo = input.val();
if (mobileNo != '') {
var countryCode = $('.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');
$("#<%=txtSenderMobileNo.ClientID%>").val('');
return false;
}
$("#<%=txtSenderMobileNo.ClientID%>").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 = $("#<% =ddlPaymentMode.ClientID%>").val();
var reqField = "<%=ddlCountry.ClientID%>,<%=ddlBenificiaryType.ClientID%>,<%=txtReceiverFName.ClientID%>,<%=txtReceiverLName.ClientID%>,<%=txtReceiverAddress.ClientID%>,<%=ddlPaymentMode.ClientID%>,<%=ddlNativeCountry.ClientID%>,";
idTypeVal = $('#<%=ddlIdType.ClientID%>').val();
idTypeNumber = $('#<%=txtIdValue.ClientID%>').val();
if ((idTypeVal !== null && idTypeVal !== "" && idTypeVal !== "0") || (idTypeNumber !== null && idTypeNumber !== "" && idTypeNumber !== "0")) {
reqField +="<%=ddlIdType.ClientID%>,<%=txtIdValue.ClientID%>,";
}
if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11345') {
reqField += "<%=goodsType.ClientID%>,<%=goodsOrigin.ClientID%>,<%=portOfShipment.ClientID%>,";
}
var receiverId = '<%=GetReceiverId()%>';
<%--if (receiverId !== '' || $("#isFromPhone").prop("checked") === true) {
reqField = reqField.replace(",<%=beneficiary_reg.ClientID%>,", ",");
$(".errormsg1").hide();
} else {
$(".errormsg1").show();
}--%>
if (ValidRequiredFieldWithDocNew(reqField) === false) {
return false;
}
$('#<%=register.ClientID%>').attr('disabled', 'disabled');
saveNew();
};
function save() {
var addType = '<%=GetReceiverAddType()%>';
var bankBranch = $("#<%=DDLBankBranch.ClientID%> option:selected").val();
if (bankBranch === undefined || bankBranch === null || bankBranch.length < 0) {
bankBranch = "";
}
var data =
{
MethodName: "SaveReceiverDetails",
nativeCountry: $("#<%=ddlNativeCountry.ClientID%>").val(),
paymentMode: $("#<%=ddlPaymentMode.ClientID%> option:selected").val(),
PayoutPatner: $("#<%=ddlPayoutPatner.ClientID%> option:selected").val(),
Country: $("#<%=ddlCountry.ClientID%> option:selected").text().split('(')[0],
BenificiaryType: $("#<%=ddlBenificiaryType.ClientID%> option:selected").val(),
Email: $("#<%=txtEmail.ClientID%>").val(),
ReceiverFName: $("#<%=txtReceiverFName.ClientID%>").val(),
ReceiverMName: $("#<%=txtReceiverMName.ClientID%>").val(),
ReceiverLName: $("#<%=txtReceiverLName.ClientID%>").val(),
ReceiverAddress: $("#<%=txtReceiverAddress.ClientID%>").val(),
ReceiverCity: $("#<%=txtReceiverCity.ClientID%>").val(),
ContactNo: $("#<%=txtContactNo.ClientID%>").val(),
SenderMobileNo: $("#<%=txtSenderMobileNo.ClientID%>").val(),
Relationship: $("#<%=ddlRelationship.ClientID%> option:selected").val(),
RelationshipOther: $("#<%=otherRelationshipTextBox.ClientID%>").val(),
PlaceOfIssue: $("#<%=txtPlaceOfIssue.ClientID%>").val(),
TypeId: $("#<%=ddlIdType.ClientID%> option:selected").val(),
TypeValue: $("#<%=txtIdValue.ClientID%>").val(),
BenificaryAc: $("#<%=receiverAccountNo.ClientID%>").val(),
PurposeOfRemitance: $("#<%=ddlPurposeOfRemitance.ClientID%>").val(),
PurposeOfRemitanceOther: $("#<%=purposeOther.ClientID%>").val(),
BankLocation: bankBranch,
BankName: $("#<%=txtBankName.ClientID%>").val(),
BenificaryAc: $("#<%=txtBenificaryAc.ClientID%>").val(),
Remarks: $("#<%=txtRemarks.ClientID%>").val(),
OtherRelationDescription: $("#<%=otherRelationshipTextBox.ClientID%>").val(),
membershipId: $("#<%=hideMembershipId.ClientID%>").val(),
ReceiverId: $("#<%=hideBenificialId.ClientID%>").val(),
hideCustomerId: $("#<%=hideCustomerId.ClientID%>").val(),
hideBenificialId: $("#<%=hideBenificialId.ClientID%>").val(),
goodsType: $("#<%=goodsType.ClientID%>").val(),
goodsOrigin: $("#<%=goodsOrigin.ClientID%>").val(),
portOfShipment: $("#<%=portOfShipment.ClientID%>").val()
};
$.ajax({
url: "",
type: "post",
data: data,
dataType: "json",
success: function (response) {
if (response.ErrorCode == "1") {
alert(response.Msg);
return false;
} else {
if (addType.toLowerCase() == "s") {
CallBack(response.Id);
}
else {
var hide = $("#<%=hideSearchDivVal.ClientID%>").val();
if (hide === "true") {
window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "&hideSearchDiv=true";
} else {
window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "";
}
return;
}
return true;
}
},
error: function (error) {
alert("Something went wrong!!!");
return false;
}
})
}
function saveNew() {
var addType = '<%=GetReceiverAddType()%>';
var bankBranch = $("#<%=DDLBankBranch.ClientID%> option:selected").val();
if (bankBranch === undefined || bankBranch === null || bankBranch.length < 0) {
bankBranch = "";
}
var MethodName = "SaveReceiverDetails";
var nativeCountry = $("#<%=ddlNativeCountry.ClientID%>").val();
var paymentMode = $("#<%=ddlPaymentMode.ClientID%> option:selected").val();
var PayoutPatner = $("#<%=ddlPayoutPatner.ClientID%> option:selected").val();
var Country = $("#<%=ddlCountry.ClientID%> option:selected").text();
var BenificiaryType = $("#<%=ddlBenificiaryType.ClientID%> option:selected").val();
var Email = $("#<%=txtEmail.ClientID%>").val();
var ReceiverFName = $("#<%=txtReceiverFName.ClientID%>").val();
var ReceiverMName = $("#<%=txtReceiverMName.ClientID%>").val();
var ReceiverLName = $("#<%=txtReceiverLName.ClientID%>").val();
var ReceiverAddress = $("#<%=txtReceiverAddress.ClientID%>").val();
var ReceiverCity = $("#<%=txtReceiverCity.ClientID%>").val();
var ContactNo = $("#<%=txtContactNo.ClientID%>").val();
var SenderMobileNo = $("#<%=txtSenderMobileNo.ClientID%>").val();
var Relationship = $("#<%=ddlRelationship.ClientID%> option:selected").val();
var RelationshipOther = $("#<%=otherRelationshipTextBox.ClientID%>").val();
var PlaceOfIssue = $("#<%=txtPlaceOfIssue.ClientID%>").val();
var TypeId = $("#<%=ddlIdType.ClientID%> option:selected").val();
var TypeValue = $("#<%=txtIdValue.ClientID%>").val();
var PurposeOfRemitance = $("#<%=ddlPurposeOfRemitance.ClientID%>").val();
var PurposeOfRemitanceOther = $("#<%=purposeOther.ClientID%>").val();
var BankLocation = bankBranch;
var BankName = $("#<%=ddlPayoutPatner.ClientID%> option:selected").text();
var BenificaryAc = $("#<%=txtBenificaryAc.ClientID%>").val();
var Remarks = $("#<%=txtRemarks.ClientID%>").val();
var membershipId = $("#<%=hideMembershipId.ClientID%>").val();
var ReceiverId = $("#<%=hideBenificialId.ClientID%>").val();
var hideCustomerId = $("#<%=hideCustomerId.ClientID%>").val();
var hideBenificialId = $("#<%=hideBenificialId.ClientID%>").val();
var goodsType = $("#<%=goodsType.ClientID%>").val();
var goodsOrigin = $("#<%=goodsOrigin.ClientID%>").val();
var portOfShipment = $("#<%=portOfShipment.ClientID%>").val();
var formData = new FormData();
// var beneficiaryRefForm = $("#" + mId + "beneficiary_reg")[0].files;
//if (beneficiaryRefForm.length > 0)
// formData.append(beneficiaryRefForm.name, beneficiaryRefForm[0]);
var isFromPhone = $("#isFromPhone").prop("checked");
formData.append("isFromPhone", isFromPhone);
formData.append("MethodName", MethodName);
formData.append("nativeCountry", nativeCountry);
formData.append("paymentMode", paymentMode);
formData.append("PayoutPatner", PayoutPatner);
formData.append("Country", Country);
formData.append("BenificiaryType", BenificiaryType);
formData.append("Email", Email);
formData.append("ReceiverFName", ReceiverFName);
formData.append("ReceiverMName", ReceiverMName);
formData.append("ReceiverLName", ReceiverLName);
formData.append("ReceiverAddress", ReceiverAddress);
formData.append("ReceiverCity", ReceiverCity);
formData.append("ContactNo", ContactNo);
formData.append("SenderMobileNo", SenderMobileNo);
formData.append("Relationship", Relationship);
formData.append("RelationshipOther", RelationshipOther);
formData.append("PlaceOfIssue", PlaceOfIssue);
formData.append("TypeId", TypeId);
formData.append("TypeValue", TypeValue);
formData.append("PurposeOfRemitance", PurposeOfRemitance);
formData.append("PurposeOfRemitanceOther", PurposeOfRemitanceOther);
formData.append("BankLocation", BankLocation);
formData.append("BankName", BankName);
formData.append("BenificaryAc", BenificaryAc);
formData.append("Remarks", Remarks);
formData.append("membershipId", membershipId);
formData.append("ReceiverId", ReceiverId);
formData.append("hideCustomerId", hideCustomerId);
formData.append("hideBenificialId", hideBenificialId);
formData.append("goodsType", goodsType);
formData.append("goodsOrigin", goodsOrigin);
formData.append("portOfShipment", portOfShipment);
$.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 {
if (addType.toLowerCase() == "s") {
CallBack(response.Id);
}
else {
var hide = $("#<%=hideSearchDivVal.ClientID%>").val();
var dataSender = response.Extra2.split('|');
if ($("#<%=hideBenificialId.ClientID%>").val() === '' || $("#<%=hideBenificialId.ClientID%>").val() === 'undefined') {
if ($("#isFromPhone").prop("checked") === true) {
window.location.href = "/AgentNew/Administration/CustomerSetup/SavePDF/SavePDFReceiver.aspx?customerId=" + dataSender[0] + "&receiverId=" + response.Id + "&membershipId=" + dataSender[1];
return;
}
}
if (hide == "true") {
window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "&hideSearchDiv=true";
} else {
window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "";
}
return;
}
return true;
}
},
error: function (error) {
alert("Something went wrong!!!");
return false;
}
})
}
var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
function CallBack(res) {
window.returnValue = res;
if (isChrome) {
window.opener.PostMessageToParentAddReceiver(window.returnValue);
}
window.close();
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:HiddenField ID="hideSearchDivVal" runat="server" />
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<div class="page-wrapper">
<div class="row">
<div class="col-sm-12">
<div class="page-title">
<h1></h1>
</div>
</div>
</div>
<div class="report-tab" runat="server" id="regUp">
<!-- Nav tabs -->
<div class="listtabs">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" runat="server" id="receiverList"><a href="List.aspx?customerId=<%=hideCustomerId.Value %>&hideSearchDiv=<%=hideSearchDivVal.Value %>">Beneficiary List</a></li>
<li class="active"><a href="Manage.aspx?receiverId=<%=hideBenificialId.Value %>&customerId=<%=hideCustomerId.Value %>&hideSearchDiv=<%=hideSearchDivVal.Value %>">Beneficiary Setup </a></li>
</ul>
</div>
<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="List">
</div>
<div role="tabpanel" id="Manage">
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="register-form">
<div class="panel panel-default clearfix m-b-20">
<div class="panel-heading">
<h4 class="panel-title">Beneficiary Setup:
<label id="txtCustomerName" runat="server"></label>
(<label><%=hideMembershipId.Value %></label>) </h4>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12" id="msgDiv" runat="server" visible="false" style="background-color: red;">
<asp:Label ID="msgLabel" runat="server" ForeColor="White"></asp:Label>
</div>
<p class="col-md-12"><b>Receiver Details</b></p>
</div>
<%--body part--%>
<asp:HiddenField ID="hideCustomerId" runat="server" />
<asp:HiddenField ID="hideBenificialId" runat="server" />
<asp:HiddenField ID="hideMembershipId" runat="server" />
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Country:<span class="errormsg">*</span></label>
<asp:DropDownList ID="ddlCountry" CssClass="form-control" runat="server">
<asp:ListItem Text="Select.."></asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Beneficiary Type:<span class="errormsg">*</span></label>
<asp:DropDownList ID="ddlBenificiaryType" CssClass="form-control" runat="server">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4" style="display: none">
<div class="form-group">
<label>Email:</label>
<asp:TextBox ID="txtEmail" TextMode="Email" runat="server" CssClass="form-control"></asp:TextBox>
<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="txtEmail"></asp:RegularExpressionValidator>
</div>
</div>
<div class="col-md-4">
<div class="form-group" style="overflow: initial;">
<label>Mobile No.: <span class="errormsg">*</span></label><br />
<asp:TextBox runat="server" MaxLength="16" ID="txtSenderMobileNo" placeholder="Mobile No" CssClass="form-control" />
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>First Name:<span class="errormsg">*</span></label>
<asp:TextBox runat="server" ID="txtReceiverFName" CssClass="form-control" placeholder="Receiver First Name"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mid Name:</label>
<asp:TextBox runat="server" ID="txtReceiverMName" CssClass="form-control" placeholder="Receiver Mid Name"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last Name:<span class="errormsg">*</span></label>
<asp:TextBox runat="server" ID="txtReceiverLName" CssClass="form-control" placeholder="Receiver Last Name"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Native Country :<span class="errormsg">*</span></label>
<asp:DropDownList ID="ddlNativeCountry" CssClass="form-control" runat="server">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Receiver Address:<span class="errormsg">*</span></label>
<asp:TextBox runat="server" ID="txtReceiverAddress" CssClass="form-control" placeholder="Receiver Address"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Receiver City:</label>
<asp:TextBox runat="server" ID="txtReceiverCity" CssClass="form-control" placeholder="Receiver City"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4" style="display: none">
<div class="form-group">
<label>Contact No:</label>
<asp:TextBox runat="server" ID="txtContactNo" CssClass="form-control" placeholder="Receiver Contact No" MaxLength="15" onchange="return CheckForPhoneNumber(this,'Phone No.')"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Id Type:</label>
<asp:DropDownList ID="ddlIdType" CssClass="form-control" runat="server">
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<label>Id Number:<span class="errormsg" id="idNumberErr" runat="server" hidden>*</span></label>
<div class="form-group">
<asp:TextBox runat="server" ID="txtIdValue" CssClass="form-control" placeholder="Any Photo Id" disabled="disabled"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Place of Issue:</label>
<asp:TextBox runat="server" ID="txtPlaceOfIssue" CssClass="form-control" placeholder="Place Of Issue"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Relationship To Beneficiary:</label>
<asp:DropDownList ID="ddlRelationship" onChange="showTextBox()" CssClass="form-control" runat="server">
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group" id="otherRelationDiv" runat="server">
<label>Description of other relationship:</label>
<asp:TextBox runat="server" ID="otherRelationshipTextBox" CssClass="form-control" placeholder="Other Relation Description"></asp:TextBox>
</div>
</div>
</div>
<div class="row">
<div class="clearfix"></div>
<p class="col-md-12">
<br />
<label class="">Transaction Information</label>
</p>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Purpose of Remitance:</label>
<asp:DropDownList ID="ddlPurposeOfRemitance" runat="server" CssClass="form-control">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4" id="otherPurposeDiv" runat="server" style="display: none;">
<div class="form-group">
<label>Purpose of Remitance Other:</label>
<asp:TextBox ID="purposeOther" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Payment Mode:<span class="errormsg">*</span></label>
<asp:DropDownList ID="ddlPaymentMode" runat="server" CssClass="form-control" onchange="PopulatePayoutPartner()">
</asp:DropDownList>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Agent/Bank:</label>
<asp:DropDownList ID="ddlPayoutPatner" runat="server" CssClass="form-control">
</asp:DropDownList>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4" hidden="hidden">
<div class="form-group">
<label>Agent/Bank:<span><i>Type if Not Found</i></span></label>
<asp:TextBox ID="txtBankName" runat="server" CssClass="form-control clearOnNotBank"></asp:TextBox>
</div>
</div>
<div class="col-md-4 showOnBankMethod" id="receiverAccountNo" runat="server">
<div class="form-group">
<label id="beneficiaryAccount" runat="server">Beneficiary A/c #:</label>
<asp:TextBox ID="txtBenificaryAc" runat="server" CssClass="form-control clearOnNotBank"></asp:TextBox>
</div>
</div>
<div class="col-md-4" id="agentBankBranchDiv" runat="server">
<div class="form-group">
<label>Agent/Bank Branch:</label>
<asp:DropDownList ID="DDLBankBranch" runat="server" CssClass="form-control">
</asp:DropDownList>
</div>
</div>
<div id="goodsInfoDiv" style="display: none;" runat="server">
<div class="col-md-4">
<div class="form-group">
<label>Goods Type </label>
<asp:TextBox ID="goodsType" runat="server" CssClass="form-control" placeholder="Species, Mobile, etc"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Place of Origin </label>
<asp:TextBox ID="goodsOrigin" runat="server" CssClass="form-control" placeholder="Nepal, India, China, etc"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Port of Shipment </label>
<asp:TextBox ID="portOfShipment" runat="server" CssClass="form-control " placeholder="Nepal, India, China, etc"></asp:TextBox>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Remarks:</label>
<asp:TextBox ID="txtRemarks" runat="server" TextMode="MultiLine" Rows="2" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="col-md-12" id="isFromPhoneDiv" runat="server">
<div class="form-group">
<label class="checkbox-ui">
<input type="checkbox" id="isFromPhone" name="isFromPhone" required="required" />
<small>
<label for="isFromPhone">Customer Requested by phone (For Furikomi Transaction)</label>
</small>
</label>
</div>
</div>
</div>
<%--End body part--%>
</div>
</div>
<%-- <div class="panel panel-default clearfix m-b-20" id="customerDocument">
<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="Add Beneficiary Form"></asp:Localize><span runat="server" id="requiredClass" class="errormsg1">*</span></label>
<div class="img-sample" style="display: none;">
<label>
<asp:Localize runat="server" meta:resourcekey="Register_041" Text="Sample Image"></asp:Localize></label>
<div class="samp-control">
<img src="/AgentNew/Img/alien-reg-front.jpg" alt="sample image" id="idImg1" />
<div class="enlarge">
<img src="/AgentNew/Img/alien-reg-front.jpg" alt="sample image" id="idImg2" />
</div>
</div>
</div>
<div class="file-upload" id="beneficiaryReg">
<asp:FileUpload ID="beneficiary_reg" type="file" runat="server" class="uploadbutton required" accept="image/capture" capture="camera" />
<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>
</div>--%>
<div class="col-sm-12" runat="server">
<div class="form-group">
<asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" />
<%--<asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" OnClientClick="return CheckFormValidation()" />--%>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<script>
$(document).ready(function () {
//$('#ContentPlaceHolder1_beneficiary_reg').on('change', function (e) {
// $('.loadImg').remove();
// ValidateExtensionForOtherDoc('ContentPlaceHolder1_beneficiary_reg');
// // 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");
// }
//});
var a = $("#<%=hideSearchDivVal.ClientID%>").val();
if (a == "true") {
$("#<%=hideSearchDivVal.ClientID%>").hide();
$('.main-nav').hide();
}
$("#<%=txtSenderMobileNo.ClientID%>").intlTelInput({
nationalMode: true,
formatOnDisplay: false,
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/utils.js" // just for formatting/placeholders etc
});
$("#<%=txtSenderMobileNo.ClientID%>").on("change", function () {
var input = $("#<%=txtSenderMobileNo.ClientID%>");
var mobileNo = input.val();
var countryCode = $('.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');
return $(this).val('');
}
$(this).val(mobileNo);
CheckForMobileNumber(this, 'Mobile No.');
});
PopulateCountryFlagForMobileNumber();
$('#<%=ddlCountry.ClientID%>').on('change', function () {
<%-- $("#<%=txtSenderMobileNo.ClientID%>").val('');--%>
PopulateCountryFlagForMobileNumber();
PopulatePaymentMethod();
PopulatePayoutPartner();
});
});
function PopulateCountryFlagForMobileNumber() {
$('#<%=txtSenderMobileNo.ClientID%>').attr('disabled', 'disabled');
var getCountry = $("#<%=ddlCountry.ClientID%> option:selected").text();
var countryId = $("#<%=ddlCountry.ClientID%> option:selected").val();
if (countryId === "" || countryId === null || countryId === "0") {
return;
}
$('#<%=txtSenderMobileNo.ClientID%>').removeAttr('disabled');
var code = getCountry.split('(');
code = code[1].split(')')[0];
$("#<%=txtSenderMobileNo.ClientID%>").intlTelInput('setCountry', code);
if ('<%=GetReceiverId() %>' != '') {
CheckMobileNumberorCountryCode();
}
}
function CheckMobileNumberorCountryCode() {
var input = $("#<%=txtSenderMobileNo.ClientID%>");
var mobileNo = input.val();
var newMobile = '';
if (mobileNo.indexOf('+') >= 0 || mobileNo === '') {
return true;
}
if (mobileNo != '') {
var countryCode = $('.country.active .dial-code').text();
var len = countryCode.length;
var firstletters = mobileNo.substring(0, len - 1);
var codeWithoutPlus = countryCode.replace('+', '');
if (codeWithoutPlus === firstletters) {
newMobile = '+' + mobileNo;
}
else {
newMobile = countryCode + mobileNo;
}
$("#<%=txtSenderMobileNo.ClientID%>").val(newMobile);
}
}
</script>
</asp:Content>