<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
        <%= title ? `HWY Operation Zero • ${title}` : "HWY Operation Zero" %>
    </title>
    
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/styles.css" />
    <%- (typeof head !=="undefined" ? head : "" ) %>
</head>

<body>
    <header class="site-header">
        <div class="nav">
            <div class="brand">HWY Operation Zero</div>

            <nav class="links">
                <a href="/entry">Submit Entry</a>
                <a href="/operations">Operations</a>

                <% if (user) { %>
                    <a href="/dashboard">Dashboard</a>
                    <% if (user.role==="manager" || user.role==="admin" ) { %>
                        <a href="/entries">Entries</a>
                        <a href="/presets">Presets</a>
                        <% } %>
                            <% if (user.role==="admin" ) { %>
                                <a href="/admin/users">Users</a>
                                <% } %>
                                    <a href="/logout">Logout</a>
                                    <% } else { %>
                                        <a href="/login">Login</a>
                                        <a href="/register">Register</a>
                                        <% } %>
            </nav>
        </div>
    </header>

    <main>