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

{% block body %}

    <h1>Offerings</h1>
    {% if offerings|length > 0 %}
        <div class="card-deck">
            {% for offering in offerings %}
            <a href="#">
                    <div class="card" style="width: 20rem;">
                        {% if offering.photoFilename %}
                            <img class="card-img-top" src="{{ asset('uploads/photos/' ~ offering.photofilename) }}" />
                        {% endif %}
                        <div class="card-body">
                            <h5 class="card-title">{{ offering.title }}</h5>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        </div>
                    </div>
                </a>
            {% endfor %}
        </div>
    {% else %}
        <p>There are currently no active listings</p>
    {% endif %}
{% endblock %}