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