template.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="keywords" content="" />
  5. <meta name="description" content="" />
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <title>Тинькофф</title>
  8. <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
  9. <script src="https://securepay.tinkoff.ru/html/payForm/js/tinkoff.js"></script>
  10. <script type="text/javascript">
  11. function makePaymentWithWidget(amount, orderId, description, name, email, phone) {
  12. var now = new Date();
  13. var params = {
  14. TerminalKey: "<?=$merchant_id; ?>",
  15. Amount: amount*100,
  16. OrderId: orderId + '_' + now.getTime(),
  17. Description: description,
  18. DATA: "Email=" + email + "|Phone=" + phone + "|Name=" + name,
  19. Frame: true
  20. };
  21. doPay(params);
  22. }
  23. </script>
  24. <style> .tinkoffPayRow { display: block; margin: 1%; width: 160px; } </style>
  25. </head>
  26. <body>
  27. <div id="wrapper">
  28. <div id="header" class="container">
  29. <div id="logo">
  30. <h1></h1>
  31. <p><?=$merchant_service; ?></p>
  32. </div>
  33. <div id="menu">
  34. <ul>
  35. <li><a href="<?= $merchant_url; ?>"><?=$merchant_name; ?></a></li>
  36. <li><a href="<?= $support_link; ?>">Помощь</a></li>
  37. </ul>
  38. </div>
  39. </div>
  40. <!-- end #header -->
  41. <div id="page" class="container">
  42. <div id="content">
  43. <div class="post">
  44. <div class="entry">
  45. <form name="TinkoffPayForm">
  46. <table><tbody>
  47. <tr><td><label>Платежный ID:* </label></td><td><input class="tinkoffPayRow" type="text" placeholder="Платежный ID" name="payOrder" value="<?= $customer_id; ?>"></td></tr>
  48. <tr><td><label>Сумма:* </label></td><td><input class="tinkoffPayRow" type="text" placeholder="Абонентская плата" name="paySum" value="750"></td><td>руб.</td></tr>
  49. <tr><td><label>Комментарий: </label></td><td><textarea class="tinkoffPayRow" type="text" placeholder="Комментарий" name="payDescr"></textarea></td></tr>
  50. <tr><td><label>ФИО плательщика: </label></td><td><input class="tinkoffPayRow" type="text" placeholder="ФИО плательщика" name="payName"></td></tr>
  51. <tr><td><label>E-mail: </label></td><td><input class="tinkoffPayRow" type="text" placeholder="E-mail" name="payEmail"></td></tr>
  52. <tr><td><label>Контактный телефон: </label></td><td><input class="tinkoffPayRow" type="text" placeholder="Контактный телефон" name="payPhone"></td></tr>
  53. <tr><td></td><td>
  54. <input type="button"
  55. onclick="makePaymentWithWidget(document.TinkoffPayForm.paySum.value,
  56. document.TinkoffPayForm.payOrder.value,
  57. document.TinkoffPayForm.payDescr.value,
  58. document.TinkoffPayForm.payName.value,
  59. document.TinkoffPayForm.payEmail.value,
  60. document.TinkoffPayForm.payPhone.value)"
  61. value="Оплатить">
  62. </td><tr>
  63. </tbody></table>
  64. <p>Внимание! Обязательными для заполнения являются только пункты, отмеченные звездочкой.</p>
  65. </form>
  66. </div>
  67. </div>
  68. <div style="clear: both;">&nbsp;</div>
  69. </div>
  70. <!-- end #content -->
  71. <div id="sidebar">
  72. <ul>
  73. <li>
  74. <img src="<?= $merchant_logo; ?>">
  75. </li>
  76. </ul>
  77. </div>
  78. <!-- end #sidebar -->
  79. <div style="clear: both;">&nbsp;</div>
  80. </div>
  81. <!-- end #page -->
  82. </div>
  83. <div id="footer-content" class="container">
  84. <div id="footer-bg">
  85. <div id="column1"> Powered by <a href="<?= $merchant_url; ?>"><?=$merchant_name; ?></a></div>
  86. <div id="column2"></div>
  87. <div id="column3"></div>
  88. </div>
  89. </div>
  90. <div id="footer"></div>
  91. <!-- end #footer -->
  92. </body>
  93. </html>