6 <div class="col-md-4">[% l('Total Owed:') %]</div>
7 <div class="col-md-2 strong-text">{{summary.balance_owed() | currency}}</div>
8 <div class="col-md-4">[% l('Refunds Available:') %]</div>
9 <div class="col-md-2">{{refunds_available() | currency}}</div>
12 <div class="col-md-4">[% l('Total Billed:') %]</div>
13 <div class="col-md-2">{{summary.total_owed() | currency}}</div>
14 <div class="col-md-4">[% l('Credit Available:') %]</div>
15 <div class="col-md-2">{{patron().credit_forward_balance() | currency}}</div>
18 <div class="col-md-4">[% l('Total Paid:') %]</div>
19 <div class="col-md-2">{{summary.total_paid() | currency}}</div>
20 <div class="col-md-4">[% l('Session Voided:') %]</div>
21 <div class="col-md-2">{{session_voided | currency}}</div>
23 <div class="row"><hr/></div>
25 <div class="col-md-4">[% l('Owed for Selected:') %]</div>
26 <div class="col-md-2">{{owed_selected() | currency}}</div>
27 <div class="col-md-4">[% l('Pending Payment:') %]</div>
28 <div class="col-md-2 strong-text">{{pending_payment() | currency}}</div>
31 <div class="col-md-4">[% l('Billed for Selected:') %]</div>
32 <div class="col-md-2">{{billed_selected() | currency}}</div>
33 <div class="col-md-4">[% l('Pending Change:') %]</div>
34 <div class="col-md-2 strong-text">{{pending_change() | currency}}</div>
37 <div class="col-md-4">[% l('Paid for Selected:') %]</div>
38 <div class="col-md-2">{{paid_selected() | currency}}</div>
42 <div class="col-md-5">
43 <form role="form" class="form-horizontal" ng-submit="applyPayment()">
45 <legend>[% l('Pay Bill') %]</legend>
47 <div class="form-group">
48 <label for="type-input" class="col-md-6 control-label">[% l('Payment Type') %]</label>
49 <div class="col-md-6">
50 <select ng-model="payment_type" class="form-control">
51 <option value="cash_payment" selected="selected">[% l('Cash') %]</option>
52 <option value="check_payment">[% l('Check') %]</option>
53 <option value="credit_card_payment">[% l('Credit Card') %]</option>
54 <option value="credit_payment">[% l('Patron Credit') %]</option>
55 <option value="work_payment">[% l('Work') %]</option>
56 <option value="forgive_payment">[% l('Forgive') %]</option>
57 <option value="goods_payment">[% l('Goods') %]</option>
61 <div class="form-group">
62 <label for="check-input" class="col-md-6 control-label">
63 [% l('Check Number') %]
65 <div class="col-md-6">
66 <input type="number" min="1" step="any" id="check-input"
67 ng-model="check_number" focus-me="focus_check"
68 ng-disabled="payment_type!='check_payment'"
69 value="" class="form-control col-md-6 "/>
71 <div class="form-group">
72 <label for="amount-input" class="col-md-6 control-label">
73 [% l('Payment Received') %]
75 <div class="col-md-6">
76 <input type="number" min="0" step="any" id="amount-input"
77 ng-model="payment_amount" focus-me="focus_payment"
78 value="" class="form-control col-md-6 "/>
81 <div class="form-group">
82 <label for="annotate-payment" class="control-label col-md-5">[% l('Annotate') %]</label>
83 <div class="col-md-1">
84 <input id="annotate-payment" type="checkbox" ng-model="annotate_payment"/>
86 <div class="col-md-6">
89 class="btn btn-default"
90 ng-disabled="invalid_check_number() || !gridControls.selectedItems().length"
91 >[% l('Apply Payment') %]</button>
99 <div class="pad-vert">
100 [% INCLUDE 'staff/circ/patron/t_bills_list.tt2' %]
103 <!-- pull-right is causing the content to flow several pixels
104 off to the right. flex-row is honoring the boundaries better.
105 not sure what's up, there. -->
106 <div class="flex-row" ng-if="!disable_auto_print">
107 <div class="flex-cell"></div>
108 <form class="form-inline" role="form">
109 <div class="checkbox">
111 <input id="receipt_on_pay" type="checkbox" ng-model="receipt_on_pay.isChecked"/>
112 [% l('Receipt On Payment') %]
115 <div class="form-group" style="margin-left:10px">
116 <label for="bill-receipt-copies">[% l('# Copies') %]</label>
117 <input type="number" min="1" style="width:5em"
118 ng-model="receipt_count"
119 class="form-control" id="bill-receipt-copies"/>