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.

1487 lines
72 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Pay.aspx.cs" Inherits="Swift.web.AgentPanel.Pay.PayTransaction.Pay" %>
  2. <%@ Import Namespace="Swift.web.Library" %>
  3. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head id="Head1" runat="server">
  7. <base id="Base1" target="_self" runat="server" />
  8. <title></title>
  9. <link href="../../../js/jQuery/jquery-ui.css" rel="stylesheet" />
  10. <link href="../../../ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  11. <link href="../../../ui/css/style.css" rel="stylesheet" />
  12. <link href="../../../ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  13. <link href="../../../css/TranStyle2.css" rel="stylesheet" type="text/css" />
  14. <script src="../../../js/functions.js" type="text/javascript"></script>
  15. <script src="../../../ui/js/jquery.min.js"></script>
  16. <script src="../../../ui/js/jquery-ui.min.js"></script>
  17. <script src="../../../ui/js/jquery.validate.js"></script>
  18. <script src="../../../js/swift_calendar.js" type="text/javascript"></script>
  19. <script type="text/javascript" language="javascript">
  20. $(document).ready(function () {
  21. $("#topupTR").hide();
  22. $('.issuemember').hide();
  23. $('div.issuemember.row').hide();
  24. $.ajaxSetup({ cache: false });
  25. $("#<%=rIdType.ClientID %>").change(function () {
  26. var val = $(this).val().split('|')[1];
  27. //var ischecked = $("#chkIssueCustCard").is(':checked');
  28. //if (ischecked) {
  29. if (val == 'N' || val == undefined) {
  30. $("#trIdExpiryDate").hide();
  31. SetValueById("<%=rIdValidDate.ClientID%>", "", "");
  32. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  33. //$('#rIdValidDate').removeClass("required");
  34. //$('#rIdValidDateBs').removeClass("required");
  35. }
  36. else {
  37. $("#trIdExpiryDate").show();
  38. //$('#rIdValidDate').addClass("required");
  39. //$('#rIdValidDateBs').addClass("required");
  40. }
  41. /*}
  42. else {
  43. $("#trIdExpiryDate").hide();
  44. <%-- SetValueById("<%=rIdValidDate.ClientID%>", "", "");--%>
  45. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  46. //}*/
  47. FilterIdIssuedPlace();
  48. });
  49. FilterIdIssuedPlace();
  50. });
  51. //
  52. if (!window.showModalDialog) {
  53. window.showModalDialog = function (arg1, arg2, arg3) {
  54. var w;
  55. var h;
  56. var resizable = "no";
  57. var scroll = "no";
  58. var status = "no";
  59. // get the modal specs
  60. var mdattrs = arg3.split(";");
  61. for (i = 0; i < mdattrs.length; i++) {
  62. var mdattr = mdattrs[i].split(":");
  63. var n = mdattr[0];
  64. var v = mdattr[1];
  65. if (n) { n = n.trim().toLowerCase(); }
  66. if (v) { v = v.trim().toLowerCase(); }
  67. if (n == "dialogheight") {
  68. h = v.replace("px", "");
  69. } else if (n == "dialogwidth") {
  70. w = v.replace("px", "");
  71. } else if (n == "resizable") {
  72. resizable = v;
  73. } else if (n == "scroll") {
  74. scroll = v;
  75. } else if (n == "status") {
  76. status = v;
  77. }
  78. }
  79. var left = window.screenX + (window.outerWidth / 2) - (w / 2);
  80. var top = window.screenY + (window.outerHeight / 2) - (h / 2);
  81. var targetWin = window.open(arg1, arg1, 'toolbar=no, location=no, directories=no, status=' + status + ', menubar=no, scrollbars=' + scroll + ', resizable=' + resizable + ', copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
  82. targetWin.focus();
  83. };
  84. }
  85. $(document).ajaxStart(function () {
  86. $("#DivLoad").show();
  87. });
  88. $(document).ajaxComplete(function (event, request, settings) {
  89. $("#DivLoad").hide();
  90. });
  91. $.validator.messages.required = "Required!";
  92. $(document).ready(function () {
  93. $("#form1").validate();
  94. });
  95. function Loading(flag) {
  96. if (flag == "show")
  97. ShowElement("DivLoad");
  98. else
  99. HideElement("DivLoad");
  100. }
  101. var urlRoot = "<%=GetStatic.GetUrlRoot()%>";
  102. function SetDDLValueSelected(ddl, selectText) {
  103. $("#" + ddl + " option").each(function () {
  104. var text = $.trim($(this).text()).toUpperCase();
  105. var search = $.trim(selectText).toUpperCase();
  106. if (text == search) {
  107. $(this).attr("selected", "selected");
  108. return;
  109. }
  110. });
  111. }
  112. function PickReceiver() {
  113. var rMemId = "";
  114. $.get(urlRoot + "/Remit/Transaction/ThirdPartyTXN/Pay/FormLoader.aspx", { memId: rMemId, type: 'rPayThirdParty' }, function (data) {
  115. var array = eval(data);
  116. if (array[0].errorCode != "0") {
  117. SetValueById("<%=hddCustomerId.ClientID %>", "", "");
  118. SetValueById("<%=hddMembershipId.ClientID %>", "", "");
  119. window.parent.SetMessageBox(array[0].errorMsg, '1');
  120. return;
  121. }
  122. rowFullName.style.display = "block";
  123. SetValueById("<%=rFullName.ClientID %>", array[0].fullName, "");
  124. SetValueById("<%=hddMembershipId.ClientID %>", array[0].membershipId, "");
  125. SetValueById("<%=rIdType.ClientID %>", array[0].IdType1, "");
  126. $("#rIdType").trigger("change");
  127. SetValueById("<%=rIdNumber.ClientID %>", array[0].idNumber, "");
  128. SetValueById("<%=hddrIdPlaceOfIssue.ClientID %>", array[0].placeOfIssue, "");
  129. SetValueById("<%=rContactNo.ClientID %>", array[0].mobile, "");
  130. SetValueById("<%=hddCustomerId.ClientID %>", array[0].customerId, "");
  131. SetValueById("<%=relationType.ClientID %>", array[0].relationType, "");
  132. SetValueById("<%=relativeName.ClientID %>", array[0].relativeName, "");
  133. SetValueById("<%=rDOB.ClientID %>", array[0].dobEng, "");
  134. SetValueById("<%=rDOBBs.ClientID %>", array[0].dobNep, "");
  135. SetValueById("<%=rIdIssuedDate.ClientID %>", array[0].issueDate, "");
  136. SetValueById("<%=rIdIssuedDateBs.ClientID %>", array[0].issueDateNp, "");
  137. SetValueById("<%=rIdValidDate.ClientID %>", array[0].expiryDate, "");
  138. SetValueById("<%=rIdValidDateBs.ClientID %>", array[0].expiryDateNp, "");
  139. var contlNo = $("#securityNo").text();
  140. var l = contlNo.substring(contlNo.length - 1, contlNo.length);
  141. if (l != "D")
  142. ShowAlternateContactForTopUp(array[0].mobile);
  143. ShowCustomer();
  144. });
  145. }
  146. function DisabledReceiverFields() {
  147. $('#rFullName').attr("readonly", true);
  148. GetElement("<%=rIdType.ClientID %>").disabled = false;
  149. GetElement("<%=relationType.ClientID %>").disabled = true;
  150. $('#rIdNumber').attr("readonly", true);
  151. //GetElement("<%=hddrIdPlaceOfIssue.ClientID %>").disabled = false;
  152. $('#relativeName').attr("readonly", true);
  153. $('#alternateMobileNo').attr("readonly", true);
  154. $('#rBankName').attr("readonly", true);
  155. $('#rbankBranch').attr("readonly", true);
  156. $('#rBankName').attr("readonly", true);
  157. $('#rBankName').attr("readonly", false);
  158. $('#rbankBranch').attr("readonly", false);
  159. $('#rcheque').attr("readonly", false);
  160. $('#rAccountNo').attr("readonly", false);
  161. $('#brcheque').attr("readonly", false);
  162. $('#rContactNo').attr("readonly", false);
  163. var ischecked = $("#chkIssueCustCard").is(':checked');
  164. if (ischecked) {
  165. $('#chkIssueCustCard').attr('checked', false);
  166. $('.issuemember.row').hide();
  167. $('div.issuemember.row').hide();
  168. $('div.searchreceiver').show();
  169. }
  170. GetElement("<%=rOccupation.ClientID %>").disabled = false;
  171. GetElement("<%=chkIssueCustCard.ClientID %>").disabled = true;
  172. }
  173. function EnabledReceiverFields() {
  174. $('#rFullName').attr("readonly", false);
  175. $('#relativeName').attr("readonly", false);
  176. $('#rIdNumber').attr("readonly", false);
  177. $('#alternateMobileNo').attr("readonly", false);
  178. $('#rBankName').attr("readonly", false);
  179. $('#rbankBranch').attr("readonly", false);
  180. GetElement("<%=rIdType.ClientID %>").disabled = false;
  181. GetElement("<%=relationType.ClientID %>").disabled = false;
  182. //GetElement("<%=hddrIdPlaceOfIssue.ClientID %>").disabled = false;
  183. $('#rBankName').attr("readonly", false);
  184. $('#rbankBranch').attr("readonly", false);
  185. $('#rcheque').attr("readonly", false);
  186. $('#rAccountNo').attr("readonly", false);
  187. $('#brcheque').attr("readonly", false);
  188. $('#rContactNo').attr("readonly", false);
  189. GetElement("<%=rOccupation.ClientID %>").disabled = false;
  190. GetElement("<%=chkIssueCustCard.ClientID %>").disabled = false;
  191. }
  192. function ShowAlternateContactForTopUp(contactNo) {
  193. $("#topupTR").hide();
  194. var topUpNum = contactNo.substring(0, 3);
  195. if (topUpNum == '980' || topUpNum == '981' || topUpNum == '982' || topUpNum == '984' || topUpNum == '986') {
  196. $("#topupTR").hide();
  197. } else {
  198. $("#topupTR").show();
  199. }
  200. }
  201. function ClearField() {
  202. $("#topupTR").hide();
  203. $("#alternateMobileNo").text();
  204. rowFullName.style.display = "none";
  205. SetValueById("<% =rFullName.ClientID%>", "", false);
  206. SetValueById("<% =rContactNo.ClientID%>", "", false);
  207. GetElement("<% =rIdType.ClientID%>").selectedIndex = 0;
  208. SetValueById("<% =rIdNumber.ClientID%>", "", false);
  209. SetValueById("<% =hddrIdPlaceOfIssue.ClientID%>", "", false);
  210. SetValueById("<% =relationType.ClientID%>", "", false);
  211. SetValueById("<% =relativeName.ClientID%>", "", false);
  212. SetValueById("<% =hddMembershipId.ClientID%>", "", false);
  213. SetValueById("<% =hddCustomerId.ClientID%>", "", false);
  214. SetValueById("<% =txtCustCardId.ClientID%>", "", false);
  215. $('#txtCustCardId').attr("readonly", false);
  216. SetValueById("<% =rIdIssuedDate.ClientID%>", "", false);
  217. SetValueById("<% =rIdIssuedDateBs.ClientID%>", "", false);
  218. SetValueById("<% =rIdValidDate.ClientID%>", "", false);
  219. SetValueById("<% =rIdValidDateBs.ClientID%>", "", false);
  220. SetValueById("<% =rDOB.ClientID%>", "", false);
  221. SetValueById("<% =rDOBBs.ClientID%>", "", false);
  222. SetValueById("<% =rIdIssuedDate.ClientID%>", "", false);
  223. SetValueById("<% =rIdIssuedDateBs.ClientID%>", "", false);
  224. SetValueById("<% =rIdValidDate.ClientID%>", "", false);
  225. SetValueById("<% =rIdValidDateBs.ClientID%>", "", false);
  226. SetValueById("<% =rEmail.ClientID%>", "", false);
  227. SetValueById("<% =rAdd.ClientID%>", "", false);
  228. SetValueById("<% =hddIssueCustCardInfoSaved.ClientID%>", "", false);
  229. SetValueById("<% =hddIssueCustCardId.ClientID%>", "", false);
  230. GetElement("<% =rOccupation.ClientID%>").selectedIndex = 0;
  231. GetElement("<% =rGender.ClientID%>").selectedIndex = 0;
  232. GetElement("<% =relWithSender.ClientID%>").selectedIndex = 0;
  233. GetElement("<% =por.ClientID%>").selectedIndex = 0;
  234. GetElement("<%=chkIssueCustCard.ClientID %>").disabled = false;
  235. var ischecked = $("#chkIssueCustCard").is(':checked');
  236. if (ischecked) {
  237. $('#chkIssueCustCard').attr('checked', false);
  238. $('.issuemember.row').hide();
  239. $('div.issuemember.row').hide();
  240. $('div.searchreceiver').show();
  241. }
  242. EnabledReceiverFields();
  243. }
  244. function ShowReceiverCustomer() {
  245. var customerCardNumber = "";
  246. if (customerCardNumber == "") {
  247. alert("Please enter Membership Id!");
  248. return false;
  249. }
  250. //alert(url);
  251. var url = "<%=GetStatic.GetUrlRoot() %>" + "/Remit/Administration/CustomerSetup/Display.aspx?membershipId=" + customerCardNumber + "";
  252. PopUpWindow(url, "dialogHeight:800px;dialogWidth:1000px;dialogLeft:300;dialogTop:100;center:yes");
  253. }
  254. function ShowCustomer() {
  255. var customerCardNumber = "";
  256. if (customerCardNumber == "") {
  257. alert("Please enter Membership Id!");
  258. return false;
  259. }
  260. $(document).ready(function () {
  261. var mydiv = $('#mydiv');
  262. mydiv.dialog(
  263. {
  264. autoOpen: false
  265. , closeOnEscape: false
  266. , modal: true
  267. , resizable: false
  268. //, position: [50, 20]
  269. , draggable: false
  270. , buttons:
  271. {
  272. 'I recommend to accept the transaction. ': function () {
  273. mydiv.dialog("close");
  274. DisabledReceiverFields();
  275. },
  276. 'I recommend to reject the transaction.': function () {
  277. ClearField();
  278. EnabledReceiverFields();
  279. mydiv.dialog("close");
  280. }
  281. },
  282. create: function () {
  283. $(".ui-dialog-buttonset").find("button").addClass("btns");
  284. $(this).closest(".ui-dialog").find(".btns").eq(0).addClass("btn btn-primary btn-sm");
  285. $(this).closest(".ui-dialog").find(".btns").eq(1).addClass("btn btn-danger btn-sm");
  286. }
  287. }
  288. );
  289. var url = "../../../Remit/Transaction/Agent/Send/Domestic/Display.aspx?membershipId=" + customerCardNumber + "";
  290. mydiv.load(url);
  291. // Open the dialog
  292. mydiv.dialog('open');
  293. return false;
  294. });
  295. }
  296. $('#rDOB').blur(function () {
  297. var CustomerDob = GetValue("<%=rDOB.ClientID %>");
  298. if (CustomerDob != "") {
  299. var CustYears = datediff(CustomerDob, 'years');
  300. if (parseInt(CustYears) < 16) {
  301. alert('Customer age must be 16 or above !');
  302. return;
  303. }
  304. }
  305. });
  306. $(function () {
  307. $('#chkIssueCustCard').click(function () {
  308. var val = $("#rIdType").val().split('|')[1];
  309. if ($('#chkIssueCustCard').is(':checked')) {
  310. $('.issuemember.row').show();
  311. $('div.issuemember.row').show();
  312. $('div.searchreceiver').hide();
  313. HideElement("uploadDocForCustCard");
  314. $("#rIdType option[value='6208|E']").remove();
  315. if (val == 'N' || val == undefined) {
  316. $("#trIdExpiryDate").hide();
  317. SetValueById("<%=rIdValidDate.ClientID%>", "", "");
  318. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  319. }
  320. else {
  321. $("#trIdExpiryDate").show();
  322. }
  323. }
  324. else {
  325. SetValueById("<% =txtCustCardId.ClientID%>", "", false);
  326. SetValueById("<% =rIdIssuedDate.ClientID%>", "", false);
  327. SetValueById("<% =rIdIssuedDateBs.ClientID%>", "", false);
  328. SetValueById("<% =rIdValidDate.ClientID%>", "", false);
  329. SetValueById("<% =rIdValidDateBs.ClientID%>", "", false);
  330. SetValueById("<% =rDOB.ClientID%>", "", false);
  331. SetValueById("<% =rDOBBs.ClientID%>", "", false);
  332. SetValueById("<% =rEmail.ClientID%>", "", false);
  333. SetValueById("<% =rAdd.ClientID%>", "", false);
  334. SetValueById("<% =hddIssueCustCardInfoSaved.ClientID%>", "", false);
  335. SetValueById("<% =hddIssueCustCardId.ClientID%>", "", false);
  336. GetElement("<% =rOccupation.ClientID%>").selectedIndex = 0;
  337. GetElement("<% =rGender.ClientID%>").selectedIndex = 0;
  338. GetElement("spnCustomerEnrollMsg").innerHTML = '';
  339. $('#spnCustomerEnrollMsg').removeClass(function () {
  340. return $(this).attr("class");
  341. });
  342. $('.issuemember.row').hide();
  343. $('div.issuemember.row').hide();
  344. $('div.searchreceiver').show();
  345. $("#rIdType").append($("<option value='6208|E'>Valid Government ID</option>"));
  346. $("#trIdExpiryDate").hide();
  347. }
  348. });
  349. });
  350. function uploadCusDoc() {
  351. var customerId = GetValue("<%=hddIssueCustCardId.ClientID %>");
  352. if (customerId == "") {
  353. alert("Customer information has not been saved yet. Please save and re-try again.");
  354. return;
  355. }
  356. var url = "../../../Remit/Transaction/Agent/Send/Domestic/CustomerDocument.aspx?customerId=" + customerId;
  357. OpenDialog(url, 500, 820, 100, 100);
  358. }
  359. function LoadCalendars() {
  360. ShowCalDefault("#<% =rIdIssuedDate.ClientID%>");
  361. VisaValidDateSend("#<% =rIdValidDate.ClientID%>");
  362. CalSenderDOB("#<% =rDOB.ClientID%>");
  363. }
  364. LoadCalendars();
  365. function GetADVsBSDate(type, control) {
  366. var date = "";
  367. if (type == "ad" && control == "rDOB")
  368. date = GetValue("<%=rDOB.ClientID%>");
  369. else if (type == "bs" && control == "rDOBBs")
  370. date = GetValue("<%=rDOBBs.ClientID%>");
  371. else if (type == "ad" && control == "rIdIssuedDate")
  372. date = GetValue("<%=rIdIssuedDate.ClientID%>");
  373. else if (type == "bs" && control == "rIdIssuedDateBs")
  374. date = GetValue("<%=rIdIssuedDateBs.ClientID%>");
  375. else if (type == "ad" && control == "rIdValidDate")
  376. date = GetValue("<%=rIdValidDate.ClientID%>");
  377. else if (type == "bs" && control == "rIdValidDateBs")
  378. date = GetValue("<%=rIdValidDateBs.ClientID%>");
  379. var dataToSend = { MethodName: "getdate", date: date, type: type };
  380. var options =
  381. {
  382. url: '<%=ResolveUrl("Pay.aspx") %>?x=' + new Date().getTime(),
  383. data: dataToSend,
  384. dataType: 'JSON',
  385. type: 'POST',
  386. success: function (response) {
  387. //var data = jQuery.parseJSON(response);
  388. var data = response;
  389. if (data[0].Result == "") {
  390. alert("Invalid Date.");
  391. if (type == "ad" && control == "rDOB")
  392. SetValueById("<%=rDOB.ClientID%>", "", "");
  393. else if (type == "bs" && control == "rDOBBs")
  394. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  395. else if (type == "ad" && control == "rIdIssuedDate")
  396. SetValueById("<%=rIdIssuedDate.ClientID%>", "", "");
  397. else if (type == "bs" && control == "rIdIssuedDateBs")
  398. SetValueById("<%=rIdIssuedDateBs.ClientID%>", "", "");
  399. else if (type == "ad" && control == "rIdValidDate")
  400. SetValueById("<%=rIdValidDate.ClientID%>", "", "");
  401. else if (type == "bs" && control == "rIdValidDateBs")
  402. SetValueById("<%=rIdValidDateBs.ClientID%>", "", "");
  403. return;
  404. }
  405. if (type == "ad" && control == "rDOB")
  406. SetValueById("<%=rDOBBs.ClientID %>", data[0].Result, "");
  407. else if (type == "bs" && control == "rDOBBs")
  408. SetValueById("<%=rDOB.ClientID %>", data[0].Result, "");
  409. else if (type == "ad" && control == "rIdIssuedDate")
  410. SetValueById("<%=rIdIssuedDateBs.ClientID %>", data[0].Result, "");
  411. else if (type == "bs" && control == "rIdIssuedDateBs")
  412. SetValueById("<%=rIdIssuedDate.ClientID %>", data[0].Result, "");
  413. else if (type == "ad" && control == "rIdValidDate")
  414. SetValueById("<%=rIdValidDateBs.ClientID %>", data[0].Result, "");
  415. else if (type == "bs" && control == "rIdValidDateBs")
  416. SetValueById("<%=rIdValidDate.ClientID %>", data[0].Result, "");
  417. ValidateDate();
  418. },
  419. error: function (request, error) {
  420. alert(request);
  421. }
  422. };
  423. $.ajax(options);
  424. }
  425. function VerifyEnrollCust() {
  426. var ischecked = $("#chkIssueCustCard").is(':checked');
  427. if (ischecked) {
  428. var isSaved = GetValue("<% =hddIssueCustCardInfoSaved.ClientID%>");
  429. var custId = GetValue("<% =hddIssueCustCardId.ClientID%>");
  430. if (isSaved != 'true' && custId == '') {
  431. window.parent.SetMessageBox('Cannot Process Transaction. Save customer card issue information and then try again.', '1');
  432. return false;
  433. }
  434. return confirm('Confirm To Pay Transaction?')
  435. }
  436. else {
  437. return confirm('Confirm To Pay Transaction?')
  438. }
  439. return true;
  440. }
  441. function SaveCustInfoToIssueCard() {
  442. var senderId = GetValue("<%=hddCustomerId.ClientID %>");
  443. var custId = GetValue("<%=hddIssueCustCardId.ClientID %>");
  444. var rMemId = GetValue("<%=txtCustCardId.ClientID %>");
  445. var rName = $("#<%=recName.ClientID%>").text();
  446. rName = $.trim(rName);
  447. rNameArr = rName.split(' ');
  448. var rFirstName = '';
  449. var rLastName1 = '';
  450. if (rNameArr.length > 0)
  451. rFirstName = rNameArr[0];
  452. if (rNameArr.length > 1) {
  453. for (var i = 1; i < rNameArr.length; i++) {
  454. rLastName1 += rNameArr[i] + ' ';
  455. }
  456. rLastName1 = $.trim(rLastName1);
  457. }
  458. var rMiddleName = '';
  459. var rLastName2 = '';
  460. var rAddress = $('#<%=rAdd.ClientID%>').text();
  461. var rContactNo = GetValue("<%=rContactNo.ClientID %>");
  462. var rIdTypeObj = GetElement("<%=rIdType.ClientID %>");
  463. var rIdType = rIdTypeObj.options[rIdTypeObj.selectedIndex].value;
  464. var rIdNo = GetValue("<%=rIdNumber.ClientID %>");
  465. var recIdType = $("#rIdType").val();
  466. var recIdTypeArr = recIdType.split('|');
  467. var rEmail = GetValue("<%=rEmail.ClientID %>");
  468. var rIdIssuedPlace = GetValue("<%=hddrIdPlaceOfIssue.ClientID %>");
  469. var rIdIssuedDate = GetValue("<%=rIdIssuedDate.ClientID %>");
  470. var rIdValidDate = GetValue("<%=rIdValidDate.ClientID %>");
  471. var rDOB = GetValue("<%=rDOB.ClientID %>");
  472. var rIdIssuedDateBs = GetValue("<%=rIdIssuedDateBs.ClientID %>");
  473. var rIdValidDateBs = GetValue("<%=rIdValidDateBs.ClientID %>");
  474. var rDOBBs = GetValue("<%=rDOBBs.ClientID %>");
  475. var occObj = GetElement("<%=rOccupation.ClientID %>");
  476. var occ = occObj.options[occObj.selectedIndex].value;
  477. var rGender = GetValue("<%=rGender.ClientID %>");
  478. var relationType = GetValue("<%=relationType.ClientID %>");
  479. var relativeName = GetValue("<%=relativeName.ClientID %>");
  480. if (rMemId == "") {
  481. alert('Customer Card Id should not be blank.');
  482. return;
  483. }
  484. if (rIdType == "") {
  485. alert('Please select customer Id type.');
  486. return;
  487. }
  488. if (rIdNo == "") {
  489. alert('Customer Id no. should not be blank.');
  490. return;
  491. }
  492. if (rFirstName == "") {
  493. alert('Customer name should not be blank.');
  494. return;
  495. }
  496. if (rContactNo == "") {
  497. alert('Customer contact no. should not be blank.');
  498. return;
  499. }
  500. if (rDOB == "") {
  501. alert('Customer D.O.B should not be blank.');
  502. return;
  503. }
  504. /*
  505. if (rIdIssuedDate == "") {
  506. alert('Customer ID issued date should not be blank.');
  507. return;
  508. }
  509. if (recIdTypeArr[1] == "E") {
  510. if (rIdValidDate == "") {
  511. alert('Customer ID expired date should not be blank.');
  512. return;
  513. }
  514. }
  515. */
  516. if (rAddress == "") {
  517. alert('Customer address should not be blank.');
  518. return;
  519. }
  520. if (rGender == "") {
  521. alert('Please select customer gender.');
  522. return;
  523. }
  524. if (relationType == "") {
  525. alert('Please select customer relation type.');
  526. return;
  527. }
  528. //if (relativeName == "") {
  529. // alert('Parent/Spouse name should not be blank.');
  530. // return;
  531. //}
  532. if (occ == "") {
  533. alert('Please select customer occupation.');
  534. return;
  535. }
  536. GetElement("spnCustomerEnrollMsg").innerHTML = '';
  537. $('#spnCustomerEnrollMsg').removeClass(function () {
  538. return $(this).attr("class");
  539. });
  540. var dataToSend = {
  541. MethodName: 'issuecard'
  542. , senderId: senderId, cMemId: rMemId, cFirstName: rFirstName, cMiddleName: rMiddleName, cLastName1: rLastName1, cLastName2: rLastName2
  543. , cAddress: rAddress, cContactNo: rContactNo, cIdType: recIdTypeArr[0], cIdNo: rIdNo, cIdIssuedPlace: rIdIssuedPlace, cIdIssuedDate: rIdIssuedDate
  544. , cEmail: rEmail, cOccupation: occ
  545. , cGender: rGender, cDOB: rDOB, cIdValidDate: rIdValidDate, cRelationType: relationType
  546. , cRelativeName: relativeName, type: 'issuecard', custId: custId, cIdIssuedDateBs: rIdIssuedDateBs, cDOBBs: rDOBBs, cIdValidDateBs: rIdValidDateBs
  547. };
  548. var options =
  549. {
  550. url: '<%=ResolveUrl("Pay.aspx") %>?x=' + new Date().getTime(),
  551. data: dataToSend,
  552. dataType: 'JSON',
  553. type: 'POST',
  554. async: false,
  555. beforeSend: function () {
  556. $("#DivLoad").show();
  557. },
  558. success: function (response) {
  559. //var data = jQuery.parseJSON(response);
  560. var data = response;
  561. if (data[0].errorCode == "0") {
  562. window.parent.SetMessageBox(data[0].msg, "0");
  563. GetElement("spnCustomerEnrollMsg").innerHTML = data[0].msg;
  564. $('#spnCustomerEnrollMsg').addClass('SuccessMsg');
  565. $('#txtCustCardId').attr("readonly", true);
  566. GetElement("<%=chkIssueCustCard.ClientID %>").disabled = true;
  567. SetValueById("<%=hddIssueCustCardInfoSaved.ClientID %>", "true", "");
  568. SetValueById("<%=hddIssueCustCardId.ClientID %>", data[0].id, "");
  569. SetValueById("<%=hddCustomerId.ClientID %>", data[0].id, "");
  570. SetValueById("<%=hddMembershipId.ClientID %>", rMemId, "");
  571. ShowElement("uploadDocForCustCard");
  572. }
  573. else {
  574. window.parent.SetMessageBox(data[0].msg, "1");
  575. GetElement("spnCustomerEnrollMsg").innerHTML = data[0].msg;
  576. $('#spnCustomerEnrollMsg').addClass('ErrorAlert');
  577. SetValueById("<%=hddIssueCustCardInfoSaved.ClientID %>", "false", "");
  578. SetValueById("<%=hddIssueCustCardId.ClientID %>", "", "");
  579. SetValueById("<%=hddCustomerId.ClientID %>", "", "");
  580. SetValueById("<%=hddMembershipId.ClientID %>", "", "");
  581. HideElement("uploadDocForCustCard");
  582. }
  583. },
  584. error: function (xhr) { // if error occured
  585. alert("Error occured." + xhr.statusText + xhr.responseText);
  586. },
  587. complete: function () {
  588. $("#DivLoad").hide();
  589. }
  590. };
  591. $.ajax(options);
  592. }
  593. function ValidateDate() {
  594. try {
  595. var dateDOBValue = GetValue("<%=rDOB.ClientID%>");
  596. var issuedateValue = GetValue("<%=rIdIssuedDate.ClientID%>");
  597. var expiryDateValue = GetValue("<%=rIdValidDate.ClientID%>");
  598. var dateDOBValueBs = GetValue("<%=rDOBBs.ClientID%>");
  599. var issuedateValueBs = GetValue("<%=rIdIssuedDateBs.ClientID%>");
  600. var expiryDateValueBs = GetValue("<%=rIdValidDateBs.ClientID%>");
  601. var current = new Date();
  602. var currentYear = current.getFullYear();
  603. if (dateDOBValue != '') {
  604. var dt = new Date(dateDOBValue);
  605. var birthYear = dt.getFullYear();
  606. if ((currentYear - birthYear) < 16) {
  607. alert('Receiver needs to be at least 16 years old in order to receive money.');
  608. SetValueById("<%=rDOB.ClientID %>", "", "");
  609. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  610. return false;
  611. }
  612. if (dt >= current) {
  613. alert('Receiver needs to be at least 16 years old in order to receive money.');
  614. SetValueById("<%=rDOB.ClientID %>", "", "");
  615. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  616. return false;
  617. }
  618. }
  619. if (dateDOBValueBs != '') {
  620. //MM/DD/YYYY
  621. var dateDOBValueBsArr = dateDOBValueBs.split('/');
  622. if (dateDOBValueBsArr.length == 1)
  623. dateDOBValueBsArr = dateDOBValueBs.split('-');
  624. try {
  625. var dtBS = new Date(dateDOBValueBs);
  626. }
  627. catch (e) {
  628. alert('Invalid date format for DOB BS. Date should be in MM/DD/YYYY format.');
  629. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  630. SetValueById("<%=rDOB.ClientID %>", "", "");
  631. return false;
  632. }
  633. if (dateDOBValueBsArr.length == 3) {
  634. var bsDD = dateDOBValueBsArr[1];
  635. var bsMM = dateDOBValueBsArr[0];
  636. var bsYear = dateDOBValueBsArr[2];
  637. if ((bsDD.length == 0 || bsDD.length > 2) || (bsMM.length == 0 || bsMM.length > 2) || (bsYear.length != 4)) {
  638. alert('Invalid date format for DOB BS. Date should be in MM/DD/YYYY format.');
  639. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  640. SetValueById("<%=rDOB.ClientID %>", "", "");
  641. return false;
  642. }
  643. }
  644. else {
  645. alert('Invalid date format for DOB BS. Date should be in MM/DD/YYYY format.');
  646. SetValueById("<%=rDOBBs.ClientID%>", "", "");
  647. SetValueById("<%=rDOB.ClientID %>", "", "");
  648. return false;
  649. }
  650. }
  651. if (issuedateValue != '') {
  652. var dtIssue = new Date(issuedateValue);
  653. if (dtIssue > current) {
  654. alert('ID Issued date cannot be future date. Please enter valid ID Issued date.');
  655. SetValueById("<%=rIdIssuedDate.ClientID %>", "", "");
  656. SetValueById("<%=rIdIssuedDateBs.ClientID %>", "", "");
  657. return false;
  658. }
  659. }
  660. if (issuedateValueBs != '') {
  661. //MM/DD/YYYY
  662. var dateValueBsArr = issuedateValueBs.split('/');
  663. if (dateValueBsArr.length == 1)
  664. dateValueBsArr = issuedateValueBs.split('-');
  665. try {
  666. var dtBS = new Date(issuedateValueBs);
  667. }
  668. catch (e) {
  669. alert('Invalid date format for ID Issued Date BS. Date should be in MM/DD/YYYY format.');
  670. SetValueById("<%=rIdIssuedDate.ClientID %>", "", "");
  671. SetValueById("<%=rIdIssuedDateBs.ClientID %>", "", "");
  672. return false;
  673. }
  674. if (dateValueBsArr.length == 3) {
  675. var bsDD = dateValueBsArr[1];
  676. var bsMM = dateValueBsArr[0];
  677. var bsYear = dateValueBsArr[2];
  678. if ((bsDD.length == 0 || bsDD.length > 2) || (bsMM.length == 0 || bsMM.length > 2) || (bsYear.length != 4)) {
  679. alert('Invalid date format for ID Issued Date BS. Date should be in MM/DD/YYYY format.');
  680. SetValueById("<%=rIdIssuedDate.ClientID %>", "", "");
  681. SetValueById("<%=rIdIssuedDateBs.ClientID %>", "", "");
  682. return false;
  683. }
  684. }
  685. else {
  686. alert('Invalid date format for ID Issued Date BS. Date should be in MM/DD/YYYY format.');
  687. SetValueById("<%=rIdIssuedDate.ClientID %>", "", "");
  688. SetValueById("<%=rIdIssuedDateBs.ClientID %>", "", "");
  689. return false;
  690. }
  691. }
  692. if (expiryDateValue != '') {
  693. var dtExpiry = new Date(expiryDateValue);
  694. if (dtExpiry < current) {
  695. alert('ID Expiry date cannot be past date. Please enter valid ID Expiry date.');
  696. SetValueById("<%=rIdValidDate.ClientID %>", "", "");
  697. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  698. return false;
  699. }
  700. }
  701. if (expiryDateValueBs != '') {
  702. //MM/DD/YYYY
  703. var dateValueBsArr = expiryDateValueBs.split('/');
  704. if (dateValueBsArr.length == 1)
  705. dateValueBsArr = expiryDateValueBs.split('-');
  706. try {
  707. var dtBS = new Date(expiryDateValueBs);
  708. }
  709. catch (e) {
  710. alert('Invalid date format for ID Expiry Date BS. Date should be in MM/DD/YYYY format.');
  711. SetValueById("<%=rIdValidDate.ClientID %>", "", "");
  712. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  713. return false;
  714. }
  715. if (dateValueBsArr.length == 3) {
  716. var bsDD = dateValueBsArr[1];
  717. var bsMM = dateValueBsArr[0];
  718. var bsYear = dateValueBsArr[2];
  719. if ((bsDD.length == 0 || bsDD.length > 2) || (bsMM.length == 0 || bsMM.length > 2) || (bsYear.length != 4)) {
  720. alert('Invalid date format for ID Expiry Date BS. Date should be in MM/DD/YYYY format.');
  721. SetValueById("<%=rIdValidDate.ClientID %>", "", "");
  722. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  723. return false;
  724. }
  725. }
  726. else {
  727. alert('Invalid date format for ID Expiry Date BS. Date should be in MM/DD/YYYY format.');
  728. SetValueById("<%=rIdValidDate.ClientID %>", "", "");
  729. SetValueById("<%=rIdValidDateBs.ClientID %>", "", "");
  730. return false;
  731. }
  732. }
  733. if (issuedateValue != '' && expiryDateValue != '') {
  734. var dtIssue = new Date(issuedateValue);
  735. var dtExpiry = new Date(expiryDateValue);
  736. if (dtIssue >= dtExpiry) {
  737. alert('ID Issued date cannot be greater than ID Expiry date. Please enter valid ID Issued and Expiry date.');
  738. return false;
  739. }
  740. }
  741. }
  742. catch (e) {
  743. // alert(e);
  744. }
  745. return true;
  746. }
  747. function FilterIdIssuedPlace() {
  748. Loading('show');
  749. var rIdType = $("#rIdType").val();
  750. var rIdTypeArr = rIdType.split('|');
  751. var dataToSend = { MethodName: "idissuedplace", IdType: rIdTypeArr[0] };
  752. var options = {
  753. url: '<%=ResolveUrl("Pay.aspx") %>?x=' + new Date().getTime(),
  754. data: dataToSend,
  755. dataType: 'JSON',
  756. type: 'POST',
  757. success: function (response) {
  758. // var data = jQuery.parseJSON(response);
  759. var data = response;
  760. $("#rIdPlaceOfIssue").empty();
  761. $("#rIdPlaceOfIssue").append($("<option></option>").val('').html('Select'));
  762. $.each(data, function (key, value) {
  763. $("#rIdPlaceOfIssue").append($("<option></option>").val(value.valueId).html(value.detailTitle));
  764. });
  765. SetIDTypeIssuedPlace();
  766. }
  767. };
  768. $.ajax(options);
  769. Loading('hide');
  770. }
  771. $(function () {
  772. $('#rIdPlaceOfIssue').change(function () {
  773. var IdIssuedPlaceSelected = $("#rIdPlaceOfIssue").val();
  774. SetValueById("<%=hddrIdPlaceOfIssue.ClientID %>", IdIssuedPlaceSelected, "");
  775. SetIDTypeIssuedPlace();
  776. });
  777. });
  778. function SetIDTypeIssuedPlace() {
  779. var IdIssuedPlace = GetValue("<% =hddrIdPlaceOfIssue.ClientID%>");
  780. SetDDlByText("rIdPlaceOfIssue", IdIssuedPlace, "");
  781. }
  782. function SetDDlByText(ddl, val) {
  783. $("#" + ddl + " option").each(function () {
  784. this.selected = $(this).text() == val;
  785. });
  786. }
  787. function chequeNoValidation() {
  788. try {
  789. var chequeNo = GetValue("<%=rcheque.ClientID %>").trim()
  790. if (chequeNo == "")
  791. return;
  792. if (!checkIfValidChars(chequeNo)) {
  793. SetValueById("<% =rcheque.ClientID%>", "", "");
  794. GetElement("<%=rcheque.ClientID %>").focus();
  795. return;
  796. }
  797. if (!checkIfFistCharIsValid(chequeNo.substring(0, 1))) {
  798. SetValueById("<% =rcheque.ClientID%>", "", "");
  799. GetElement("<%=rcheque.ClientID %>").focus();
  800. return;
  801. }
  802. if (!checkIfAllCharIsSame(chequeNo)) {
  803. SetValueById("<% =rcheque.ClientID%>", "", "");
  804. GetElement("<%=rcheque.ClientID %>").focus();
  805. return;
  806. }
  807. if (!checkIfCharsRepeated(chequeNo)) {
  808. SetValueById("<% =rcheque.ClientID%>", "", "");
  809. GetElement("<%=rcheque.ClientID %>").focus();
  810. return;
  811. }
  812. }
  813. catch (err) {
  814. }
  815. }
  816. </script>
  817. <style type="text/css">
  818. .redLabel {
  819. font-size: 7pt;
  820. color: #FF0000;
  821. }
  822. .error {
  823. color: Red;
  824. font-weight: bold;
  825. }
  826. legend {
  827. font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
  828. padding: 2px;
  829. font-weight: bold;
  830. font-family: Verdana, Arial;
  831. font-size: 12px;
  832. padding: 1px;
  833. margin-left: 2em;
  834. }
  835. .head {
  836. color: #FFFFFF;
  837. background: #FF0000;
  838. padding: 2px;
  839. border-radius: 2px;
  840. }
  841. input.error {
  842. border-style: solid;
  843. border-width: 1px;
  844. background-color: #FFD9D9;
  845. }
  846. select.error {
  847. border-style: solid;
  848. border-width: 1px;
  849. background-color: #FFD9D9;
  850. }
  851. .disabled {
  852. background: #EFEFEF !important;
  853. color: #666666 !important;
  854. }
  855. label {
  856. float: left;
  857. }
  858. label.error {
  859. float: none;
  860. color: red;
  861. vertical-align: top;
  862. font-size: 10px;
  863. font-family: Verdana;
  864. font-weight: bold;
  865. }
  866. .inv {
  867. float: none;
  868. color: red;
  869. vertical-align: top;
  870. font-size: 10px;
  871. font-family: Verdana;
  872. font-weight: bold;
  873. }
  874. .hide {
  875. display: none;
  876. }
  877. .ui-button {
  878. color: Red !important;
  879. font-weight: bold !important;
  880. font-size: 10px !important;
  881. }
  882. .ui-button:first-child {
  883. color: Green !important;
  884. }
  885. .ui-dialog {
  886. width: 900px !important;
  887. height: 100%;
  888. opacity: 1;
  889. z-index: 999;
  890. top: 0px;
  891. left: 0;
  892. }
  893. .ui-dialog-titlebar-close {
  894. visibility: hidden !important;
  895. }
  896. .SuccessMsg {
  897. border: 1px solid;
  898. margin: 10px 0px;
  899. padding: 2px 2px 2px 30px;
  900. background-repeat: no-repeat;
  901. background-position: 10px center;
  902. background-image: url("../../../images/true.png");
  903. color: #4F8A10;
  904. background-color: #DFF2BF;
  905. font-size: 13px;
  906. }
  907. .ErrorAlert {
  908. border: 1px solid;
  909. margin: 10px 0px;
  910. padding: 2px 2px 2px 30px;
  911. background-repeat: no-repeat;
  912. background-position: 10px center;
  913. background-image: url("../../../images/exclamation.png");
  914. color: #D8000C;
  915. background-color: #FFBABA;
  916. font-size: 13px;
  917. }
  918. </style>
  919. </head>
  920. <body>
  921. <form id="form1" runat="server">
  922. <asp:ScriptManager runat="server" ID="sm"></asp:ScriptManager>
  923. <div class="page-wrapper">
  924. <div class="row">
  925. <div class="col-sm-12">
  926. <div class="page-title">
  927. <h1></h1>
  928. <ol class="breadcrumb">
  929. <li><a href="../../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
  930. <li class="active"><a href="#" onclick="return LoadModuleAgentMenu('pay_money')">Pay Money</a></li>
  931. <li class="active"><a href="Pay.aspx">Pay Transaction</a></li>
  932. </ol>
  933. </div>
  934. </div>
  935. </div>
  936. <div id="DivLoad" style="position: absolute; height: 20px; width: 220px; background-color: #333333; display: none; left: 185px; top: 135px;">
  937. <img src="../../../images/progressBar.gif" border="0" alt="Loading..." />
  938. </div>
  939. <div id="divTxnPanel" runat="server">
  940. <div class="ol-sm-10" style="margin-bottom: 100px;">
  941. <h3>Paying Agent :
  942. <asp:Label ID="lblBranchName" runat="server"></asp:Label></h3>
  943. <div class="panel panel-default">
  944. <div class="panel-heading">Transaction Information</div>
  945. <div class="panel-body">
  946. <div class="row">
  947. <div class="col-sm-3">
  948. Sending Country:
  949. </div>
  950. <div class="col-sm-3">
  951. <asp:Label runat="server" ID="sendingCountry"></asp:Label>
  952. </div>
  953. </div>
  954. <div class="row">
  955. <div class="col-sm-3">
  956. Control No:
  957. </div>
  958. <div class="col-sm-3">
  959. <asp:Label runat="server" ID="securityNo" CssClass="amount"></asp:Label>
  960. </div>
  961. <div class="col-sm-3">
  962. Sending Agent:
  963. </div>
  964. <div class="HeighlightText col-sm-3">
  965. <asp:Label runat="server" ID="sendingAgent"></asp:Label>
  966. </div>
  967. </div>
  968. <div class="row">
  969. <div class="col-sm-3" id="icn">
  970. TXN Date:
  971. </div>
  972. <div class="col-sm-3">
  973. <asp:Label runat="server" ID="transactionDate"></asp:Label>
  974. </div>
  975. </div>
  976. </div>
  977. </div>
  978. <div class="row">
  979. <div class="col-sm-6">
  980. <div class="panel panel-default">
  981. <div class="panel-heading">Sender Information</div>
  982. <div class="panel-body">
  983. <div class="row">
  984. <div class="col-sm-3">Name:</div>
  985. <div class="col-sm-9">
  986. <asp:Label runat="server" ID="senderName"></asp:Label>
  987. </div>
  988. </div>
  989. <div class="row">
  990. <div class="col-sm-3">Address:</div>
  991. <div class="col-sm-9">
  992. <asp:Label runat="server" ID="senderAddress"></asp:Label>
  993. </div>
  994. </div>
  995. <div class="row" id="trSenCity" runat="server">
  996. <div class="col-sm-3">City:</div>
  997. <div class="col-sm-9">
  998. <asp:Label runat="server" ID="senderCity"></asp:Label>
  999. </div>
  1000. </div>
  1001. <div class="row">
  1002. <div class="col-sm-3">Country:</div>
  1003. <div class="col-sm-9">
  1004. <asp:Label runat="server" ID="senderCountry"></asp:Label>
  1005. </div>
  1006. </div>
  1007. <div class="row">
  1008. <div class="col-sm-3">Contact No:</div>
  1009. <div class="col-sm-9">
  1010. <asp:Label runat="server" ID="senderContactNo"></asp:Label>
  1011. </div>
  1012. </div>
  1013. <div class="row" id="trIdType" runat="server">
  1014. <div class="col-sm-3">
  1015. <asp:Label runat="server" ID="senIdType"></asp:Label>
  1016. </div>
  1017. <div class="col-sm-9">
  1018. <asp:Label runat="server" ID="senIdNo"></asp:Label>
  1019. </div>
  1020. </div>
  1021. <div class="row" id="trMsg" runat="server">
  1022. <div class="col-sm-3">Message:</div>
  1023. <div class="col-sm-9">
  1024. <asp:Label runat="server" ID="message"></asp:Label>
  1025. </div>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. <div class="col-sm-6">
  1031. <div class="panel panel-default">
  1032. <div class="panel-heading">Receiver Information</div>
  1033. <div class="panel-body">
  1034. <div class="row">
  1035. <div class="col-sm-3">Name:</div>
  1036. <div class="col-sm-9">
  1037. <asp:Label runat="server" ID="recName"></asp:Label>
  1038. </div>
  1039. </div>
  1040. <div class="row">
  1041. <div class="col-sm-3">Address:</div>
  1042. <div class="col-sm-9">
  1043. <asp:Label runat="server" ID="recAddress"></asp:Label>
  1044. </div>
  1045. </div>
  1046. <div class="row" id="trRecCity" runat="server">
  1047. <div class="col-sm-3">City:</div>
  1048. <div class="col-sm-9">
  1049. <asp:Label runat="server" ID="recCity"></asp:Label>
  1050. </div>
  1051. </div>
  1052. <div class="row" id="trRecCountry" runat="server">
  1053. <div class="col-sm-3">Country:</div>
  1054. <div class="col-sm-9">
  1055. <asp:Label runat="server" ID="recCountry"></asp:Label>
  1056. </div>
  1057. </div>
  1058. <div class="row" id="trRecContactNo" runat="server">
  1059. <div class="col-sm-3">Contact No:</div>
  1060. <div class="col-sm-9">
  1061. <asp:Label runat="server" ID="recContactNo"></asp:Label>
  1062. </div>
  1063. </div>
  1064. <div class="row" id="trRecIdType" runat="server">
  1065. <div class="col-sm-3">
  1066. <asp:Label runat="server" ID="recIdType" Text="Id No"></asp:Label>
  1067. </div>
  1068. <div class="col-sm-9">
  1069. <asp:Label runat="server" ID="recIdNo"></asp:Label>
  1070. </div>
  1071. </div>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. </div>
  1076. <div class="panel panel-default">
  1077. <div class="panel-heading">Transaction Amount</div>
  1078. <div class="panel-body">
  1079. <div class="row">
  1080. <div class="col-sm-2">Payout Amount: </div>
  1081. <div class="col-sm-10">
  1082. <asp:Label ID="payoutAmount" runat="server" CssClass="amount"></asp:Label>
  1083. <asp:Label ID="payoutCurr" runat="server"></asp:Label>
  1084. (<asp:Label runat="server" ID="amtToWords"></asp:Label>)
  1085. </div>
  1086. </div>
  1087. <div class="row">
  1088. <div class="col-sm-2">
  1089. Payment Mode:
  1090. </div>
  1091. <div class="HeighlightText col-sm-2">
  1092. <asp:Label runat="server" ID="paymentMode"></asp:Label>
  1093. </div>
  1094. </div>
  1095. </div>
  1096. </div>
  1097. <div class="row" style="display: none">
  1098. <div class="col-sm-12">
  1099. <div class="pull-right">
  1100. <asp:CheckBox ID="chkIssueCustCard" Text="Issue Customer Card" runat="server" />
  1101. </div>
  1102. </div>
  1103. </div>
  1104. <div class="panel panel-default">
  1105. <div class="panel-heading">Receiver Information - Payment</div>
  1106. <div class="panel-body">
  1107. <div class="issuemember row col-sm-8">
  1108. <div class="form-group">
  1109. <b>Card No</b><span class="errormsg">*</span>
  1110. <asp:TextBox runat="server" ID="txtCustCardId" MaxLength="8" CssClass="form-control" Width="35%"></asp:TextBox>
  1111. </div>
  1112. </div>
  1113. <span id="rowFullName" runat="server" style="display: none;"><b>Receiver Full Name</b><br />
  1114. <asp:TextBox ID="rFullName" runat="server" CssClass="form-control" />
  1115. </span>
  1116. <div class="clearfix"></div>
  1117. <div class="row">
  1118. <div class="col-sm-3">
  1119. Receiver ID Type: <span class="error">*</span>
  1120. <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="rIdType"
  1121. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1122. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1123. <br />
  1124. <asp:DropDownList ID="rIdType" runat="server" CssClass="form-control" Width="100%">
  1125. </asp:DropDownList>
  1126. </div>
  1127. <div class="col-sm-3">
  1128. Receiver ID Number: <span class="error">*</span>
  1129. <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="rIdNumber"
  1130. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1131. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1132. <br />
  1133. <asp:TextBox CssClass="form-control" Width="100%" ID="rIdNumber" runat="server" onkeydown="return MakeNumericContactNoIdNo(this, (event?event:evt), true);" onchange="IdNoValidation(this)"></asp:TextBox>
  1134. </div>
  1135. <div class="col-sm-3">
  1136. Payout Location :<span class="error">*</span>
  1137. <select id="rIdPlaceOfIssue" class="required form-control" style="width: 100%">
  1138. </select>
  1139. </div>
  1140. </div>
  1141. <div class="row">
  1142. <div class="col-sm-3">
  1143. Contact No.: <span class="error">*</span>
  1144. <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="rContactNo"
  1145. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1146. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1147. <asp:TextBox ID="rContactNo" runat="server" Width="100%" CssClass="form-control" onchange="ContactNoValidation(this)" onkeydown="return MakeNumericContactNoIdNo(this, (event?event:evt), true);"></asp:TextBox>
  1148. </div>
  1149. <div class="col-sm-3">
  1150. Parent/Spouse:
  1151. <br />
  1152. <asp:DropDownList ID="relationType" runat="server" CssClass="form-control" Width="100%">
  1153. </asp:DropDownList>
  1154. </div>
  1155. <div class="col-sm-3">
  1156. Parent/Spouse Name:
  1157. <asp:TextBox CssClass="form-control" ID="relativeName" runat="server" onkeypress="return onlyAlphabets(event,this);" Width="100%"></asp:TextBox>
  1158. </div>
  1159. </div>
  1160. <div class="row">
  1161. <div class="col-sm-3">
  1162. Relationship with sender: <span class="error">*</span>
  1163. <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="relWithSender"
  1164. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1165. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1166. <br />
  1167. <asp:DropDownList ID="relWithSender" runat="server" CssClass="requiredField form-control" Width="100%">
  1168. </asp:DropDownList>
  1169. </div>
  1170. <div class="col-sm-3">
  1171. Purpose of Remittance: <span class="error">*</span>
  1172. <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="por"
  1173. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1174. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1175. <br />
  1176. <asp:DropDownList runat="server" ID="por" CssClass="form-control" Width="100%" />
  1177. </div>
  1178. <div class="col-sm-3">
  1179. DOB
  1180. <asp:TextBox ID="rDOB" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1181. </div>
  1182. </div>
  1183. <div class="row" id="topupTR">
  1184. <div class="col-sm-3">
  1185. Alternate Mobile No.:
  1186. <asp:TextBox ID="alternateMobileNo" runat="server" Width="100%" CssClass="form-control" onchange="ContactNoValidation(this)"
  1187. onkeydown="return MakeNumericContactNoIdNo(this, (event?event:evt), true);"></asp:TextBox>
  1188. <span style="background-color: Yellow; color: red; font-weight: bold; font-size: 12px;">(Note: Only NTC Prepaid/Ncell for free topup)</span>
  1189. </div>
  1190. </div>
  1191. <div class="row" runat="server" id="otherAgentType" visible="false">
  1192. <div class="col-sm-3">
  1193. Bank Name: <span class="error">*</span>
  1194. <asp:DropDownList ID="rBankName" runat="server" CssClass="form-control" Width="100%">
  1195. </asp:DropDownList>
  1196. <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="rBankName"
  1197. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1198. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1199. </div>
  1200. <div class="col-sm-3">
  1201. Bank Branch Name:<span class="errormsg">*</span>
  1202. <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="rbankBranch"
  1203. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1204. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1205. <asp:TextBox CssClass="form-control" ID="rbankBranch" runat="server" Width="100%"></asp:TextBox>
  1206. </div>
  1207. <div class="col-sm-3">
  1208. Cheque No.: <span class="error">*</span>
  1209. <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="rcheque"
  1210. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red"
  1211. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1212. <asp:TextBox Width="100%" CssClass="form-control" ID="rcheque" onBlur="chequeNoValidation();" runat="server"></asp:TextBox>
  1213. </div>
  1214. </div>
  1215. <div class="row" runat="server" id="bankAndFinanceType" visible="false">
  1216. <div class="col-sm-3">
  1217. Account No.:
  1218. <asp:TextBox CssClass="form-control" ID="rAccountNo" runat="server" Width="100%"></asp:TextBox>
  1219. </div>
  1220. <div class="col-sm-3">
  1221. Cheque No.:
  1222. <asp:TextBox runat="server" ID="brcheque" Width="100%"></asp:TextBox>
  1223. </div>
  1224. </div>
  1225. <div class="row">
  1226. <div class="col-sm-3" style="display: none">
  1227. DOB (B.S)
  1228. <asp:TextBox ID="rDOBBs" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1229. <span class="redLabel"><em><strong>(Date Format : MM/DD/YYYY) </strong></em></span>
  1230. </div>
  1231. </div>
  1232. <div class="row">
  1233. <div class="col-sm-3">
  1234. ID Issued Date
  1235. <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ControlToValidate="rIdIssuedDate"
  1236. Display="Dynamic" ErrorMessage="Required!" ValidationGroup="pay" ForeColor="Red" Enabled="false" Visible="false"
  1237. SetFocusOnError="True"></asp:RequiredFieldValidator>
  1238. <asp:TextBox ID="rIdIssuedDate" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1239. </div>
  1240. <div class="col-sm-3">
  1241. ID Expiry Date
  1242. <asp:TextBox ID="rIdValidDate" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1243. </div>
  1244. <div class="col-sm-3" style="display: none">
  1245. ID Issued Date (B.S)
  1246. <asp:TextBox ID="rIdIssuedDateBs" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1247. <span class="redLabel"><em><strong>(Date Format : MM/DD/YYYY) </strong></em></span>
  1248. </div>
  1249. </div>
  1250. <div class="row" id="trIdExpiryDate">
  1251. <div class="col-sm-3" style="display: none">
  1252. ID Expiry Date (B.S)
  1253. <asp:TextBox ID="rIdValidDateBs" runat="server" CssClass="form-control" Width="100%"></asp:TextBox>
  1254. <br />
  1255. <span class="redLabel"><em><strong>(Date Format : MM/DD/YYYY) </strong></em></span>
  1256. </div>
  1257. </div>
  1258. <div class="issuemember row">
  1259. <div class="col-sm-3">
  1260. Email
  1261. <asp:RegularExpressionValidator ID="RegularExpressionValidator6" runat="server" ValidationGroup="payTran"
  1262. ControlToValidate="rEmail" ErrorMessage="Invalid Email!" SetFocusOnError="True"
  1263. ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"> </asp:RegularExpressionValidator>
  1264. <asp:TextBox ID="rEmail" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
  1265. </div>
  1266. <div class="col-sm-3">
  1267. Address<span class="error">*</span><br />
  1268. <asp:TextBox ID="rAdd" runat="server" Width="100%" TextMode="MultiLine" CssClass="form-control"></asp:TextBox>
  1269. </div>
  1270. </div>
  1271. <div class="issuemember row">
  1272. <div class="col-sm-3">
  1273. Occupation<span class="error">*</span>
  1274. <asp:DropDownList ID="rOccupation" runat="server" CssClass="form-control" Width="100%">
  1275. </asp:DropDownList>
  1276. </div>
  1277. <div class="col-sm-3">
  1278. Gender<span class="error">*</span>
  1279. <asp:DropDownList ID="rGender" runat="server" CssClass="form-control" Width="100%">
  1280. </asp:DropDownList>
  1281. </div>
  1282. </div>
  1283. <br />
  1284. <div class="issuemember row">
  1285. <div class="col-sm-6">
  1286. <input type="button" class="btn btn-primary" id="issueCustCard" value="Save Information" onclick="SaveCustInfoToIssueCard();" />
  1287. <input type="button" class="btn btn-primary" id="uploadDocForCustCard" onclick="uploadCusDoc();" value="Upload Document" />
  1288. </div>
  1289. </div>
  1290. <br />
  1291. <div class="issuemember row">
  1292. <div class="col-sm-12">
  1293. <span id="spnCustomerEnrollMsg" style="display: block;"></span>
  1294. </div>
  1295. </div>
  1296. <div class="row">
  1297. <div class="col-sm-6">
  1298. <asp:Button ID="btnPay" runat="server" CssClass="btn btn-primary" Text="Pay Transaction" OnClientClick="if (!VerifyEnrollCust()) return false;" ValidationGroup="pay"
  1299. OnClick="btnPay_Click" />
  1300. <asp:Button ID="BtnBack" runat="server" Text=" Back " class="cancel btn btn-primary"
  1301. OnClick="BtnBack_Click" />
  1302. </div>
  1303. </div>
  1304. </div>
  1305. </div>
  1306. <div id="rptLog" runat="server"></div>
  1307. </div>
  1308. <div id="mydiv" title="Customer Information">
  1309. </div>
  1310. </div>
  1311. <asp:HiddenField ID="hddCeTxn" runat="server" />
  1312. <asp:HiddenField ID="hddRowId" runat="server" />
  1313. <asp:HiddenField ID="hddControlNo" runat="server" />
  1314. <asp:HiddenField ID="hddTokenId" runat="server" />
  1315. <asp:HiddenField ID="hddSCountry" runat="server" />
  1316. <asp:HiddenField ID="hddPayAmt" runat="server" />
  1317. <asp:HiddenField ID="hddAgentName" runat="server" />
  1318. <asp:HiddenField ID="hddOrderNo" runat="server" />
  1319. <asp:HiddenField ID="hddRCurrency" runat="server" />
  1320. <asp:HiddenField ID="hdnMapCode" runat="server" />
  1321. <asp:HiddenField ID="hdnTranType" runat="server" />
  1322. <asp:HiddenField ID="hddCustomerId" runat="server" />
  1323. <asp:HiddenField ID="hddMembershipId" runat="server" />
  1324. <asp:HiddenField ID="hddOriginalAmt" runat="server" />
  1325. <asp:HiddenField ID="refNumber" runat="server" />
  1326. <asp:HiddenField ID="hddagentgroup" runat="server" />
  1327. <asp:HiddenField ID="hddchequenumber" runat="server" />
  1328. <asp:HiddenField ID="hddIssueCustCardInfoSaved" runat="server" />
  1329. <asp:HiddenField ID="hddIssueCustCardId" runat="server" />
  1330. <asp:HiddenField ID="hddIdType" runat="server" />
  1331. <asp:HiddenField ID="hddrIdPlaceOfIssue" runat="server" />
  1332. <asp:HiddenField ID="hddrelationType" runat="server" />
  1333. <asp:HiddenField ID="hiddenSubPartnerId" runat="server" />
  1334. </div>
  1335. </form>
  1336. </body>
  1337. </html>