{% extends "base.html" %}

{% block content %}
<div id="root">
    <div id="header">
        <h1>Rusty Statusphere</h1>
        <p>Set your status on the Atmosphere.</p>
    </div>
    <div class="container">
        <form action="/login" method="post" class="login-form">
            <input type="text" name="handle" placeholder="Enter your handle (eg alice.bsky.social)" required/>
            <button type="submit">Log in</button>
            {% if let Some(error) = self.error %}
            <p>Error: <i>{{error}}</i></p>
            {% endif %}
        </form>
        <div class="signup-cta">
            Don't have an account on the Atmosphere?
            <a href="https://bsky.app">Sign up for Bluesky</a> to create one now!
        </div>
    </div>
</div>

{%endblock content%}