6 <div class="col-md-4">[% l('Total Owed:') %]</div>
7 <div class="col-md-2 strong-text">{{(summary.balance_owed() || 0) | 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() || 0) | 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/Credited:') %]</div>
19 <div class="col-md-2">{{(summary.total_paid() || 0) | 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/Credited 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="debit_card_payment">[% l('Debit Card') %]</option>
55 <option value="credit_payment">[% l('Patron Credit') %]</option>
56 <option value="work_payment">[% l('Work') %]</option>
57 <option value="forgive_payment">[% l('Forgive') %]</option>
58 <option value="goods_payment">[% l('Goods') %]</option>
62 <div class="form-group">
63 <label for="check-input" class="col-md-6 control-label">
64 [% l('Check Number') %]
66 <div class="col-md-6">
67 <input type="number" min="1" step="any" id="check-input"
68 ng-model="check_number" focus-me="focus_check"
69 ng-disabled="payment_type!='check_payment'"
70 value="" class="form-control col-md-6 "/>
72 <div class="form-group">
73 <label for="amount-input" class="col-md-6 control-label">
74 [% l('Payment Received') %]
76 <div class="col-md-6">
77 <input type="number" min="0" step="any" id="amount-input"
78 ng-model="payment_amount" focus-me="focus_payment"
79 value="" class="form-control col-md-6 "/>
82 <div class="form-group">
83 <label for="annotate-payment" class="control-label col-md-5">[% l('Annotate') %]</label>
84 <div class="col-md-1">
85 <input id="annotate-payment" type="checkbox" ng-model="annotate_payment" ng-change="onAnnotatePaymentChanged()"/>
87 <div class="col-md-6">
90 class="btn btn-default"
91 ng-disabled="!payment_amount || invalid_check_number() || !gridControls.selectedItems().length || applyingPayment"
92 >[% l('Apply Payment') %]</button>
100 <div class="pad-vert">
101 [% INCLUDE 'staff/circ/patron/t_bills_list.tt2' %]
104 <!-- pull-right is causing the content to flow several pixels
105 off to the right. flex-row is honoring the boundaries better.
106 not sure what's up, there. -->
107 <div class="flex-row" ng-show="!disable_auto_print">
108 <div class="flex-cell"></div>
109 <div ng-hide="disablePatronCredit" class="pad-right">
110 <div class="checkbox">
112 <input type="checkbox" ng-model="convert_to_credit.isChecked">
113 [% l('Convert Change to Patron Credit') %]
117 <form class="form-inline" role="form">
118 <div class="checkbox">
120 <input id="receipt_on_pay" type="checkbox" ng-model="receipt_on_pay.isChecked" ng-change="onReceiptOnPayChanged()"/>
121 [% l('Receipt On Payment') %]
124 <div class="form-group" style="margin-left:10px">
125 <label for="bill-receipt-copies">[% l('# Items') %]</label>
126 <input type="number" min="1" style="width:5em"
127 ng-model="receipt_count"
128 class="form-control" id="bill-receipt-copies"/>