{% extends "base.html" %}
{% block title %}Admin login · MISP Modules{% endblock %}
{% block content %}
    <div class="login-content">
        <section class="workspace-card login-card" aria-labelledby="login-heading">
            <img class="login-brand"
                 src="{{ url_for('static', filename='images/misp-modules.svg') }}"
                 alt="MISP Modules"
                 width="220"
                 height="57">
            <p class="eyebrow">WORKSPACE ADMINISTRATION</p>
            <h1 id="login-heading">Welcome back.</h1>
            <p class="page-description mb-4">Sign in to manage modules and workspace settings.</p>
            <form action="" method="post">
                {{ form.hidden_tag() }}
                <div class="mb-3">{{ form.password.label(class_="form-label") }}{{ form.password(class_="form-control", autocomplete="current-password", autofocus=true) }}{% for error in form.password.errors %}<p class="field-error" role="alert">{{ error }}</p>{% endfor %}</div>
                <div class="form-check mb-4">{{ form.remember_me(class_="form-check-input") }}{{ form.remember_me.label(class_="form-check-label") }}</div>
                {{ form.submit(class_="btn btn-primary") }}
            </form>
            <a href="/" class="d-block mt-4 small">Return to enrichment workspace</a>
            <a href="https://www.misp-project.org/"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Visit the MISP Project">
                <img class="login-misp-brand"
                     src="{{ url_for('static', filename='images/misp-logo.svg') }}"
                     alt="MISP"
                     width="100"
                     height="30">
            </a>
        </section>
    </div>
{% endblock %}