[%  PROCESS "opac/parts/header.tt2";
    PROCESS "opac/parts/misc_util.tt2";
    WRAPPER "opac/parts/myopac/main_base.tt2";
    myopac_page = "main";
    myopac_main_page = "payment_form";

    last_chance = CGI.param("last_chance");
%]
<h3 class="sr-only">[% l('Pay Fines') %]</h3>
[% IF ctx.fines.balance_owed <= 0 %]
<div>
    [% l("You either have no fines to pay or you have selected fines whose " _
        "total is non-positive.  We cannot process non-positive amounts.") %]
</div>
[% ELSE %]
<div id="pay_fines_now">
    [% IF last_chance %]
    <p><big>[% l("Are you sure you are ready to charge [_1] to your credit card?", money(ctx.fines.balance_owed)) %]</big></p>
    <form action="[% ctx.opac_root %]/myopac/main_pay_init" method="post">
        [% FOR k IN CGI.Vars;
            NEXT UNLESS k;
            FOR val IN CGI.param(k) %]
        <input type="hidden" name="[% k | html %]" value="[% val | html %]" />
        [% END; END %]
        <input type="submit" value="[% l('Submit Payment') %]" />
        <a href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, 1) %]">[% l('Cancel') %]</a>
    [% ELSE %]
    <form method="post" id="payment_form"
    [% IF use_stripe %]
    onsubmit="return stripe_onsubmit();"
    [% END %]
    >
        <input type="hidden" name="last_chance" value="1" />
        [% FOR xact IN CGI.param('xact') %]
        <input type="hidden" name="xact" value="[% xact | html %]" />
        [% END %]
        [% FOR xact IN CGI.param('xact_misc') %]
        <input type="hidden" name="xact_misc" value="[% xact | html %]" />
        [% END %]
        [% IF use_stripe %]
        <input type="hidden" name="stripe_token" id="stripe_token" />
        [% END %]

        <table title="[% l('Billing Information') %]">
            <tbody>
                <tr>
                    <td colspan='2'><strong>[% l('Billing Information') %]</strong></td>
                    <td rowspan='13' valign='top'>
                        <p>[% l('Selected fines you are paying for:') %]</p>
                        <table title="[% l('List of Transactions') %]"
                            class="table_no_border_space table_no_cell_pad myopac_payments_table">
                            <thead>
                                <tr>
                                    <th>[% l('Name') %]</th>
                                    <th>[% l('Amount') %]</th>
                                </tr>
                            </thead>
                            <tbody>
                            [%
                            FOR f IN ctx.fines.circulation;
                                NEXT IF CGI.param('xact').size &&
                                    !CGI.param('xact').grep(f.xact.id).size;
                                attrs = {marc_xml => f.marc_xml};
                                IF f.marc_xml;
                                    PROCESS get_marc_attrs args=attrs;
                                ELSIF f.xact.reservation;
                                    attrs.title = f.xact.reservation.target_resource_type.name;
                                END %]
                                <tr>
                                    <td>[% attrs.title | html %]</td>
                                    <td class="text-right">[% money(f.xact.balance_owed) %]</td>
                                </tr>
                            [%
                            END;
                            FOR f IN ctx.fines.grocery;
                                NEXT IF CGI.param('xact_misc').size &&
                                    !CGI.param('xact_misc').grep(f.xact.id).size %]
                                <tr>
                                    <td>[% f.xact.last_billing_type | html %]</td>
                                    <td class="text-right">[% money(f.xact.balance_owed) %]</td>
                                </tr>
                            [% END %]
                            </tbody>
                        </table>
                        <br />
                        <div>
                            [% l('Total amount to pay:') %]
                            <strong>[% money(ctx.fines.balance_owed) %]</strong>
                        </div>
                        <br />
                        [% | l('<strong>', '</strong>') %]Click [_1]Cancel[_2] to go back and (un)select other fines.[% END %]
                    </td>
                </tr>
                <tr>
                    <td><label for="payment-first-name">[% l('First Name') %]</label></td>
                    <td><input type="text"  name="billing_first" id="payment-first-name" 
                        value="[% ctx.user.first_given_name | html %]" /></td>
                </tr>
                <tr>
                    <td><label for="payment-last-name">[% l('Last Name') %]</label></td>
                    <td><input type="text" name="billing_last" id="payment-last-name" 
                        value="[% ctx.user.family_name | html %]" /></td>
                </tr>
                <tr>
                    <td><label for="payment-email-addr">[% l('Email Address') %]</label></td>
                    <td>
                        <input id="payment-email-addr" type="text" disabled="disabled" 
                            readonly="readonly" value="[% ctx.user.email | html %]" />
                        <a title="[% l('Update Email Address') %]"
                            href="[% ctx.opac_root %]/myopac/update_email?return_to_referer=1">[% l("Update") %]</a>
                    </td>
                </tr>
                <tr>
                    <td><label for="payment-billing-address">[% l('Street Address') %]</label></td>
                    <td><input type="text" name="billing_address" id="payment-billing-address" 
                        value="[% ctx.user.billing_address.street1 _ ctx.user.billing_address.street2 | html %]" /></td>
                </tr>
                <tr>
                    <td><label for="payment-billing-city">[% l('City' )%]</label></td>
                    <td><input type="text" name="billing_city" id="payment-billing-city" 
                        value="[% ctx.user.billing_address.city | html %]" /></td>
                </tr>
                <tr>
                    <td><label for="payment-billing-state">[% l('State or Province') %]</label></td>
                    <td><input type="text" name="billing_state" id="payment-billing-state"
                        value="[% ctx.user.billing_address.state | html %]" /></td>
                </tr>
                <tr>
                    <td><label for="paymenet-billing-zip">[% l('ZIP or Postal Code') %]</label></td>
                    <td><input type="text" name="billing_zip" id="paymenet-billing-zip"
                        value="[% ctx.user.billing_address.post_code | html %]" /></td>
                </tr>
                <tr>
                  <td colspan='2'><strong>[% l('Credit Card Information') %]</strong></td>
                </tr>
                <tr>
                    <td><label for="payment-credit-card">[% l('Credit Card #') %]</label></td>
                    <td><input type="number" maxlength="16" id="payment-credit-card"
                    [% IF use_stripe %]
                    data-stripe="number"
                    [% ELSE %]
                    name="number"
                    [% END %]
                    /></td>
                </tr>
                <tr>
                    <td><label for="payment-security-code">[% l('Security Code') %]</label></td>
                    <td>
                        <input type="number" size="4" maxlength="5" id="payment-security-code"
                        [% IF use_stripe %]
                        data-stripe="cvc"
                        [% ELSE %]
                        name="cvv2"
                        [% END %]
                        /></td>
                </tr>
                <tr>
                    <td><label for="payment-expire-month">[% l('Expiration Month') %]</label></td>
                    <td>
                        <select id="payment-expire-month"
                        [% IF use_stripe %]
                        data-stripe="exp_month"
                        [% ELSE %]
                        name="expire_month"
                        [% END %]
                        >
                            <option value="01">[% l("January") %]</option>
                            <option value="02">[% l("February") %]</option>
                            <option value="03">[% l("March") %]</option>
                            <option value="04">[% l("April") %]</option>
                            <option value="05">[% l("May") %]</option>
                            <option value="06">[% l("June") %]</option>
                            <option value="07">[% l("July") %]</option>
                            <option value="08">[% l("August") %]</option>
                            <option value="09">[% l("September") %]</option>
                            <option value="10">[% l("October") %]</option>
                            <option value="11">[% l("November") %]</option>
                            <option value="12">[% l("December") %]</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label for="payment-expire-year">[% l('Expiration Year') %]</label></td>
                    <td>
                        <select id="payment-expire-year"
                        [% IF use_stripe %]
                        data-stripe="exp_year"
                        [% ELSE %]
                        name="expire_year"
                        [% END %]
                        >
                        [% year = date.format(date.now, '%Y');
                        y = year;
                        WHILE y < year + 10; # show ten years starting now %]
                            <option value="[% y %]">[% y %]</option>
                        [% y = y + 1; END %]
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan='2' align="center">
                        <input type="submit" id="payment_submit" value="[% l('Next') %]" />
                        <a href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, 1) %]">[% l('Cancel') %]</a>
                    </td>
                </tr>
                [% INCLUDE "opac/parts/myopac/main_refund_policy.tt2" %]
            </tbody>
        </table>
    [% END %]
    </form>
</div>
[% END %]
[% END %]