{% if login_failed %}
  {% include 'login-failed.html' %}
{% endif %}

<!-- Login buttons -->
<div class="why-sigmund">
<p>
Use AI on your own terms with Sigmund – a frontier AI assistant
</p>
<p>
<small>Private. Effective. Affordable (€9/month). Built for researchers, students, and teachers. </small>
</p>
</div>
<div class="login-selector">
    <div class="login-buttons">
        <button onclick="window.location.href='/google_login'">
            <img src="/static/google.png" alt="OpenAI Icon">
            <span>Sign in with Google<br><small>Use your existing Google account</small></span>
        </button>
        <button onclick="document.getElementById('login').style.display='block'"> 
            <img src="/static/sigmund-avatar.png" alt="OpenAI Icon">
            <span>Sign with CogSci forum<br><small>Use your existing account from forum.cogsci.nl</small></span>
        </button>
    </div>        
</div>    

<!-- Login form (hidden by default) -->
<div id="login">
    <form method="POST" id="login-form">
        {{ form.hidden_tag() }}
        <div class="form-group">
            {{ form.username.label }} {{ form.username(autocomplete='username') }}
        </div>
        <div class="form-group">
            {{ form.password.label }} {{ form.password(autocomplete='current-password') }}
        </div>
        <div class="form-group">
            {{ form.submit() }}
        </div>
    </form>
</div>

<hr class="menu-divider">