{% extends "base.html" %}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static', filename='dialog.css') }}">
{% endblock %}

{% block content %}
<main>
    <div>
        <h2>Index Help Page</h2>
        <h3>Welcome to the Icolotl Index!</h3>
        <p>This website contains various projects, all under the Icolotl umbrella or one of our sub-sectors. Most of
            these do require log-in, so if you're visiting the Index as a guest there might not be much for you here. If
            you've forgotten your password or are missing authorizations, please contact one of our admins at their
            email below. Thanks!</p>
        <ul>
            <li><a href="mailto:adeline@icolotl.com">Adeline &lt;adeline@icolotl.com&gt; (System Operator)</a></li>
            <li><a href="mailto:despoina@icolotl.com">Despoina &lt;despoina@icolotl.com&gt; (Touchstone Admin)</a></li>
            <li><a href="mailto:camilla@icolotl.com">Camilla &lt;camilla@icolotl.com&gt; (Lab Engineer)</a></li>
            <li><a href="mailto:beatrice@icolotl.com">Beatrice &lt;beatrice@icolotl.com&gt; (Maintenance)</a></li>
            <li><a href="mailto:morgana@icolotl.com">Morgana &lt;morgana@icolotl.com&gt; (Editor)</a></li>
        </ul>
    </div>
    <div id="login">
        <h2>Index Unified Login</h2>
        <form method="post" action="{{ url_for('login') }}">
            {% if session["username"] %}
            <span>Welcome, <b>{{ session["username"] }}</b>.</span>
            <input type="submit" value="Log Out">
            {% else %}
            <label for="username">Username:</label>
            <input id="username" name="username" autocomplete="username">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" autocomplete="current-password">
            <input type="submit" value="Log In">
            {% endif %}
        </form>
    </div>
</main>
{% endblock %}