<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="[% settings.charset %]">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>[% settings.appname %]</title>
<!-- bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
crossorigin="anonymous"></script>
<!-- Latest Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
rel="stylesheet">
<!-- function-specific css -->
[% IF request.path.match('login') %]
<link rel="stylesheet" type="text/css" href="[% request.uri_base %]/css/login.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
[% ELSIF request.path.match('moongate|dpw');
FOREACH file IN ['bootstrap-fileupload', 'flatpickr.min' ] %]
<link rel="stylesheet" type="text/css" href="[% request.uri_base %]/css/[% file %].css" />
[% END; END %]
<!-- local.css last to provide overrides -->
<link rel="stylesheet" type="text/css" href="[% request.uri_base %]/css/local.css">
<!-- Grab jQuery from a CDN, fall back to local if necessary -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="></script>
<script type="text/javascript">/* <![CDATA[ */
!window.jQuery && document.write('<script type="text/javascript" src="[% request.uri_base %]/javascripts/jquery.js"><\/script>')
/* ]]> */
</script>
<script src="[% request.uri_base %]/javascripts/jquery.timeago.js" type="text/javascript"></script>
<!-- htmx javascripts -->
<script src="[% request.uri_base %]/javascripts/htmx.min.js" type="text/javascript"></script>
<script src="[% request.uri_base %]/javascripts/missing-hx-target-error.js"></script>
</head>
[% USE date %]
<body>
<div>
<a href="#session-data" data-bs-toggle="collapse">
<i class="bi bi-arrows-expand"></i></a>
</div>
<div class="collapse" id="session-data">
<div class="card card-body" style="font-size: 12px">
<div>Session expires: [% date.format(session_object.expires) %]</div>
<div style="font-size: 13px">
[% PROCESS dumper.tt dump = session_object %]
[% # PROCESS dumper.tt dump = request %]
</div>
</div>
</div>
[% content %]
<div id="hx-container" class="container"></div>
<div id="hx-error"></div>
[% IF settings.environment.match('development') AND session.user # ie not login page %]
<div class="container my-2">
<button class="btn btn-outline-secondary btn-sm" id="dump-to-file">
Download Live HTML</button>
</div>
<script src="[% request.uri_base %]/javascripts/dump-html-to-file.js"></script>
[% END %]
<script type="text/javascript">
jQuery.timeago.settings.allowFuture = true;
jQuery(document).ready(function() {
jQuery("abbr.timeago").timeago();
});
</script>
<hr class="my-3">
<!-- footer -->
<div class="container" id="footer">
[% SET prefix = request.route.prefix; # can't use uri_for_section.$section
IF prefix; section = prefix.remove('/'); # eg /infolib %]
<a href='#' hx-get="[% request.uri_for('/gitlog') %]"
hx-target="#hx-container">App version</a>
[% app_version %]
::
<a href='#' hx-get="[% uri_for_section.$section.summary %]"
hx-target="#hx-container">Total records</a>
[% total_count( section ) %]
::
<a href="[% request.uri_for('/logout') _ "?prefix=$prefix" %]">Log Out</a>
::
[% END %]
Powered by <a href="http://perldancer.org/">Dancer2</a> [% dancer_version %]
</div>
<div class="container" id="session">
Session expires: [% IF session_expires; # session_expires.strftime('%R on %x') %]
<abbr class="timeago" title="[% session_expires %]"></abbr>
[% ELSE %][not defined][% END%]
</div>
</body>
</html>