{% extends "base.html" %}
{% load static %}
{% load markdown_extras %}
{% block title %}
    Joanna Lemon Learning - Resource List
{% endblock title %}
{% block content %}

    {% include "resources/admin_bar.html" %}

    {# featured resources #}
    {% if featured_resources %}
        <div class="row my-4 text-center">
            <h5 class="display-6">Featured resources</h5>
        </div>

        <div class="row">
        {% for featured_resource in featured_resources %}
            {% if featured_resources|length == 1 %}
                <div class="col-lg-12 col-md-12 col-sm-12 mb-4">
            {% elif featured_resources|length == 2 %}
                <div class="col-lg-6 col-md-6 col-sm-12 mb-4">
            {% elif featured_resources|length == 3 %}
                <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
            {% endif %}
        {% include "resources/resource_card.html" with resource=featured_resource %}
        </div>
        {% endfor %}
    </div>
    {% else %}
        <p>There are no featured resources</p>
    {% endif %}

{# standard resources #}
{% if resource_list %}
    <div class="row my-4 text-center">
        <div class="col">
            <h5 class="display-6">Standard resources</h5>
        </div>
    </div>

    <div class="d-flex flex-row flex-wrap">
        {% for resource in resource_list %}
            <div class="col">
                {% include "resources/resource_card.html" with resource=resource %}
            </div>
        {% endfor %}
    </div>
{% else %}
    <p>There are no resources</p>
{% endif %}
{% endblock content %}