<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Page</title>
    {% load static %} <link rel="stylesheet" href="{% static 'login.css' %}">
   
</head>
<body>

    <div class="login-container">
        <h1>Login</h1>
        <div class="imgcontainer">
            <img src="{% static 'assets/user.png' %}" alt="Avatar">
        </div>
        
        <form action="" method="post">
            {% csrf_token %}
            {% if error %}
            <p class="error-message">{{ error }}</p>
            {% endif %}

            <input type="text" name="username" placeholder="Username" required>
            <input type="password" name="password" placeholder="Password" required>

            <button type="submit">Login</button>

            <!-- <p class="bottom-text">Don't have an account? <a href="#">Register</a></p> -->
        </form>
    </div>

</body>
</html>

