<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>PDF Footer</title>
        <style type="text/css">
            body {
                font-family: 'Arial', 'Helvetica Neue', 'Sans-Serif';
                font-style: oblique;
                font-size: 14px;
                padding-top: 1.2em;
                color: #353535;
            }
            .text-right {
                text-align: right;
            }
        </style>
        <script>
            function pageCtr() {
                var vars={};
                var x=document.location.search.substring(1).split("&");
                for (var i in x) {var z=x[i].split("=",2);vars[z[0]] = unescape(z[1]);}
                var x=["topage", "page"];
                for (var i in x) {
                    var y = document.getElementsByClassName(x[i]);
                    for (var j=0; j<y.length; ++j) y[j].textContent = vars[x[i]];
                }
            }
        </script>
    </head>
    <body onload="pageCtr()">
        <footer>
            <table width="100%">
                <tr>
                    <td width="80%">{{ app.session.get('userData').fullName ~ ' / ' ~ app.session.get('userData').username }} on {{ 'now'|date('M d, Y h:i:s A') }}</td>
                    <td class="text-right">Page <span class="page"></span> of <span class="topage"></span></td>
                </tr>
            </table>
        </footer>
    </body>
</html>