</div>
<footer class="footer">
<div class="container">
<div class="panel panel-default">
<div class="panel-body">
    &copy; <?= date("Y") ?> <?= htmlentities(env("MYSTIC_FORUM_COPYRIGHT") ?? env("MYSTIC_FORUM_TITLE") ?? "Forum") ?>.
    Powered by <a href="https://git.jkohl.link/mystic-forum.git/">Mystic Forum</a>
</div>
</div>
</div>
</footer>

<script>
$(function() {
    var _messages = <?= json_encode([
        "selectFiles" => [
            ___("Select file", "Select files", 1),
            ___("Select file", "Select files", 2),
        ],
        "filesSelected" => [
            ___("%n% file selected", "No files selected", 0),
            ___("%n% file selected", "%n% files selected", 1),
            ___("%n% file selected", "%n% files selected", 2),
        ],
    ]) ?>

    $("._time").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleString());
    });
    $("._date").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleDateString());
    });
    $("._time-only").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleTimeString());
    });

    $("input[type=file]").each(function(i, e) {
        var isMultiple = !!$(e).prop("multiple");
        var $input = $('<input type="text" readonly class="form-control" />').attr("placeholder", _messages.filesSelected[0]).css("text-overflow", "ellipsis");
        $(e).after($('<div class="input-group file-input-group"></div>').append(
            $input,
            $('<span class="input-group-btn"></span>').append(
                $('<button class="btn btn-default" type="button"></button>').text(_messages.selectFiles[isMultiple ? 1 : 0]).click(function() {
                    $(e).click();
                })
            )
        )).addClass("sr-only");
        $(e).on("change", function() {
            var files = $(e)[0].files;
            if (files.length < 1)
                $input.val("");
            else if (files.length === 1)
                $input.val(files[0].name);
            else
                $input.val(_messages.filesSelected[2].replace("%n%", files.length));
        });
    })
});
</script>

</body>
</html>