<div id='sidebar-header'>
    <!-- Search -->
    {% if app.user %}
    <section id="search" class="alt">
        <input type="text" name="query" id="query" placeholder="Search by title, passage, or note" />
    </section>
    {% endif %}
    <a class='toggle' href='' id='sidebar-link'>Toggle</a>
</div>

<!-- Sidebar -->
<div id="sidebar">
    <div class="inner">
        <!-- Menu -->
        <nav id="menu">
            <header class="major">
                {% if app.user %}
                <h3>Welcome <a href='/profile' style='text-decoration:underline;'>{{ app.user.name }}</a></h3>
                <a href='/logout'>Logout</a>
                {% endif %}
            </header>
            <ul>
                {% if app.user %}
                <li><a href='/home'>Home</a></li>
                <li><a onclick='note.newNote()'>New Note</a></li>
                <li><a onclick='note.openNote()'>Open Note</a></li>
                <li><a onclick="note.saveNote()">Save Note</a></li>
                {% if isAdmin is defined and isAdmin %}
                <li><a href='/reference-editor'>Reference Editor</a></li>
                {% if xferDB is defined and xferDB %}
                <li><a href='/xfer-database'>Transfer Database</a></li>
                {% endif %}
                {% endif %}
                <li><a onclick="openRef()">Open Reference</a></li>
                <li><a href='/template-editor'>Template Editor</a></li>
                <li><a href='/cheat-sheet' target='_blank'>Markdown Cheat Sheet</a></li>
                {% else %}
                <li><a href="/">Home</a></li>
                <li><a href='/register'>Register</a></li>
                <li><a href='/login'>Login</a></li>
                {% endif %}
            </ul>
        </nav>

        {% if app.user %}
        <!-- Section -->
        <section>
            <header class="major">
                <h2>Recent Notes</h2>
            </header>
            <div class="mini-posts" id='old-notes'>
                {% for n in last4Notes %}
                <article>
                    <p>{{ n.date|date("m/d/Y") }}</p>
                    <a onclick="note.retrieveNote('{{ n.id }}');note.openNote();">{{ n.title }}</a>
                    <p>{{ n.passage }}</p>
                </article>
                {% endfor %}
            </div>
        </section>
        {% endif %}

        <!-- Section -->
        <section>
            <header class="major">
                <h2>Get in touch</h2>
            </header>
            <ul class="contact">
                <li class="icon solid fa-envelope">
                    <a href="mailto:ryan@rkprather.com">ryan@rkprather.com</a>
                </li>
            </ul>
        </section>
    </div>
</div>
