{% include "components/card.html" with title="Login" description="Enter your email below to login to your account." class="w-full max-w-sm" %}
    <form method="post" action="{{ action }}" class="space-y-4">
        {% csrf_token %}
        {% include "components/form-group.html" with label="Email" name="email" %}
            {% include "components/input.html" with name="email" type="email" placeholder="m@example.com" required=True %}
        {% endinclude %}

        {% include "components/form-group.html" with label="Password" name="password" %}
            {% include "components/input.html" with name="password" type="password" required=True %}
        {% endinclude %}

        {% include "components/button.html" with label="Sign In" type="submit" class="w-full" %}

        <div class="mt-4 text-center text-sm">
            Don't have an account?
            <a href="{{ signup_url }}" class="underline">Sign up</a>
        </div>
    </form>
{% endinclude %}