Advertisement
0re5ama

Untitled

Jan 4th, 2023
2,439
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
ASP 14.91 KB | None | 0 0
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/masterpage/User.master" AutoEventWireup="true" CodeBehind="usr-remittance-wu.aspx.cs" Inherits="POSMalaysia.content.usr_remittance_wu" %>
  2.  
  3. <asp:Content ID="HeadContent" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
  4.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
  5.         integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
  6.     <link rel="stylesheet" href="../App_Themes/UserThemes/User_StyleSheetNew.css" />
  7.     <link rel="stylesheet" href="../App_Themes/UserThemes/wu.css" />
  8. </asp:Content>
  9.  
  10. <asp:Content ID="UserContent" ContentPlaceHolderID="UserContentPlaceHolder" runat="server">
  11.     <div style="height: auto;" id="wu-logo">
  12.         <asp:Image ID="Image2" Style="border-width: 0px; width: 250px" runat="server" ImageUrl="../App_Themes/UserThemes/images/logo.wu.big.svg" />
  13.     </div>
  14.     <div id="RemittanceBox" runat="server" style="display: block">
  15.         <fieldset id="senderFieldset" class="fieldsetIndividual">
  16.             <legend id="senderLegend" class="legendIndividual">Sender Details
  17.             </legend>
  18.             <div class="row">
  19.                 <div class="form-group col-md-6">
  20.                     <label>
  21.                         Membership/ID No
  22.                     </label>
  23.                     <div class="input-group">
  24.                         <input type="text" class="form-control" data-bind="value: IdNo" />
  25.                         <span class="input-group-btn">
  26.                             <button class="btn" type="button" data-toggle="modal" data-target="#modal-verif">Verify</button>
  27.                             <button class="btn" type="button">Search</button>
  28.                         </span>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             <div class="row">
  33.                 <div class="col-md-2">
  34.                     <label class="wu-label">First Name</label><span class="wu-data" data-bind="text: ''"></span>
  35.                 </div>
  36.                 <div class="col-md-2">
  37.                     <label class="wu-label">Middle Name</label><span class="wu-data" data-bind="text: ''"></span>
  38.                 </div>
  39.                 <div class="col-md-2">
  40.                     <label class="wu-label">Last Name</label><span class="wu-data" data-bind="text: ''"></span>
  41.                 </div>
  42.                 <div class="col-md-2">
  43.                     <label class="wu-label">Nationality</label><span class="wu-data" data-bind="text: ''"></span>
  44.                 </div>
  45.                 <div class="col-md-2">
  46.                     <label class="wu-label">ID Type</label><span class="wu-data" data-bind="text: ''"></span>
  47.                 </div>
  48.                 <div class="col-md-2">
  49.                     <label class="wu-label">ID No.</label><span class="wu-data" data-bind="text: ''"></span>
  50.                 </div>
  51.                 <div class="col-md-2">
  52.                     <label class="wu-label">Contact No.</label><span class="wu-data" data-bind="text: ''"></span>
  53.                 </div>
  54.                 <div class="col-md-2">
  55.                     <label class="wu-label">Residency</label><span class="wu-data" data-bind="text: ''"></span>
  56.                 </div>
  57.                 <div class="col-md-2">
  58.                     <label class="wu-label">Occupation</label><span class="wu-data" data-bind="text: ''"></span>
  59.                 </div>
  60.                 <div class="col-md-2">
  61.                     <label class="wu-label">Employer Name</label><span class="wu-data" data-bind="text: ''"></span>
  62.                 </div>
  63.                 <div class="col-md-2">
  64.                     <label class="wu-label">Employer Addr.</label><span class="wu-data" data-bind="text: ''"></span>
  65.                 </div>
  66.                 <div class="col-md-2">
  67.                     <label class="wu-label">Salary</label><span class="wu-data" data-bind="text: ''"></span>
  68.                 </div>
  69.                 <div class="col-md-2">
  70.                     <label class="wu-label">Txn/Month</label><span class="wu-data" data-bind="text: ''"></span>
  71.                 </div>
  72.                 <div class="col-md-2">
  73.                     <label class="wu-label">Amt/Month</label><span class="wu-data" data-bind="text: ''"></span>
  74.                 </div>
  75.                 <div class="col-md-2">
  76.                     <label class="wu-label">Amt/Day</label><span class="wu-data" data-bind="text: ''"></span>
  77.                 </div>
  78.                 <div class="col-md-2">
  79.                     <label class="wu-label">WU Member</label><span class="wu-data" data-bind="text: ''"></span>
  80.                 </div>
  81.                 <div class="col-md-2">
  82.                     <label class="wu-label">MyWU Number</label><span class="wu-data" data-bind="text: ''"></span>
  83.                 </div>
  84.             </div>
  85.             <div class="row">
  86.                 <div class="col-md-6">
  87.                     <span class="subtitle">Document details</span>
  88.                     <table class="amountTable table">
  89.                         <thead>
  90.                             <tr>
  91.                                 <th>Type</th>
  92.                                 <th>No.</th>
  93.                                 <th>Amount</th>
  94.                                 <th>Validity</th>
  95.                                 <th>Balance</th>
  96.                             </tr>
  97.                         </thead>
  98.                         <tbody data-bind="foreach: documents">
  99.                             <tr></tr>
  100.                         </tbody>
  101.                     </table>
  102.                 </div>
  103.             </div>
  104.         </fieldset>
  105.         <fieldset class="fieldsetIndividual">
  106.             <legend class="legendIndividual">Receiver & Payout Details</legend>
  107.             <div class="row">
  108.                 <div class="col-md-3 form-group">
  109.                     <label>Receiver Name</label><select class="form-control" data-bind="value: ''"></select>
  110.                 </div>
  111.                 <div class="col-md-3 form-group">
  112.                     <label>*Payout Country</label><select class="form-control" data-bind="value: ''"></select>
  113.                 </div>
  114.                 <div class="col-md-3 form-group">
  115.                     <label>*Payout Mode</label><select class="form-control" data-bind="value: ''"></select>
  116.                 </div>
  117.                 <div class="col-md-3 form-group">
  118.                     <label>*Payout Curr</label><select class="form-control" data-bind="value: ''"></select>
  119.                 </div>
  120.                 <div class="col-md-3 form-group">
  121.                     <label>*First Name</label><input class="form-control" type="text" data-bind="value: ''" />
  122.                 </div>
  123.                 <div class="col-md-3 form-group">
  124.                     <label>Middle Name</label><input class="form-control" type="text" data-bind="value: ''" />
  125.                 </div>
  126.                 <div class="col-md-3 form-group">
  127.                     <label>*Last Name</label><input class="form-control" type="text" data-bind="value: ''" />
  128.                 </div>
  129.                 <div class="col-md-3 form-group">
  130.                     <label>*Address</label><input class="form-control" type="text" data-bind="value: ''" />
  131.                 </div>
  132.                 <div class="col-md-3 form-group">
  133.                     <label>*Nationality</label><select class="form-control" data-bind="value: ''"></select>
  134.                 </div>
  135.                 <div class="col-md-3 form-group">
  136.                     <label>*Dial Code</label><select class="form-control" data-bind="value: ''"></select>
  137.                 </div>
  138.                 <div class="col-md-3 form-group">
  139.                     <label>Contact Phone</label><input class="form-control" type="text" data-bind="value: ''" />
  140.                 </div>
  141.                 <div class="col-md-3 form-group">
  142.                     <label>Contact Phone</label><input class="form-control" type="text" data-bind="value: ''" />
  143.                 </div>
  144.                 <div class="col-md-3 form-group">
  145.                     <label>*Relationship</label><select class="form-control" data-bind="value: ''"></select>
  146.                 </div>
  147.             </div>
  148.             <div class="row">
  149.                 <div class="col-md-3">
  150.                     <button class="btn" type="button">Add New</button>
  151.                 </div>
  152.             </div>
  153.         </fieldset>
  154.         <fieldset class="fieldsetIndividual">
  155.             <legend class="legendIndividual">Send Amount Details</legend>
  156.             <div class="row">
  157.                 <div class="col-md-3">
  158.                     <div class="input-group form-group">
  159.                         <span class="input-group-btn">
  160.                             <select class="form-control">
  161.                                 <option>Send Amount</option>
  162.                                 <option>Receive Amount</option>
  163.                             </select></span>
  164.                         <input type="text" class="form-control" />
  165.                         <span class="input-group-btn">
  166.                             <button class="btn">Inquiry</button>
  167.                         </span>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.             <div class="row">
  172.                 <div class="col-md-3 form-group">
  173.                     <label>* Collection Mode</label>
  174.                     <div class="input-group">
  175.                         <select class="form-control">
  176.                             <option>Cash</option>
  177.                             <option>Bank</option>
  178.                         </select>
  179.                         <span class="input-group-btn">
  180.                             <select class="form-control">
  181.                                 <option>MYR</option>
  182.                                 <option>USD</option>
  183.                                 <option>NPR</option>
  184.                             </select>
  185.                         </span>
  186.                     </div>
  187.                 </div>
  188.             </div>
  189.             <div class="row">
  190.                 <div class="col-md-6">
  191.                     <table class="amountTable table">
  192.                         <thead>
  193.                             <tr>
  194.                                 <th>Collection</th>
  195.                                 <th>Mode</th>
  196.                                 <th>Collection</th>
  197.                                 <th>Amount</th>
  198.                                 <th>Bank</th>
  199.                                 <th>Name</th>
  200.                                 <th>A/C</th>
  201.                                 <th>No</th>
  202.                                 <th>Bank</th>
  203.                                 <th>Date</th>
  204.                                 <th>Remove</th>
  205.                             </tr>
  206.                         </thead>
  207.                         <tbody>
  208.                         </tbody>
  209.                     </table>
  210.                 </div>
  211.             </div>
  212.             <div class="row">
  213.                 <div class="col-md-3 form-group">
  214.                     <label>* Deposit Amount</label>
  215.                     <div class="input-group">
  216.                         <input type="text" class="form-control" />
  217.                         <span class="input-group-btn">
  218.                             <button class="btn" type="button">+</button>
  219.                         </span>
  220.                     </div>
  221.                 </div>
  222.                 <div class="col-md-3 form-group">
  223.                     <label>* Purpose or Remittance</label>
  224.                     <select class="form-control"></select>
  225.                 </div>
  226.             </div>
  227.             <div class="row">
  228.                 <div class="col-md-6">
  229.                     <table class="amountTable table">
  230.                         <thead>
  231.                             <tr>
  232.                                 <th>Deposit</th>
  233.                                 <th>Amt</th>
  234.                                 <th>Service</th>
  235.                                 <th>Charge</th>
  236.                                 <th>Payable</th>
  237.                                 <th>Amt</th>
  238.                                 <th>Rate</th>
  239.                                 <th>Payout</th>
  240.                                 <th>Amt</th>
  241.                             </tr>
  242.                         </thead>
  243.                         <tbody>
  244.                         </tbody>
  245.                     </table>
  246.                 </div>
  247.                 <div class="col-md-3">
  248.                     <button class="btn" type="button">Calculate</button>
  249.                 </div>
  250.             </div>
  251.             <div class="row">
  252.                 <div class="col-md-12">
  253.                     <h4>Manual Red Flags</h4>
  254.                     <div>
  255.                         <label>
  256.                             <input type="checkbox" />
  257.                             Customer is looking suspicious, asking strange question or acting nervous at the time of transaction
  258.                         </label>
  259.                     </div>
  260.                     <div>
  261.                         <label>
  262.                             <input type="checkbox" />
  263.                             Customer is asking many question about record keeping and compliance requirements
  264.                         </label>
  265.                     </div>
  266.                 </div>
  267.             </div>
  268.             <div class="row">
  269.                 <div class="col-md-3 form-group">
  270.                     <label>Additional info</label>
  271.                     <input type="text" class="form-control" />
  272.                 </div>
  273.                 <div class="col-md-3 form-group">
  274.                     <label>
  275.                         Fill ECDD Details
  276.                         <input type="checkbox" />
  277.                     </label>
  278.                 </div>
  279.             </div>
  280.         </fieldset>
  281.     </div>
  282.  
  283.     <div id="modal-verif" class="modal fade" role="dialog">
  284.         <div class="modal-dialog">
  285.  
  286.             <!-- Modal content-->
  287.             <div class="modal-content">
  288.                 <div class="modal-header">
  289.                     <button type="button" class="close" data-dismiss="modal">&times;</button>
  290.                     <h4 class="modal-title">Modal Header</h4>
  291.                 </div>
  292.                 <div class="modal-body">
  293.                     <p>Some text in the modal.</p>
  294.                 </div>
  295.                 <div class="modal-footer">
  296.                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  297.                 </div>
  298.             </div>
  299.  
  300.         </div>
  301.     </div>
  302.  
  303. </asp:Content>
  304.  
  305. <asp:Content ID="ScriptsContent" ContentPlaceHolderID="ScriptsContentPlaceHolder" runat="server">
  306.     <script type="text/javascript" src="../Scripts/Library/knockout.js"></script>
  307.     <%--    <script type="text/javascript" src="../Scripts/cslip.js"></script>--%>
  308.     <script type="text/javascript" src="../css/bootstrap.min.js"></script>
  309.     <script type="text/javascript" src="../Scripts/Forms/usr-remittance-wu.js"></script>
  310. </asp:Content>
  311.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement