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

{% block title %}My offers{% endblock %}

{% block body %}
    {% for message in app.flashes('success') %}
        <div class="alert alert-success" role="alert">
            {{ message }}
        </div>
    {% endfor %}
    <h1>Offers</h1>
    {% if offers|length > 0 %}
        <div class="card-deck d-flex justify-content-around justify-content-sm-around justify-content-md-between flex-wrap">
            {% for offer in offers %}
                    <div class="card offer h-100">
                        {% if offer.photoFilename %}
                            <img class="card-img-top" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}" />
                        {% endif %}
                        <div class="card-body">
                            <h5 class="card-title">{{ offer.title }}</h5>
                            <p class="card-text">{{ offer.description }}</p>
                        </div>
                        <div class="card-footer offer-footer">
                            <a href=" {{ path('show_offer', { id: offer.id }) }}" class="btn btn-primary"><i class="fas fa-external-link-alt"></i></a>
                            <a href="#" class="btn btn-info"><i class="fas fa-pen"></i></a>
                            <a href="#" class="btn btn-danger"><i class="fas fa-trash-alt"></i></a>
                        </div>
                    </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="alert alert-warning" role="alert">There are currently no active offers.</div>
    {% endif %}
{% endblock %}