{% extends 'store/main.html' %}
{% load static %}
{% block content %}
{% load socialaccount %}  <!-- Load the allauth tag library -->

<div class="container mt-5">
    <center><h2>Login</h2></center>
    <hr>

    <!-- Default Login Form -->
    <form method="post" class="bg-light p-4 rounded shadow-sm">
        {% csrf_token %}
        <div class="form-group">
            {{ form.as_p }}
        </div>
        <button type="submit" class="btn btn-primary">Login</button> 
        <a href="{% url 'account_signup' %}" class="btn btn-brown">Sign Up</a>
    </form>

</div>
{% endblock %}

{% comment %} {% extends 'store/main.html' %}

{% load socialaccount %}  <!-- Corrected this line to load the proper tag library -->

{% block content %}
<div class="container mt-5">
    <h2>Login</h2>

    <!-- Google Login Button (optional) -->
    <a href="{% provider_login_url 'google' %}" class="btn btn-danger mb-4">
        <img src="https://developers.google.com/identity/images/btn_google_signin_dark_normal_web.png" alt="Google Login" style="height: 40px; vertical-align: middle;">
        Sign in with Google
    </a>
    
    <!-- Default Login Form -->
    <form method="post" class="bg-light p-4 rounded shadow-sm">
        {% csrf_token %}
        <div class="form-group">
            {{ form.as_p }}
        </div>
        <button type="submit" class="btn btn-primary btn-block">Login</button>
    </form>
</div>
{% endblock %} {% endcomment %}