{% extends "base.html" %}

{% block title %} Login {% endblock %}

{% block content %}

<section>

    <div class="header">
        <img src="/static/images/favicon-32x32.png" alt="Weatherify logo">
        <h1>Weatherify</h1>
    </div> 

    <hr>

    <div class="box">

        <h2>Login</h2>

        <form method="POST" action="{{ url_for('auth.login')}}">
            
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            
            <label for="email">email</label>
            <input
                type="email"
                name="email"
                id="email"  
                autofocus
                placeholder="e.g. Tom1998@gmail.com" 
                required
            >

            <label for="password">password</label>
            <input type="password" name="password" placeholder="e.g. dty123!" required>
            
            <button type="submit" aria-label="login">Login</button>
        </form>

        <p>
            No account?
            <a href="{{ url_for('auth.register_form') }}">Register</a>
        </p>

    </div>
    
</section>
{% endblock %}