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.

530 lines
29 KiB

  1. <%@ Page Title="" Language="C#" MasterPageFile="~/AgentNew/AgentMain.Master" AutoEventWireup="true" CodeBehind="SendTransaction.aspx.cs" Inherits="Swift.web.AgentNew.Transaction.SendTransaction" %>
  2. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
  3. </asp:Content>
  4. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  5. <div class="page-wrapper">
  6. <div class="row">
  7. <div class="col-sm-12">
  8. <div class="page-title">
  9. <h1></h1>
  10. <asp:HiddenField ID="hideCustomerId" runat="server" />
  11. <ol class="breadcrumb">
  12. <li><a href="/AgentNew/Dashboard.aspx"><i class="fa fa-home"></i></a></li>
  13. <li><a href="#">Transaction </a></li>
  14. <li><a href="#">Send Transaction</a></li>
  15. </ol>
  16. </div>
  17. </div>
  18. </div>
  19. <div class="wizard">
  20. <div class="wizard-inner">
  21. <div class="connecting-line"></div>
  22. <ul class="nav nav-tabs" role="tablist">
  23. <li role="presentation" class="active">
  24. <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="">
  25. <span class="round-tab">
  26. <i class="fa fa-user" aria-hidden="true"></i>
  27. </span>
  28. </a>
  29. </li>
  30. <li role="presentation" class="disabled">
  31. <a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="">
  32. <span class="round-tab">
  33. <i class="fa fa-user" aria-hidden="true"></i>
  34. </span>
  35. </a>
  36. </li>
  37. <li role="presentation" class="disabled">
  38. <a href="#step3" data-toggle="tab" aria-controls="step3" role="tab" title="">
  39. <span class="round-tab">
  40. <i class="fa fa-file-text-o" aria-hidden="true"></i>
  41. </span>
  42. </a>
  43. </li>
  44. <li role="presentation" class="disabled">
  45. <a href="#step4" data-toggle="tab" aria-controls="step4" role="tab" title="">
  46. <span class="round-tab">
  47. <i class="fa fa-file-text-o" aria-hidden="true"></i>
  48. </span>
  49. </a>
  50. </li>
  51. <li role="presentation" class="disabled">
  52. <a href="#complete" data-toggle="tab" aria-controls="complete" role="tab" title="">
  53. <span class="round-tab">
  54. <i class="fa fa-check" aria-hidden="true"></i>
  55. </span>
  56. </a>
  57. </li>
  58. </ul>
  59. </div>
  60. <div class="tab-content">
  61. <div class="tab-pane active" role="tabpanel" id="step1">
  62. <div class="panel panel-default" style="margin-top: 10px;">
  63. <div class="panel-body">
  64. <div class="row">
  65. <div class="col-sm-4 form-group">
  66. <input type="text" class="form-control" placeholder="">
  67. </div>
  68. <div class="col-sm-4 form-group">
  69. <input type="text" class="form-control" placeholder="">
  70. </div>
  71. <div class="col-sm-4 form-group">
  72. <button type="submit" class="btn btn-primary">Advance</button>
  73. <button type="submit" class="btn btn-default">Clear All</button>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <h3>Sender Information</h3>
  79. <div class="panel panel-default" style="margin-top: 10px;">
  80. <div class="panel-body">
  81. <div class="row">
  82. <div class="col-sm-4 form-group">
  83. <label for="exampleInputEmail1">First Name</label>
  84. <input type="email" class="form-control" placeholder="First Name">
  85. </div>
  86. <div class="col-sm-4 form-group">
  87. <label for="exampleInputEmail1">Middle Name</label>
  88. <input type="email" class="form-control" placeholder="Middle Name">
  89. </div>
  90. <div class="col-sm-4 form-group">
  91. <label for="exampleInputEmail1">Last Name</label>
  92. <input type="email" class="form-control" placeholder="Last Name">
  93. </div>
  94. <div class="col-sm-4 form-group">
  95. <label for="exampleInputEmail1">Zip Code</label>
  96. <input type="email" class="form-control" placeholder="Zip Code">
  97. </div>
  98. <div class="col-sm-4 form-group">
  99. <label for="exampleInputEmail1">Street</label>
  100. <input type="email" class="form-control" placeholder="Street">
  101. </div>
  102. <div class="col-sm-4 form-group">
  103. <label for="exampleInputEmail1">City</label>
  104. <input type="email" class="form-control" placeholder="City">
  105. </div>
  106. <div class="col-sm-4 form-group">
  107. <label for="exampleInputEmail1">State</label>
  108. <select class="form-control">
  109. <option>1</option>
  110. <option>2</option>
  111. <option>3</option>
  112. <option>4</option>
  113. <option>5</option>
  114. </select>
  115. </div>
  116. <div class="col-sm-4 form-group">
  117. <label for="exampleInputEmail1">Mobile</label>
  118. <input type="email" class="form-control" placeholder="Mobile">
  119. </div>
  120. <div class="col-sm-4 form-group">
  121. <label for="exampleInputEmail1">Gender</label>
  122. <select class="form-control">
  123. <option>1</option>
  124. <option>2</option>
  125. <option>3</option>
  126. <option>4</option>
  127. <option>5</option>
  128. </select>
  129. </div>
  130. <div class="col-sm-4 form-group">
  131. <label for="exampleInputEmail1">Native Country</label>
  132. <input type="email" class="form-control" placeholder="Native Country">
  133. </div>
  134. <div class="col-sm-4 form-group">
  135. <label for="exampleInputEmail1">Monthly Income</label>
  136. <select class="form-control">
  137. <option>1</option>
  138. <option>2</option>
  139. <option>3</option>
  140. <option>4</option>
  141. <option>5</option>
  142. </select>
  143. </div>
  144. <div class="col-sm-4 form-group">
  145. <label for="exampleInputEmail1">Email</label>
  146. <input type="email" class="form-control" placeholder="Email">
  147. </div>
  148. <div class="col-sm-4 form-group">
  149. <label for="exampleInputEmail1">Customer Type</label>
  150. <input type="email" class="form-control" placeholder="Customer Type">
  151. </div>
  152. <div class="col-sm-4 form-group">
  153. <label for="exampleInputEmail1">Company Name</label>
  154. <input type="email" class="form-control" placeholder="Company Name">
  155. </div>
  156. <div class="col-sm-4 form-group">
  157. <label for="exampleInputEmail1">Business Type</label>
  158. <select class="form-control">
  159. <option>1</option>
  160. <option>2</option>
  161. <option>3</option>
  162. <option>4</option>
  163. <option>5</option>
  164. </select>
  165. </div>
  166. <div class="col-sm-4 form-group">
  167. <label for="exampleInputEmail1">Id Type</label>
  168. <select class="form-control">
  169. <option>1</option>
  170. <option>2</option>
  171. <option>3</option>
  172. <option>4</option>
  173. <option>5</option>
  174. </select>
  175. </div>
  176. <div class="col-sm-4 form-group">
  177. <label for="exampleInputEmail1">ID Number</label>
  178. <input type="email" class="form-control" placeholder="ID Number">
  179. </div>
  180. <div class="col-sm-4 form-group">
  181. <label for="exampleInputEmail1">Place of Issue</label>
  182. <select class="form-control">
  183. <option>1</option>
  184. <option>2</option>
  185. <option>3</option>
  186. <option>4</option>
  187. <option>5</option>
  188. </select>
  189. </div>
  190. <div class="col-sm-4 form-group">
  191. <label for="exampleInputEmail1">Issued Date</label>
  192. <input type="email" class="form-control" placeholder="Issued Date">
  193. </div>
  194. <div class="col-sm-4 form-group">
  195. <label for="exampleInputEmail1">Occupation</label>
  196. <select class="form-control">
  197. <option>1</option>
  198. <option>2</option>
  199. <option>3</option>
  200. <option>4</option>
  201. <option>5</option>
  202. </select>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <ul class="list-inline pull-right">
  208. <li>
  209. <button type="button" class="btn btn-primary next-step">Save and continue</button>
  210. </li>
  211. </ul>
  212. </div>
  213. <div class="tab-pane" role="tabpanel" id="step2">
  214. <h3>Receiver Information</h3>
  215. <div class="panel panel-default" style="margin-top: 10px;">
  216. <div class="panel-body">
  217. <div class="row">
  218. <div class="col-sm-4 form-group">
  219. <label for="exampleInputEmail1">Choose Receiver</label>
  220. <input type="email" class="form-control" placeholder="Choose Receiver">
  221. </div>
  222. </div>
  223. <div class="row">
  224. <div class="col-sm-4 form-group">
  225. <label for="exampleInputEmail1">First Name</label>
  226. <input type="email" class="form-control" placeholder="First Name">
  227. </div>
  228. <div class="col-sm-4 form-group">
  229. <label for="exampleInputEmail1">Middle Name</label>
  230. <input type="email" class="form-control" placeholder="Middle Name">
  231. </div>
  232. <div class="col-sm-4 form-group">
  233. <label for="exampleInputEmail1">Last Name</label>
  234. <input type="email" class="form-control" placeholder="Last Name">
  235. </div>
  236. <div class="col-sm-4 form-group">
  237. <label for="exampleInputEmail1">Address</label>
  238. <input type="email" class="form-control" placeholder="Address">
  239. </div>
  240. <div class="col-sm-4 form-group">
  241. <label for="exampleInputEmail1">Mobile No.</label>
  242. <input type="email" class="form-control" placeholder="Mobile No.">
  243. </div>
  244. <div class="col-sm-4 form-group">
  245. <label for="exampleInputEmail1">ID Type</label>
  246. <select class="form-control">
  247. <option>1</option>
  248. <option>2</option>
  249. <option>3</option>
  250. <option>4</option>
  251. <option>5</option>
  252. </select>
  253. </div>
  254. <div class="col-sm-4 form-group">
  255. <label for="exampleInputEmail1">ID No.</label>
  256. <input type="email" class="form-control" placeholder="ID No.">
  257. </div>
  258. <div class="col-sm-4 form-group">
  259. <label for="exampleInputEmail1">Gender</label>
  260. <select class="form-control">
  261. <option>1</option>
  262. <option>2</option>
  263. <option>3</option>
  264. <option>4</option>
  265. <option>5</option>
  266. </select>
  267. </div>
  268. <div class="col-sm-4 form-group">
  269. <label for="exampleInputEmail1">Email</label>
  270. <input type="email" class="form-control" placeholder="Email">
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <ul class="list-inline pull-right">
  276. <li>
  277. <button type="button" class="btn btn-default prev-step">Previous</button>
  278. </li>
  279. <li>
  280. <button type="button" class="btn btn-primary next-step">Save and continue</button>
  281. </li>
  282. </ul>
  283. </div>
  284. <div class="tab-pane" role="tabpanel" id="step3">
  285. <h3>Transaction Information</h3>
  286. <div class="panel panel-default" style="margin-top: 10px;">
  287. <div class="panel-body">
  288. <div class="row">
  289. <div class="col-sm-4 form-group">
  290. <label for="exampleInputEmail1">Collection Mode</label>
  291. <div class="checkbox">
  292. <label>
  293. <input type="checkbox" value="">
  294. Cash
  295. </label>
  296. <label>
  297. <input type="checkbox" value="">
  298. Bank Deposite
  299. </label>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="row">
  304. <div class="col-sm-4 form-group">
  305. <label for="exampleInputEmail1">Receiving Country</label>
  306. <select class="form-control">
  307. <option>1</option>
  308. <option>2</option>
  309. <option>3</option>
  310. <option>4</option>
  311. <option>5</option>
  312. </select>
  313. </div>
  314. <div class="col-sm-4 form-group">
  315. <label for="exampleInputEmail1">Receving Mode</label>
  316. <input type="email" class="form-control" placeholder="Receving Mode">
  317. </div>
  318. <div class="col-sm-4 form-group">
  319. <label for="exampleInputEmail1">Agent/Bank</label>
  320. <select class="form-control">
  321. <option>1</option>
  322. <option>2</option>
  323. <option>3</option>
  324. <option>4</option>
  325. <option>5</option>
  326. </select>
  327. </div>
  328. <div class="col-sm-4 form-group">
  329. <label for="exampleInputEmail1">Payout Currency</label>
  330. <select class="form-control">
  331. <option>1</option>
  332. <option>2</option>
  333. <option>3</option>
  334. <option>4</option>
  335. <option>5</option>
  336. </select>
  337. </div>
  338. <div class="col-sm-4 form-group">
  339. <label for="exampleInputEmail1">Sending Amount</label>
  340. <input type="email" class="form-control" placeholder="Sending Amount">
  341. </div>
  342. <div class="col-sm-4 form-group">
  343. <label for="exampleInputEmail1">Collection Amount</label>
  344. <input type="email" class="form-control" placeholder="Collection Amount">
  345. </div>
  346. <div class="col-sm-4 form-group">
  347. <label for="exampleInputEmail1">Service Charge</label>
  348. <input type="email" class="form-control" placeholder="Service Charge">
  349. </div>
  350. <div class="col-sm-4 form-group">
  351. <label for="exampleInputEmail1">Payout Amount</label>
  352. <input type="email" class="form-control" placeholder="Payout Amount">
  353. </div>
  354. <div class="col-md-12">
  355. <button type="submit" class="btn btn-primary">Calculate</button>
  356. <button type="submit" class="btn btn-default">Clear</button>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361. <ul class="list-inline pull-right">
  362. <li>
  363. <button type="button" class="btn btn-default prev-step">Previous</button>
  364. </li>
  365. <!-- <li>
  366. <button type="button" class="btn btn-default next-step">Skip</button>
  367. </li> -->
  368. <li>
  369. <button type="button" class="btn btn-primary btn-info-full next-step">Save and continue</button>
  370. </li>
  371. </ul>
  372. </div>
  373. <div class="tab-pane" role="tabpanel" id="step4">
  374. <h3>Customer Due Diligence Information -(CDDI)</h3>
  375. <div class="panel panel-default" style="margin-top: 10px;">
  376. <div class="panel-body">
  377. <div class="row">
  378. <div class="col-sm-4 form-group">
  379. <label for="exampleInputEmail1">Purpose of Remittance</label>
  380. <select class="form-control">
  381. <option>1</option>
  382. <option>2</option>
  383. <option>3</option>
  384. <option>4</option>
  385. <option>5</option>
  386. </select>
  387. </div>
  388. <div class="col-sm-4 form-group">
  389. <label for="exampleInputEmail1">Source of Fund</label>
  390. <select class="form-control">
  391. <option>1</option>
  392. <option>2</option>
  393. <option>3</option>
  394. <option>4</option>
  395. <option>5</option>
  396. </select>
  397. </div>
  398. <div class="col-sm-4 form-group">
  399. <label for="exampleInputEmail1">Relationship with Receiver</label>
  400. <select class="form-control">
  401. <option>1</option>
  402. <option>2</option>
  403. <option>3</option>
  404. <option>4</option>
  405. <option>5</option>
  406. </select>
  407. </div>
  408. <div class="col-md-12 form-group">
  409. <label for="exampleInputEmail1">Message to Receiver</label>
  410. <textarea class="form-control" rows="3"></textarea>
  411. </div>
  412. <div class="col-md-12">
  413. <button type="submit" class="btn btn-primary">Send Transaction</button>
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418. <ul class="list-inline pull-right">
  419. <li>
  420. <button type="button" class="btn btn-default prev-step">Previous</button>
  421. </li>
  422. <!-- <li>
  423. <button type="button" class="btn btn-default next-step">Skip</button>
  424. </li> -->
  425. <li>
  426. <button type="button" class="btn btn-primary btn-info-full next-step">Save and continue</button>
  427. </li>
  428. </ul>
  429. </div>
  430. <div class="tab-pane" role="tabpanel" id="complete">
  431. <h3>Customer Due Diligence Information</h3>
  432. <div class="panel panel-default" style="margin-top: 10px;">
  433. <!-- <div class="panel-heading">
  434. Customer Due Diligence Information
  435. </div> -->
  436. <div class="panel-body">
  437. <div class="row">
  438. <div class="col-sm-4 form-group">
  439. <label for="exampleInputEmail1">Purpose of Remittance</label>
  440. <select class="form-control">
  441. <option>1</option>
  442. <option>2</option>
  443. <option>3</option>
  444. <option>4</option>
  445. <option>5</option>
  446. </select>
  447. </div>
  448. <div class="col-sm-4 form-group">
  449. <label for="exampleInputEmail1">Source of Fund</label>
  450. <select class="form-control">
  451. <option>1</option>
  452. <option>2</option>
  453. <option>3</option>
  454. <option>4</option>
  455. <option>5</option>
  456. </select>
  457. </div>
  458. <div class="col-sm-4 form-group">
  459. <label for="exampleInputEmail1">Relationship with Receiver</label>
  460. <select class="form-control">
  461. <option>1</option>
  462. <option>2</option>
  463. <option>3</option>
  464. <option>4</option>
  465. <option>5</option>
  466. </select>
  467. </div>
  468. <div class="col-md-12 form-group">
  469. <label for="exampleInputEmail1">Message to Receiver</label>
  470. <textarea class="form-control" rows="3"></textarea>
  471. </div>
  472. <div class="col-md-12">
  473. <button type="submit" class="btn btn-primary">Send Transaction</button>
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. <ul class="list-inline pull-right">
  479. <li>
  480. <button type="button" class="btn btn-default prev-step">Previous</button>
  481. </li>
  482. <!-- <li>
  483. <button type="button" class="btn btn-default next-step">Skip</button>
  484. </li> -->
  485. <li>
  486. <button type="button" class="btn btn-primary btn-info-full next-step">Save and continue</button>
  487. </li>
  488. </ul>
  489. <div class="clearfix"></div>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. </asp:Content>