{% extends 'base.html' %}
{% load static %}
{% block title %}BUSA | Home{% endblock %}

{% block content %}

<section class="bg-success text-white text-center py-5">
    <div class="container">
        <h1 class="display-4 fw-bold">
            Welcome to Baliti University Students Association (BUSA)
        </h1>
        {% if user.is_authenticated %}

        <p class="lead mt-3 text-warning">
            You are logged in as <strong>{{ user.first_name }}</strong>.
        </p>

        <div class="mt-4">
            <a href="{% url 'dashboard' %}" class="btn btn-light btn-lg shadow">
                <i class="fas fa-tachometer-alt me-2"></i>
                Go to Dashboard
            </a>
        </div>

    {% else %}

        <p class="lead mt-3">
            Create an account to become a BUSA member.
        </p>

        <div class="mt-4">
            <a href="{% url 'register' %}" class="btn btn-light btn-lg me-3 shadow">
                <i class="fas fa-user-plus me-2"></i> Register
            </a>

            <a href="{% url 'login' %}" class="btn btn-outline-light btn-lg shadow">
                <i class="fas fa-sign-in-alt me-2"></i> Login
            </a>
        </div>

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

<section class="py-5 bg-light">
    <div class="container text-center">
        <h3 class="fw-bold text-success mb-4">Why Join BUSA?</h3>

        <div class="row">
            <div class="col-md-4">
                <i class="fas fa-shield-alt fa-3x text-success mb-3"></i>
                <h5>Secure Voting</h5>
                <p>Participate in transparent and secure student elections.</p>
            </div>

            <div class="col-md-4">
                <i class="fas fa-hands-helping fa-3x text-success mb-3"></i>
                <h5>Inclusive Community</h5>
                <p>
                    We foster a diverse and inclusive student community where every voice matters.
                </p>
            </div>

            <div class="col-md-4">
                <i class="fas fa-bullhorn fa-3x text-success mb-3"></i>
                <h5>Student Representation</h5>
                <p>Have your voice heard in student leadership and governance.</p>
            </div>
        </div>
    </div>
</section>

{% endblock %}