{% extends 'base.html.twig' %}

{% block title %}{% apply spaceless %}
    Financial Aid Resources for {{ 'now'|date('Y') }}
{% endapply %}{% endblock %}

{% block meta_description %}Universities.com is here to help you stay on top of things. Armed with some knowledge and a plan of attack, the world of financial aid can go from a daunting task on your to-do list to a rewarding way to prepare for your next stage of life.{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <aside class="mt-3">
                    <ul class="list-group">
                        <li class="list-group-item" style="border-top: solid 5px #00415c; !important">
                            <h4 class="lh-2 mt-1 fw-lighter">Page Navigation</h4>
                        </li>
                        <li class="list-group-item small"><a href="#resources">Financial Aid Resources for {{ 'now'|date('Y') }}</a></li>
                        <li class="list-group-item small"><a href="#topics">Financial Aid Topics</a></li>
                    </ul>
                </aside>
            </div>

            <div class="col-md-9">
                <section class="my-3">
                    <div class="card mb-3 school shadow-sm">
                        <div class="card-body p-5">
                            <h2>Financial Aid Resources for {{ 'now'|date('Y') }}</h2>
                            <p class="card-text fw-light">
                            How do you get the degree you need without digging
                            yourself into a hole of debt?  What’s required for
                            a scholarship application process?  If you know the
                            right strategies and which things to avoid, you can
                            receive the money you need to get ahead while
                            getting your degree!  Universities.com is here to
                            help you stay on top of things.  Armed with some
                            knowledge and a plan of attack, the world of
                            financial aid can go from a daunting task on your
                            to-do list to a rewarding way to prepare for your
                            next stage of life. Check out the articles below
                            and find out how you can get financial support
                            while achieving your dreams!
                            </p>
                        </div>
                    </div>
                </section>

                <h3 class="my-3 text-center text-md-start fw-light" id=topics>Financial Aid Topics</h3>

                <section class="mt-3">
                    {% for article in articles %}
                        <div class="card mb-3 school shadow-sm">
                            <div class="card-body">
                                <div class="row">
                                    <a href="{{article.url}}" class="col-md-4">
                                        <img style="max-width: 100%; height: auto;" class="d-block mx-auto" src="{{ asset("build/images/" ~ article.image) }}">
                                    </a>
                                    <div class="col-md-8">
                                        <a href="{{ article.url }}">
                                            <h3 class="mt-2">{{ article.title }}</h3>
                                        </a>
                                        <small class="d-block my-2">{{ article.byline }}</small>
                                        <p class="card-text fw-light">{{ article.text }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </section>
            </div>
        </div>
    </div>
{% endblock %}