<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><: $title :></title>

<link rel="stylesheet" type="text/css" href="<: $base_uri :>css/theme.css">
<link rel="stylesheet" type="text/css" href="<: $base_uri :>css/main.css">
<script src="<: $base_uri :>js/jquery.js"></script>
<script src="<: $base_uri :>js/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="<: $base_uri :>css/jquery-ui.min.css">

<script src="<: $base_uri :>js/datatables.min.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="<: $base_uri :>css/datatables.min.css"> -->

<script src="<: $base_uri :>js/json-formatter.umd.js"></script>
<link rel="stylesheet" type="text/css" href="<: $base_uri :>css/json-formatter.css">

<script src="<: $base_uri :>js/main.js"></script>
<script src="<: $base_uri :>js/fieldtable.js"></script>
<link rel="stylesheet" type="text/css" href="<: $base_uri :>css/fieldtable.css">

: for $add_css -> $css {
    <link rel="stylesheet" type="text/css" href="<: $base_uri :>css/<: $css :>">
: }

: for $add_js -> $js {
    <script src="<: $base_uri :>js/<: $js :>"></script>
: }

    <!-- Some tools need to dynamically add styles -->
    <style id="dynamic-style">
    </style>

</head>

<body>

<script>base_uri = '<: $base_uri :>';</script>
<script>single_user = <: $config.single_user :>;</script>
<script>show_user = <: $config.show_user :>;</script>
<script>time_zone = '<: $time_zone :>';</script>

<div id="free_modal" style="display: none">
    <div id="modal_inner_wrap">
        <div id="modal_close">X</div>
        <div id="modal_body"></div>
    </div>
</div>

<div id="header_wrapper">
    <div id="header">
        <h1>Test2-Harness-UI</h1>

        <ul id="nav_main">
            : if !$config.single_run {
                <li><a href="<: $base_uri :>">Dashboard</a></li>

                : if !$config.no_upload {
                    <li class="split">&nbsp;</li>
                    <li><a href="<: $base_uri :>upload">Upload A Log</a></li>
                : }
            : }
            : if !$config.single_user {
                <li class="split">&nbsp;</li>
                <li><a href="<: $base_uri :>user">User Settings</a></li>
            : }

            <li class="split">&nbsp;</li>
            <li class="form">
                <form action="<: $base_uri :>lookup">
                    <label>UUID lookup: </label>
                    <input id="lookup" name="lookup" type="text" />
                    <input type="submit" value="Lookup">
                </form>
            </li>
        </ul>

        : if !$config.single_user {
            <div id="login_header">
            : if $user {
                <a class="logout" href="<: $base_uri :>user?action=logout">Log-Out</a>
            : }
            : else {
                <a class="login" href="<: $base_uri :>user">Log-In</a>
            : }
            </div>
        : }


        <div id="progress_bar"></div>
    </div>
</div>

<div id="main_wrapper">
    : if $messages && $messages[0] {
    <div id="messages" class="success_box">
        <ul>
        : for $messages -> $m {
            <li><: $m :></li>
        : }
        </ul>
    </div>
    <br />
    : }

    : if $errors && $errors[0] {
    <div id="errors" class="error_box">
        <ul>
        : for $errors -> $e {
            <li><: $e :></li>
        : }
        </ul>
    </div>
    <br />
    : }

    <div id="content"><: $content :></div>
</div>

<div id="footer_wrapper">
    <div id="footer">
    </div>
</div>
</body>
</html>