<li>Last cashup: [% register.last_cashup.timestamp | $KohaDates with_hours => 1 %] (<a data-toggle="modal" href="#cashupSummaryModal" class="button">Summary</a>)</li>

                <li>Last cashup: [% register.last_cashup.timestamp | $KohaDates with_hours => 1 %] (<a data-toggle="modal" data-cashup="[% register.last_cashup.id | html %]" data-register="[% register.description | html %]" href="#cashupSummaryModal" class="button">Summary</a>)</li>

    <!-- Cashup summary modal -->

    [% INCLUDE 'modals/cashup_summary.inc' %]

    [% IF register.last_cashup %]

    <div class="modal printable" id="cashupSummaryModal" tabindex="-1" role="dialog" aria-labelledby="cashupSummaryLabel">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    <h4 class="modal-title" id="cashupSummaryLabel">Cashup summary</h4>

                </div>

                <div class="modal-body">

                    <ul>

                        <li>Cash register: [% register.description | html %]</li>

                        <li>Period: [% register.last_cashup.cashup_summary.from_date | $KohaDates with_hours => 1 %] to [% register.last_cashup.cashup_summary.to_date | $KohaDates with_hours => 1 %]</li>

                    </ul>

                    <table>

                        <thead>

                            <tr>

                                <th>Type</th>

                                <th>Total</th>

                            </tr>

                        </thead>

                        <tbody>

                            [%- FOREACH out IN register.last_cashup.cashup_summary.outgoing -%]

                            <tr>

                                <td>[%- PROCESS account_type_description account=out -%]</td>

                                <td>[% out.total * -1 | $Price %]</td>

                            </tr>

                            [%- END -%]

                            [%- FOREACH in IN register.last_cashup.cashup_summary.income -%]

                            <tr>

                                <td>[%- PROCESS account_type_description account=in -%]</td>

                                <td>[% in.total * -1 | $Price %]</td>

                            </tr>

                            [%- END -%]

                        </tbody>

                        <tfoot>

                            <tr>

                                <td>Total</td>

                                <td>[% ( register.last_cashup.cashup_summary.outgoing_transactions.total + register.last_cashup.cashup_summary.income_transactions.total) * -1 | $Price %]</td>

                            </tr>

                            [% FOREACH pt IN payment_types %]

                            <tr>

                                <td>[% pt.lib | html %]</td>

                                <td>[% ( register.last_cashup.cashup_summary.outgoing_transactions.total( payment_type => pt.authorised_value ) + register.last_cashup.cashup_summary.income_transactions.total( payment_type => pt.authorised_value )) * -1 | $Price %]</td>

                            </tr>

                            [% END %]

                        </tfoot>

                    </table>

                </div> <!-- /.modal-body -->

                <div class="modal-footer">

                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

                    <button type="button" class="printModal btn btn-primary"><i class="fa fa-print"></i> Print</button>

                </div> <!-- /.modal-footer -->

            </div> <!-- /.modal-content -->

        </div> <!-- /.modal-dialog -->

    </div> <!-- /#cashupSummaryModal -->

    [% END %]

[% MACRO jsinclude BLOCK %]

    [% MACRO jsinclude BLOCK %]

- 

$('#cashupSummaryModal').on('show.bs.modal', function(e) {

    var button = $(e.relatedTarget);

    var cashup = button.data('cashup');

    var description = button.data('register');

    var summary_modal = $(this);

    summary_modal.find('#register_description').text(description);

    $.ajax({

        url: '/api/v1/cashups/' + cashup,

        headers: {

            'x-koha-embed': 'summary'

        },

        async: false,

        success: function(data) {

            summary_modal.find('#from_date').text(data.summary.from_date);

            summary_modal.find('#to_date').text(data.summary.to_date);

            var tbody = summary_modal.find('tbody')

            tbody.empty();

            for (out of data.summary.payout_grouped) {

                tbody.append('<tr><td>' + out.credit_type.description + '</td><td>- ' + out.total + '</td></tr>');

            }

            for (income of data.summary.income_grouped) {

                tbody.append('<tr><td>' + income.debit_type.description + '</td><td>' + income.total + '</td></tr>');

            }

            var tfoot = summary_modal.find('tfoot');

            tfoot.empty();

            tfoot.append('<tr><td>Total</td><td>' + data.summary.total + '</td></tr>');

            for (type of data.summary.total_grouped) {

                if (type.total !== 0) {

                    tfoot.append('<tr><td>' + type.payment_type + '</td><td>' + type.total + '</td></tr>');

                }

            }

        }

    });

});

$('.modal.printable').on('shown.bs.modal', function() {

    $('.modal-dialog', this).addClass('focused');

    $('body').addClass('modalprinter');

    if ($(this).hasClass('autoprint')) {

        window.print();

    }

}).on('hidden.bs.modal', function() {

    $('.modal-dialog', this).removeClass('focused');

    $('body').removeClass('modalprinter');

});

$('.printModal').click(function() {

    window.print();

});