Open-ILS/web/templates/default/opac/myopac/main_pay.tt2

   1 [%  PROCESS "default/opac/parts/header.tt2";
   2     PROCESS "default/opac/parts/misc_util.tt2";
   3     WRAPPER "default/opac/parts/myopac/main_base.tt2";
   4     myopac_page = "main";
   5     myopac_main_page = "pay";
   6
   7     # XXX When we get no parameters, we're in "pay everything" mode.
   8     # When we get paramters, they refer to the fines that we'll be paying
   9 %]
  10 <div id="pay_fines_now">
  11     <table id='oils-selfck-cc-payment-table'>
  12         <tbody>
  13             <tr>
  14                 <td><div style="width:129px;"></div></td>
  15                 <td><div style="width:195px;"></div></td>
  16                 <td><div style="width:324px;"></div></td>
  17             </tr>
  18             <tr>
  19                 <td colspan='2'><strong>Billing Information</strong></td>
  20                 <td rowspan='13' valign='top'>
  21                     Selected fines you are paying for:
  22                     <table cellpadding="0" cellspacing="5" border="0">
  23                         <thead>
  24                             <tr>
  25                                 <td>
  26                                     <strong>Name</strong>
  27                                 </td>
  28                                 <td>
  29                                     <strong>Amount</strong>
  30                                 </td>
  31                             </tr>
  32                         </thead>
  33                         <tbody id="selectedFines">
  34                         </tbody>
  35                     </table>
  36                     <br />
  37                     <div id='oils-selfck-cc-payment-summary'>
  38                         Total amount to pay:
  39                         <strong>$<span></span></strong>
  40                     </div>
  41                     <br />
  42                     Click <strong>Cancel</strong> to go back and (un)select
  43                     other fines.
  44                 </td>
  45             </tr>
  46             <tr>
  47                 <td>First Name</td>
  48                 <td><input jsId='oilsSelfckCCFName' /></td>
  49             </tr>
  50             <tr>
  51                 <td>Last Name</td>
  52                 <td><input jsId='oilsSelfckCCLName' /></td>
  53             </tr>
  54             <tr>
  55                 <td>Street Address</td>
  56                 <td><input jsId='oilsSelfckCCStreet' /></td>
  57             </tr>
  58             <tr>
  59                 <td>City</td>
  60                 <td><input jsId='oilsSelfckCCCity' /></td>
  61             </tr>
  62             <tr>
  63                 <td>State or Province</td>
  64                 <td><input jsId='oilsSelfckCCState' /></td>
  65             </tr>
  66             <tr>
  67                 <td>ZIP or Postal Code</td>
  68                 <td><input jsId='oilsSelfckCCZip' /></td>
  69             </tr>
  70             <tr>
  71               <td colspan='2'><strong>Credit Card Information</strong></td>
  72             </tr>
  73             <!-- Technically not needed since card type is derived from the CC number
  74             <tr>
  75                 <td>Type of Card</td>
  76                 <td>
  77                     <select jsId='oilsSelfckCCType' required='true'>
  78                         <option value='VISA'>VISA</option>
  79                         <option value='MasterCard'>MasterCard</option>
  80                         <option value='American Express'>American Express</option>
  81                     </select>
  82                 </td>
  83             </tr>
  84             -->
  85             <tr>
  86                 <td>Credit Card #</td>
  87                 <td><input jsId='oilsSelfckCCNumber' /></td>
  88             </tr>
  89             <tr>
  90                 <td>
  91                     <div style="position:absolute;">
  92                         <div style="position:relative;left:80px;">
  93                             <a href="#"><img
  94                                 src="[% ctx.media_prefix %]/images/question-mark.png" /></a>
  95                         </div>
  96                     </div>
  97                     Security Code
  98                 </td>
  99                 <td>
 100                     <input jsId='oilsSelfckCCCVV' />
 101                 </td>
 102             </tr>
 103             <tr>
 104                 <td>Exipration Month</td>
 105                 <td>
 106                     <select jsId='oilsSelfckCCMonth'>
 107                         <option value='01' selected='selected'>January</option>
 108                         <option value='02'>February</option>
 109                         <option value='03'>March</option>
 110                         <option value='04'>April</option>
 111                         <option value='05'>May</option>
 112                         <option value='06'>June</option>
 113                         <option value='07'>July</option>
 114                         <option value='08'>August</option>
 115                         <option value='09'>September</option>
 116                         <option value='10'>October</option>
 117                         <option value='11'>November</option>
 118                         <option value='12'>December</option>
 119                     </select>
 120                 </td>
 121             </tr>
 122             <tr>
 123                 <td>Expiration Year</td>
 124                 <td>
 125                   <select jsId='oilsSelfckCCYear'>
 126                     <option value='2011'>2011</option>
 127                     <option value='2012'>2012</option>
 128                     <option value='2013'>2013</option>
 129                     <option value='2014'>2014</option>
 130                     <option value='2015'>2015</option>
 131                     <option value='2016'>2016</option>
 132                     <option value='2017'>2017</option>
 133                     <option value='2018'>2018</option>
 134                     <option value='2019'>2019</option>
 135                   </select>
 136                 </td>
 137             </tr>
 138             <tr class="hide_me">
 139                 <td>Edit Billing Address</td>
 140                 <td>
 141                     <input jsId='oilsSelfckEditDetails'/>
 142                 </td>
 143             </tr>
 144             <tr>
 145                 <td colspan='2' align="center">
 146                     <button jsId='oilsSelfckCCSubmit'>
 147                         Submit Payment
 148                     </button>
 149                     <button>
 150                         Cancel
 151                     </button>
 152                 </td>
 153             </tr>
 154             [% INCLUDE "default/opac/myopac/main_refund_policy.tt2" %]
 155         </tbody>
 156     </table>
 157 </div>
 158 [% END %]