{% extends 'base.html' %}
{% load static %}

{% block content %}
 <div class="container py-2">
    <div class="row justify-content-center align-items-center" style="min-height: 70vh;">
        <div class="col-md-8 col-lg-6">

            <div class="card shadow-lg border-success border-3 rounded-4 text-center">

                <div class="card-header bg-success text-white py-1">
                    <h4 class="mb-0">
                        <i class="fas fa-file-alt me-2"></i>
                        Scholarship Application
                    </h4>
                </div>

                <div class="card-body py-5">

                    <i class="fas fa-tools fa-4x text-success mb-2"></i>

                    <h3 class="fw-bold mb-1">
                        Application Form
                    </h3>

                    <p class="display-6 text-muted mb-1">
                        Coming Soon
                    </p>

                    <p class="text-muted">
                        The online scholarship application portal is currently
                        being prepared. Please check back later for updates.
                    </p>

                    <a href="{% url 'core:home' %}" class="btn btn-success px-4 mt-1">
                        <i class="fas fa-home me-2"></i>
                        Go Back Home
                    </a>

                </div>

                <div class="card-footer bg-light text-muted">
                    <i class="fas fa-info-circle me-2"></i>
                    Thank you for your patience. Please check back again.
                </div>

            </div>

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