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.

330 lines
24 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <%@ Page Title="" EnableEventValidation="false" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="SendTxnRequest.aspx.cs" Inherits="JMEAgentSystem.WebPages.SendTxn.SendTxnRequest" %>
  2. <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
  3. <div class="page-wrapper">
  4. <div class="report-tab" runat="server" id="sendTxn">
  5. <!-- Nav tabs -->
  6. <div class="tab-content">
  7. <div role="tabpanel" class="tab-pane" id="List">
  8. </div>
  9. <div role="tabpanel" id="Manage">
  10. <div class="">
  11. <div class="register-form">
  12. <div id="addEditPanel" runat="server">
  13. <div class="panel panel-default clearfix m-b-20">
  14. <div class="panel-heading">Sender Information</div>
  15. <div class="panel-body">
  16. <div style="margin-left: 15px">
  17. <div class="row">
  18. <div class="col-md-4 col-sm-4">
  19. <div class="form-group">
  20. <label>Customer Id Number:<span class="errormsg">*</span></label>
  21. <asp:TextBox ID="senderIdNumber" runat="server" placeholder="ID Number" MaxLength="14" CssClass="form-control required" />
  22. </div>
  23. </div>
  24. <div class="col-md-4 col-sm-4">
  25. <div class="form-group">
  26. <button id="searchCustomer" type="button" class="btn btn-success waves-effect waves-light" style="margin-top: 26px;">Search</button>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="panel panel-default clearfix m-b-20" id="step2SendRemittance" style="display: none;">
  34. <div class="panel-heading">Beneficiary Information : <label id="customerName" runat="server"></label> ( <label id="membershiId" runat="server"></label> )</div>
  35. <div class="panel-body">
  36. <div class="row">
  37. <div class="col-md-4 col-sm-4">
  38. <div class="form-group">
  39. <label>Choose Beneficiary:<span class="errormsg">*</span></label>
  40. <asp:DropDownList ID="ddlBenedeciary" runat="server" CssClass="form-control required" />
  41. </div>
  42. </div>
  43. </div>
  44. <div class="row">
  45. <div class="col-md-4 col-sm-4">
  46. <div class="form-group">
  47. <label>Beneficiary Fullname:<span class="errormsg">*</span></label>
  48. <asp:TextBox ID="receiverFullName" runat="server" placeholder="FullName" CssClass="form-control required" />
  49. </div>
  50. </div>
  51. <div class="col-md-4 col-sm-4">
  52. <div class="form-group">
  53. <label>Address:<span class="errormsg">*</span></label>
  54. <asp:TextBox ID="receiveraddress" runat="server" placeholder="Address" MaxLength="14" CssClass="form-control required" />
  55. </div>
  56. </div>
  57. <div class="col-md-4 col-sm-4">
  58. <div class="form-group">
  59. <label>Mobile No:<span class="errormsg">*</span></label>
  60. <asp:TextBox ID="receiverMobileNumber" runat="server" placeholder="Mobile No" MaxLength="16" CssClass="form-control required" />
  61. </div>
  62. </div>
  63. </div>
  64. <div class="row">
  65. <div class="col-md-4 col-sm-4">
  66. <div class="form-group">
  67. <label>Country:<span class="errormsg">*</span></label>
  68. <asp:DropDownList ID="pCountry" runat="server" CssClass="required form-control"></asp:DropDownList>
  69. </div>
  70. </div>
  71. <div class="col-md-4 col-sm-4">
  72. <div class="form-group">
  73. <label>Mode of Payment:<span class="errormsg">*</span></label>
  74. <asp:DropDownList ID="pMode" runat="server" CssClass="required form-control"></asp:DropDownList>
  75. </div>
  76. </div>
  77. <div class="col-md-4 col-sm-4">
  78. <div class="form-group">
  79. <label>Agent / Bank :<span class="ErrMsg" id="pAgent_err">*</span></label>
  80. <asp:DropDownList ID="pAgent" runat="server" CssClass="required form-control"></asp:DropDownList>
  81. <asp:DropDownList ID="pAgentDetail" runat="server" CssClass="form-control" Style="display: none;"></asp:DropDownList>
  82. <asp:DropDownList ID="pAgentMaxPayoutLimit" runat="server" CssClass="form-control" Style="display: none;"></asp:DropDownList>
  83. <span id="hdnreqAgent" style="display: none"></span>
  84. <input type="hidden" id="hdnBankType" />
  85. </div>
  86. </div>
  87. </div>
  88. <div class="row">
  89. <div class="col-md-4 col-sm-4" id="branchSelect">
  90. <div class="form-group">
  91. <label>Branch:<span class="errormsg" id="branchRequired">*</span></label>
  92. <asp:DropDownList ID="branch" runat="server" CssClass="js-example-basic-single form-group"></asp:DropDownList>
  93. </div>
  94. </div>
  95. <div class="col-md-4 col-sm-4" id="branchManual">
  96. <div class="form-group">
  97. <label>Branch:<span class="errormsg" id="branchTxtRequired">*</span></label>
  98. <asp:TextBox ID="branch_manual" runat="server" CssClass="required form-control"></asp:TextBox>
  99. </div>
  100. </div>
  101. <div class="col-md-4 col-sm-4" id="accountDiv">
  102. <div class="form-group">
  103. <label>Bank Account No:<span class="errormsg">*</span></label>
  104. <asp:TextBox ID="accountNo" runat="server" placeholder="AccountNo" MaxLength="14" CssClass="form-control required" />
  105. </div>
  106. </div>
  107. <div class="col-md-4 col-sm-4">
  108. <div class="form-group">
  109. <label>Collect Amount:<span class="errormsg">*</span></label>
  110. <div class="input-group m-b">
  111. <asp:TextBox ID="txtCollAmt" runat="server" placeholder="Amount including service charge" CssClass="required BigAmountField form-control" Style="font-size: 16px; font-weight: bold; padding: 2px;"></asp:TextBox>
  112. <span class="input-group-addon">( <u><b>
  113. <asp:Label ID="lblPerTxnLimit" runat="server" Text="0.00"></asp:Label>
  114. </b></u>)&nbsp;
  115. <asp:Label ID="lblPerTxnLimitCurr" runat="server">JPY</asp:Label>
  116. </span>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="row">
  122. <div class="col-md-4 col-sm-4">
  123. <div class="form-group">
  124. <label>Transfer Amount:<span class="errormsg">*</span></label>
  125. <div class="input-group m-b">
  126. <asp:TextBox ID="lblSendAmt" runat="server" Text="0.00" class="amountLabel required form-control disabled" disabled="disabled"></asp:TextBox>
  127. <span class="input-group-addon">
  128. <asp:Label ID="lblSendCurr" runat="server" Text="JPY" class="amountLabel"></asp:Label>
  129. </span>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="col-md-4 col-sm-4">
  134. <div class="form-group">
  135. <label>Service Charge:<span class="errormsg">*</span></label>
  136. <div class="input-group m-b">
  137. <asp:TextBox ID="lblServiceChargeAmt" runat="server" Text="0" class="form-control" Style="display: inherit !important;" onblur="return ReCalculate();"></asp:TextBox>
  138. <span class="input-group-addon">
  139. <asp:Label ID="lblServiceChargeCurr" runat="server" Text="JPY" class="amountLabel"></asp:Label>&nbsp;
  140. </span>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="col-md-4 col-sm-4">
  145. <div class="form-group">
  146. <label>Purpose Of Remittance:<span class="errormsg">*</span></label>
  147. <asp:DropDownList ID="purpose" runat="server" CssClass="required form-control"></asp:DropDownList>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="row">
  152. <div class="col-md-4 col-sm-4" id="purposeOtherDiv" style="display: none;">
  153. <div class="form-group">
  154. <label>Purpose Other:<span class="errormsg">*</span></label>
  155. <asp:TextBox ID="purposeOther" runat="server" CssClass="required form-control" placeholder="Other Purpose Description"></asp:TextBox>
  156. </div>
  157. </div>
  158. <div class="col-md-4 col-sm-4">
  159. <div class="form-group">
  160. <label>Relation<span class="errormsg">*</span></label>
  161. <asp:DropDownList ID="relationship" runat="server" CssClass="required form-control"></asp:DropDownList>
  162. </div>
  163. </div>
  164. <div class="col-md-4 col-sm-4" id="otherRelationDiv" style="display: none">
  165. <div class="form-group">
  166. <label>Description of other relationship:</label>
  167. <asp:TextBox runat="server" ID="otherRelationshipTextBox" CssClass="form-control" placeholder="Other Relation Description"></asp:TextBox>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="row">
  172. <div class="col-md-4 col-sm-4" style="display: none">
  173. <div class="form-group">
  174. <label>ReferralName<span class="errormsg">*</span></label>
  175. <asp:TextBox ID="referralName" runat="server" placeholder="Referral Name" MaxLength="14" CssClass="form-control required" />
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <asp:HiddenField ID="hddPayoutPartner" runat="server" />
  181. <asp:HiddenField ID="hddPmode" runat="server" />
  182. <asp:HiddenField ID="hddPagent" runat="server" />
  183. <asp:HiddenField ID="hddpBranch" runat="server" />
  184. <asp:HiddenField ID="hddErrMsg" runat="server" />
  185. <asp:HiddenField ID="hddTamt" runat="server" />
  186. <asp:HiddenField ID="hddServiceCharge" runat="server" />
  187. <asp:HiddenField ID="allowEditSC" runat="server" />
  188. <label id="lblCampaign" style="background-color: yellow; font-weight: 600;"></label>
  189. </div>
  190. </div>
  191. <div class="panel panel-default clearfix m-b-20" id="step2SendRemittanceAgreement" style="display: none;">
  192. <div class="panel-heading">Agreement Information</div>
  193. <div class="panel-body">
  194. <div class="row">
  195. <div class="col-md-12 col-sm-12" runat="server" id="TransactionAgreementDiv">
  196. <div class="form-group">
  197. <label class="checkbox-ui">
  198. <input type="checkbox" runat="server" class="custom-control-input" id="TransactionAgreement" />
  199. <small class="custom-control-label">私は、本依頼書に記載されているジャパンマネーエクスプレス株式会社の「海外送金利用規約」の内容に同意します。<br />
  200. 私の依頼する送金は、北朝鮮及びイランとは関係無い取引であり、反社会勢力と一切の関りはありません。<br />
  201. 私は「外内国の重要な公的な地位にある者」ではありません。<br />
  202. また申込書に表示された内容について間違いが無い事を確認した上で、JME送金サービスの利用を依頼します。
  203. <br />
  204. I understand and agree to the ”Terms and Conditions for Overseas Remittance” of Japan Money Express Co., Ltd. (JME).<br />
  205. I confirm that this remittance has nothing to do with North Korea or Iran. I have no relation to any Anti-Social Forces or engagement in any illegal activities.<br />
  206. I am not Politically Exposed Persons(PEPs).<br />
  207. I confirm the information shown in this application to avail the remittance service is true and correct.
  208. </small>
  209. </label>
  210. </div>
  211. </div>
  212. </div>
  213. <div class="row" id="signatureDiv" style="display: none;">
  214. <div class="col-md-6 form-group">
  215. <label class="control-label">Customer Signature:</label>
  216. <div id="signature-pad" class="signature-pad" style="height: 350px;">
  217. <div class="signature-pad--body">
  218. <canvas></canvas>
  219. </div>
  220. <div class="signature-pad--footer">
  221. <div class="description">Sign above</div>
  222. <div class="signature-pad--actions">
  223. <div class="form-group">
  224. <button type="button" class="btn btn-primary clear" data-action="clear">Clear</button>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. <div class="col-md-6 form-group" style="display: none">
  231. <label class="control-label">Customer Password:</label>
  232. <div>
  233. <asp:TextBox autocomplete="stopdoingthat" TextMode="Password" ID="customerPassword" runat="server" CssClass="form-control" MaxLength="20"></asp:TextBox>
  234. </div>
  235. </div>
  236. </div>
  237. <div class="row" id="step2SendRemittanceSaveButton" style="display: none;">
  238. <div class="col-md-4 form-group">
  239. <asp:Button ID="Save" Text="Save" disabled="disabled" runat="server" CssClass="btn btn-primary" OnClientClick="return ValidateDetailsMain()" OnClick="Save_Click" />
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. <asp:HiddenField ID="hddImgURL" runat="server" />
  251. <asp:HiddenField runat="server" ID="hddPagentName" />
  252. <asp:HiddenField runat="server" ID="hddPBranchName" />
  253. </asp:Content>
  254. <asp:Content ID="Content2" ContentPlaceHolderID="Script" runat="server">
  255. <style>
  256. input, textarea {
  257. text-transform: uppercase;
  258. }
  259. @media print{
  260. hr{
  261. display:none;
  262. }
  263. }
  264. </style>
  265. <link href="/Content/css/signature-pad.css" rel="stylesheet" />
  266. <link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />
  267. <script src="/Scripts/SendTxnJs/SendMoneyRequest.js"></script>
  268. <script src="/Scripts/functions.js"></script>
  269. <script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>
  270. <script src="/js/singnature/signature_pad.umd.js"></script>
  271. <script src="/js/singnature/customerSignature.js"></script>
  272. <script type="text/javascript">
  273. $(".js-example-basic-single").select2({
  274. ajax: {
  275. type: "POST",
  276. url: '',
  277. dataType: "JSON",
  278. quietMillis: 100,
  279. data: function (params) {
  280. return {
  281. MethodName: 'PopulateBranch',
  282. payoutPartner: $('#MainContent_hddPayoutPartner').val(),
  283. Bank: $('#MainContent_pAgent').val(),
  284. Country: $('#MainContent_pCountry').val(),
  285. PayMode: $('#MainContent_pMode').val(),
  286. searchText: params.term, // search term
  287. page: params.page
  288. };
  289. },
  290. error: function (xhr, status, error) {
  291. alert(error);
  292. },
  293. processResults: function (data, params) {
  294. params.page = params.page || 1;
  295. var results = [];
  296. $.each(data, function (index, item) {
  297. results.push({
  298. id: item.agentId,
  299. text: item.agentName
  300. });
  301. });
  302. return {
  303. results: results,
  304. pagination: {
  305. more: (params.page * 30) < data.total_count
  306. }
  307. };
  308. },
  309. cache: true
  310. },
  311. placeholder: 'Search for a Bank Branch',
  312. escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
  313. minimumInputLength: 0,
  314. //templateResult: formatRepo,
  315. templateSelection: formatRepoSelection
  316. });
  317. function formatRepoSelection(repo) {
  318. return repo.full_name || repo.text;
  319. }
  320. </script>
  321. </asp:Content>