Bug 29971: Remember selections across patron search pages
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / members / paycollect.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Koha %]
4 [% USE Branches %]
5 [% USE Registers %]
6 [% USE Price %]
7 [% SET footerjs = 1 %]
8 [% PROCESS 'accounts.inc' %]
9 [% INCLUDE 'doc-head-open.inc' %]
10 [% BLOCK cash_register_required %]
11     <div id="error_message" class="dialog message">
12         <p>
13             You must have at least one cash register associated with the library before you can record payments.
14         </p>
15         [% IF ( CAN_user_parameters_manage_cash_registers ) %]
16             <form action="/cgi-bin/koha/admin/cash_registers.pl" method="get">
17                 <input type="hidden" name="op" value="add_form" />
18                 <button class="new" type="submit"><i class="fa fa-plus"></i> Create a new cash register</button>
19             </form>
20         [% END %]
21     </div>
22 [% END %]
23 [% SET registers = Registers.all( filters => { current_branch => 1 } ) %]
24 <title>
25     [% IF type == 'WRITEOFF' %]
26         Write off an amount for [% INCLUDE 'patron-title.inc' no_html = 1 %]
27     [% ELSE %]
28         Collect fine payment for [% INCLUDE 'patron-title.inc' no_html = 1 %]
29     [% END %] &rsaquo; Patrons &rsaquo; Koha
30 </title>
31 [% INCLUDE 'doc-head-close.inc' %]
32 </head>
33
34 <body id="pat_paycollect" class="pat">
35 [% INCLUDE 'header.inc' %]
36 [% INCLUDE 'patron-search-header.inc' %]
37
38 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
39     <ol>
40         <li>
41             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
42         </li>
43         <li>
44             <a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>
45         </li>
46         <li>
47             <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | uri %]">Pay charges for [% INCLUDE 'patron-title.inc' %]</a>
48         </li>
49         <li>
50             <a href="#" aria-current="page">
51                 [% IF ( pay_individual ) %]
52                     <span>Pay an individual fine</span>
53                 [% ELSIF ( writeoff_individual ) %]
54                     <span>Write off an individual fine</span>
55                 [% ELSE %]
56                     [% IF ( selected_accts ) %]
57                         [% IF type == 'WRITEOFF' %]
58                             <span>Write off an amount toward selected fines</span>
59                         [% ELSE %]
60                             <span>Pay an amount toward selected fines</span>
61                         [% END %]
62                     [% ELSE %]
63                         <span>Pay an amount toward all fines</span>
64                     [% END %]
65                 [% END %]
66             </a>
67         </li>
68     </ol>
69 </nav>
70
71 <div class="main container-fluid">
72     <div class="row">
73         <div class="col-sm-10 col-sm-push-2">
74             <main>
75
76             <h1>
77                 [% IF ( pay_individual ) %]
78                     <span>Pay an individual fine</span>
79                 [% ELSIF ( writeoff_individual ) %]
80                     <span>Write off an individual fine</span>
81                 [% ELSE %]
82                     [% IF ( selected_accts ) %]
83                         [% IF type == 'WRITEOFF' %]
84                             <span>Write off an amount toward selected fines</span>
85                         [% ELSE %]
86                             <span>Pay an amount toward selected fines</span>
87                         [% END %]
88                     [% ELSE %]
89                         <span>Pay an amount toward all fines</span>
90                     [% END %]
91                 [% END %]
92             </h1>
93
94 [% INCLUDE 'members-toolbar.inc' borrowernumber=patron.borrowernumber %]
95
96 <!-- The manual invoice and credit buttons -->
97 <div class="statictabs">
98 <ul>
99     <li>
100     <a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=[% patron.borrowernumber | uri %]">Transactions</a>
101     </li>
102     <li class="active">
103     <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Make a payment</a>
104     </li>
105     <li>
106     <a href="/cgi-bin/koha/members/maninvoice.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual invoice</a>
107     </li>
108     <li>
109     <a href="/cgi-bin/koha/members/mancredit.pl?borrowernumber=[% patron.borrowernumber | uri %]" >Create manual credit</a>
110     </li>
111 </ul>
112 <div class="tabs-container">
113 [% IF ( error_over ) %]
114     <div id="error_message" class="dialog alert">
115     You must pay a value less than or equal to [% total_due | $Price %].
116     </div>
117 [% END %]
118 [% IF ( error_under ) %]
119     <div id="error_message" class="dialog alert">
120     You must collect a value greater than or equal to [% total_paid | $Price %].
121     </div>
122 [% END %]
123
124 [% IF ( pay_individual ) %]
125     [% IF Koha.Preference('UseCashRegisters') && ( registers.size == 0 ) %]
126         [% PROCESS 'cash_register_required' %]
127     [% ELSE %]
128
129     <ul class="nav nav-pills">
130         <li role="presentation" class="active"><a>Pay</a></li>
131         <li role="presentation"><a href="/cgi-bin/koha/members/paycollect.pl?writeoff_individual=1&borrowernumber=[% patron.borrowernumber | uri %]&debit_type_code=[% debit_type_code | uri %]&amount=[% amount | uri %]&amountoutstanding=[% amountoutstanding | uri %]&description=[% individual_description | uri %]&itemnumber=[% itemnumber | uri %]&accountlines_id=[% accountlines_id | uri %]&payment_note=[% payment_note | uri %]">Write off</a></li>
132     </ul>
133
134     <form name="payindivfine" id="payindivfine" method="post" action="/cgi-bin/koha/members/paycollect.pl">
135     <input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
136     <input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" />
137     <input type="hidden" name="pay_individual" id="pay_individual" value="[% pay_individual | html %]" />
138     <input type="hidden" name="itemnumber" id="itemnumber" value="[% itemnumber | html %]" />
139     <input type="hidden" name="description" id="description" value="[% individual_description | html %]" />
140     <input type="hidden" name="debit_type_code" id="debit_type_code" value="[% debit_type_code | html %]" />
141     <input type="hidden" name="amount" id="amount" value="[% amount | html %]" />
142     <input type="hidden" name="amountoutstanding" id="amountoutstanding" value="[% amountoutstanding | html %]" />
143     <input type="hidden" name="accountlines_id" id="accountlines_id" value="[% accountlines_id | html %]" />
144     <input type="hidden" name="change_given" id="change_given" />
145
146 <fieldset class="rows">
147     <legend>Pay an individual fine</legend>
148     <input type="hidden" name="payment_note" id="payment_note" value="[% payment_note | html %]" />
149     <table>
150     <thead><tr>
151             <th>Description</th>
152             <th>Account type</th>
153             <th>Amount</th>
154             <th>Amount outstanding</th>
155         </tr></thead>
156     <tfoot>
157         <tr><td colspan="3">Total amount payable:</td><td>[% amountoutstanding | $Price %]</td></tr>
158     </tfoot>
159     <tbody><tr>
160             <td>
161                 [% individual_description | html %]
162             </td>
163             [% line.debit_type_code = debit_type_code %]
164             <td>[% PROCESS account_type_description account=line %]</td>
165             <td class="debit">[% amount | $Price %]</td>
166             <td class="debit">[% amountoutstanding | $Price %]</td>
167         </tr></tbody>
168 </table>
169
170 <ol>
171
172     <li>
173         <label for="paid">Amount being paid: </label>
174         <input name="paid" id="paid" type="text" step="0.01" min="0" value="[% amountoutstanding | $Price on_editing => 1 %]"/>
175     </li>
176     <li>
177         <label for="collected">Amount tendered: </label>
178         <input name="collected" id="collected" type="text" step="0.01" min="0" value="[% amountoutstanding | $Price on_editing => 1 %]"/>
179     </li>
180     <li>
181         <label>Change to give: </label>
182         <span id="change">0.00</span>
183     </li>
184
185     [% INCLUDE 'transaction_types.inc' type="payment" %]
186
187     [% IF Koha.Preference('UseCashRegisters') %]
188     <li>
189         [% IF Koha.Preference('RequireCashRegister') %]
190             <label for="cash_register" class="required">
191         [% ELSE %]
192             <label for="cash_register">
193         [% END %]
194             Cash register:
195         </label>
196
197         [% IF Koha.Preference('RequireCashRegister') %]
198             <select name="cash_register" id="cash_register" required>
199         [% ELSE %]
200             <select name="cash_register" id="cash_register">
201         [% END %]
202             <option id="noregister" disabled selected="selected" value="">-- Select an option--</option>
203             [% PROCESS options_for_registers %]
204         </select>
205
206         [% IF Koha.Preference('RequireCashRegister') %]
207             <span class="required">Required</span>
208         [% END %]
209     </li>
210     [% END %]
211 </ol>
212 </fieldset>
213
214         <div class="action">
215             <input type="submit" name="submitbutton" value="Confirm" />
216             <a class="cancel" href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | html %]">Cancel</a>
217         </div>
218     </form>
219     [% END %]
220 [% ELSIF ( writeoff_individual ) %]
221     <ul class="nav nav-pills">
222         <li role="presentation"><a href="/cgi-bin/koha/members/paycollect.pl?pay_individual=1&borrowernumber=[% patron.borrowernumber | uri %]&debit_type_code=[% debit_type_code | uri %]&amount=[% amount | uri %]&amountoutstanding=[% amountoutstanding | uri %]&description=[% individual_description | uri %]&itemnumber=[% itemnumber | uri %]&accountlines_id=[% accountlines_id | uri %]&payment_note=[% payment_note | uri %]">Pay</a></li>
223         <li role="presentation" class="active"><a>Write off</a></li>
224     </ul>
225
226     <form name="woindivfine" id="woindivfine" action="/cgi-bin/koha/members/pay.pl" method="post" >
227     <input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
228     <fieldset class="rows">
229     <legend>Write off an individual fine</legend>
230     <input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" />
231     <input type="hidden" name="pay_individual" id="pay_individual" value="[% pay_individual | html %]" />
232     <input type="hidden" name="itemnumber" id="itemnumber" value="[% itemnumber | html %]" />
233     <input type="hidden" name="description" id="description" value="[% individual_description | html %]" />
234     <input type="hidden" name="debit_type_code" id="debit_type_code" value="[% debit_type_code | html %]" />
235     <input type="hidden" name="amount" id="amount" value="[% amount | html %]" />
236     <input type="hidden" name="accountlines_id" id="accountlines_id" value="[% accountlines_id | html %]" />
237     <input type="hidden" name="payment_note" id="payment_note" value="[% payment_note | html %]" />
238     <input type="hidden" name="amountoutstanding" id="amountoutstanding" value="[% amountoutstanding | html %]" />
239     <input type="hidden" name="confirm_writeoff" id="confirm_writeoff" value="1" />
240     <input type="hidden" name="change_given" id="change_given" />
241     <table>
242     <thead><tr>
243             <th>Description</th>
244             <th>Account type</th>
245             <th>Amount</th>
246             <th>Amount outstanding</th>
247         </tr></thead>
248     <tfoot><tr><td colspan="3">Total amount outstanding:</td><td>[% amountoutstanding | $Price %]</td></tr></tfoot>
249     <tbody><tr>
250             <td>[% individual_description | html %]</td>
251             [% line.debit_type_code = debit_type_code %]
252             <td>[% PROCESS account_type_description account=line %]</td>
253             <td class="debit">[% amount | $Price %]</td>
254             <td class="debit">[% amountoutstanding | $Price %]</td>
255         </tr></tbody>
256     </table>
257
258             <ol>
259                 <li>
260                     <label for="amountwrittenoff">Writeoff amount: </label>
261                     <!-- default to writing off all -->
262                     <input name="amountwrittenoff" id="amountwrittenoff" value="[% amountoutstanding | $Price on_editing => 1 %]" type="text" />
263                 </li>
264             </ol>
265         </fieldset>
266         <div class="action">
267             <input type="submit" value="Write off this charge" />
268             <a class="cancel" href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | html %]">Cancel</a>
269         </div>
270     </form>
271 [% ELSE %]
272     [% IF Koha.Preference('UseCashRegisters') && ( registers.size == 0 ) && ( type != 'WRITEOFF' ) %]
273         [% PROCESS 'cash_register_required' %]
274     [% ELSE %]
275
276     [% IF selected_accts %]
277         <ul class="nav nav-pills">
278             [% IF type == 'WRITEOFF' %]
279                 <li role="presentation"><a href="/cgi-bin/koha/members/paycollect.pl?borrowernumber=[% patron.borrowernumber | uri %]&type=PAYMENT&amt=[% amt | uri %]&selected=[% selected_accts | uri %]&notes=[% selected_accts_notes | uri %]">Pay</a></li>
280                 <li role="presentation" class="active"><a>Write off</a></li>
281             [% ELSE %]
282                 <li role="presentation" class="active"><a>Pay</a></li>
283                 <li role="presentation"><a href="/cgi-bin/koha/members/paycollect.pl?borrowernumber=[% patron.borrowernumber | uri %]&type=WRITEOFF&amt=[% amt | uri %]&selected=[% selected_accts | uri %]&notes=[% selected_accts_notes | uri %]">Write off</a></li>
284             [% END %]
285         </ul>
286     [% END %]
287
288     <form name="payfine" id="payfine" method="post" action="/cgi-bin/koha/members/paycollect.pl">
289     <input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
290     <input type="hidden" name="borrowernumber" id="borrowernumber" value="[% patron.borrowernumber | html %]" />
291     <input type="hidden" name="selected_accts" id="selected_accts" value="[% selected_accts | html %]" />
292     <input type="hidden" name="total" id="total" value="[% total | html %]" />
293     <input type="hidden" name="type" value="[% type | html %]" />
294     <input type="hidden" name="change_given" id="change_given" />
295
296     <fieldset class="rows">
297     [% IF ( selected_accts ) %]
298         [% IF type == 'WRITEOFF' %]
299             <legend>Write off an amount toward selected fines</legend>
300         [% ELSE %]
301             <legend>Pay an amount toward selected fines</legend>
302         [% END %]
303     [% ELSE %]
304         <legend>Pay an amount toward all fines</legend>
305     [% END %]
306
307     <ol>
308         <li>
309             <span class="label">Total amount outstanding: </span>
310             <span class="debit">[% total | $Price %]</span>
311         </li>
312     <li>
313         [% IF type == 'WRITEOFF' %]
314             <label for="paid">Writeoff amount: </label>
315         [% ELSE %]
316             <label for="paid">Amount being paid: </label>
317         [% END %]
318         <input name="paid" id="paid" type="text" step="0.01" min="0" value="[% total | $Price on_editing => 1 %]"/>
319     </li>
320     [% IF type != 'WRITEOFF' %]
321         <li>
322             <label for="collected">Amount tendered: </label>
323             <input name="collected" id="collected" type="text" step="0.01" min="0" value="[% total | $Price on_editing => 1 %]"/>
324         </li>
325         <li>
326             <label>Change to give: </label>
327             <span id="change">0.00</span>
328         </li>
329
330     [% INCLUDE 'transaction_types.inc' type="payment" %]
331
332     [% IF Koha.Preference('UseCashRegisters') %]
333     <li>
334         <label for="cash_register">Cash register: </label>
335         <select name="cash_register" id="cash_register">
336             <option id="noregister" disabled selected="selected" value="">-- Select an option--</option>
337             [% PROCESS options_for_registers %]
338         </select>
339     </li>
340     [% END %]
341     [% END %]
342
343     <li>
344         <label for="selected_accts_notes">Note: </label>
345         <textarea name="selected_accts_notes" id="selected_accts_notes">[% selected_accts_notes | html %]</textarea>
346     </li>
347     </ol>
348     </fieldset>
349     <div class="action">
350         <input type="submit" name="submitbutton" value="Confirm" />
351         <a class="cancel" href="/cgi-bin/koha/members/pay.pl?borrowernumber=[% patron.borrowernumber | html %]">Cancel</a>
352     </div>
353     </form>
354     [% END %]
355 [% END %]
356 </div></div>
357
358             </main>
359         </div> <!-- /.col-sm-10.col-sm-push-2 -->
360
361         <div class="col-sm-2 col-sm-pull-10">
362             <aside>
363                 [% INCLUDE 'circ-menu.inc' %]
364             </aside>
365         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
366      </div> <!-- /.row -->
367
368 <!-- Modal -->
369 <div id="confirm_change_form" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
370     <div class="modal-dialog">
371         <div class="modal-content">
372             <div class="modal-header">
373                 <h3>The amount collected is more than the outstanding charge</h3>
374             </div>
375             <div class="modal-body">
376                 <p>The amount collected from the patron is higher than the amount to be paid.</p>
377                 <p>The change to give is <strong><span id="modal_change">0.00</span></strong>.</p>
378                 <p>Confirm this payment?</p>
379             </div>
380             <div class="modal-footer">
381                 <button class="btn btn-default approve" id="modal_submit" type="button"><i class="fa fa-check"></i> Yes</button>
382                 <button class="btn btn-default deny cancel" href="#" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i> No</button>
383             </div>
384         </div>
385     </div>
386 </div>
387
388 [% MACRO jsinclude BLOCK %]
389     [% INCLUDE 'str/members-menu.inc' %]
390     [% Asset.js("js/members-menu.js") | $raw %]
391     <script>
392         $(document).ready(function() {
393             [% IF payment_id && Koha.Preference('FinePaymentAutoPopup') %]
394                 window.open('/cgi-bin/koha/members/printfeercpt.pl?action=print&accountlines_id=[% payment_id | html %]&change_given=[% change_given | html %]&borrowernumber=[% patron.borrowernumber | html %]', '_blank');
395             [% END %]
396
397             var forms = $('#payindivfine, #payfine');
398             var change = $('#change')[0];
399
400             $('#payindivfine, #payfine').preventDoubleFormSubmit();
401             $("#paid, #collected").on("change",function() {
402                 moneyFormat( this );
403                 if (change != undefined) {
404                     updateChangeValues();
405                 }
406             });
407
408             if (change != undefined) {
409                 forms.on("submit", function(e) {
410                     if (change.innerHTML > 0.00) {
411                         e.preventDefault();
412                         $("#confirm_change_form").modal("show");
413                     } else {
414                         return true;
415                     }
416                 });
417             }
418
419             $("#confirm_change_form").on("hidden.bs.modal", function(){
420                 // remove class added by preventDoubleFormSubmit if necessary
421                 $("body, form input[type='submit'], form button[type='submit'], form a").removeClass('waiting');
422             });
423
424             $('#modal_submit').click(function() {
425                 forms[0].submit();
426             });
427
428             $( "#payindivfine, #payfine" ).validate({
429                 rules: {
430                     paid: { required: true },
431                     collected: {
432                         required: true
433                     },
434                     [% IF Koha.Preference('UseCashRegisters') %]
435                     cash_register: {
436                         [% IF Koha.Preference('RequireCashRegister') %]
437                             required: true
438                         [% ELSE %]
439                             required: function() {
440                                 return $('#payment_type').val() == 'CASH'
441                             }
442                         [% END %]
443                     }
444                     [% END %]
445                 },
446                 invalidHandler: function(event, validator) {
447                     // reset beenSubmitted for prevenDoubleFormSubmit
448                     event.target.beenSubmitted = false;
449                     // remove class added by preventDoubleFormSubmit
450                     $("body, form input[type='submit'], form button[type='submit'], form a").removeClass('waiting');
451                 }
452             });
453         });
454
455         prevent_default = 1;
456         $('#woindivfine').on('submit', function(e){
457             if ( prevent_default ) {
458                 e.preventDefault();
459
460                 let amount_outstanding = parseFloat( $('#amountoutstanding').attr('value') );
461                 let amount_writeoff = parseFloat( $('#amountwrittenoff').attr('value') );
462                 if ( amount_writeoff > amount_outstanding ) {
463                     alert(_("You are attemping to writeoff more than the value of the fee."));
464                     $('#woindivfine').beenSubmitted = false;
465                 } else {
466                     prevent_default = 0;
467                     $('#woindivfine').preventDoubleFormSubmit();
468                     $('#woindivfine').submit();
469                 }
470             }
471         });
472
473         function moneyFormat(textObj) {
474             var newValue = textObj.value;
475             var decAmount = "";
476             var dolAmount = "";
477             var dolFlag   = false;
478             var aChar     = "";
479
480             for(var i = newValue.length; 0 < i; i--) {
481                 aChar = newValue.substring(i-1, i);
482                 if ("0" <= aChar && aChar <= "9") {
483                     if(dolFlag) {
484                         dolAmount = "" + aChar + dolAmount;
485                     }
486                     else {
487                         decAmount = "" + aChar + decAmount;
488                     }
489                 }
490                 if (aChar == "." || aChar == ",") {
491                     dolFlag = true;
492                 }
493             }
494
495             if (!dolFlag) {
496                 dolAmount = decAmount;
497                 decAmount = "";
498             }
499
500             if (dolAmount == "") {
501                 dolAmount = "0";
502             }
503         // Strip leading 0s
504             if (dolAmount.length > 1) {
505                 while(dolAmount.length > 1 && dolAmount.substring(0,1) == "0") {
506                     dolAmount = dolAmount.substring(1,dolAmount.length);
507                 }
508             }
509             if (decAmount.length > 2) {
510                 decAmount = decAmount.substring(0,2);
511             }
512         // Pad right side
513             if (decAmount.length == 1) {
514                decAmount = decAmount + "0";
515             }
516             if (decAmount.length == 0) {
517                decAmount = decAmount + "00";
518             }
519
520             textObj.value = dolAmount + "." + decAmount;
521         }
522
523         function updateChangeValues() {
524             var change = $('#change')[0];
525             change.innerHTML = Math.round(($('#collected')[0].value - $('#paid')[0].value) * 100) / 100;
526             if (change.innerHTML <= 0) {
527                 var paid = $('#paid')[0];
528                 moneyFormat(paid);
529                 $('#collected').rules( "add", { min: Number(paid.value) });
530                 $( "#payindivfine, #payfine" ).valid();
531                 change.innerHTML = "0.00";
532                 $('input[name="change_given"]').val('0.00');
533             } else {
534                 change.value = change.innerHTML;
535                 moneyFormat(change);
536                 change.innerHTML = change.value;
537                 $('input[name="change_given"]').val(change.value);
538             }
539
540             $('#modal_change').html(change.innerHTML);
541         }
542     </script>
543 [% END %]
544
545 [% INCLUDE 'intranet-bottom.inc' %]