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

{% block body %}
    <h1 class="mb-3">{{ offer.title }}</h1>

    <div class="media">
        <img class="mr-3 w-25 rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
        <div class="media-body">
            <h3>
                Description
            </h3>
            <p>
            {{ offer.description }}
          </p>
          <h3>
             From
          </h3>
          <p>{{ offer.byUser }} in {{ offer.zipCode }}</p>
          <h3>Wishes</h3>
          <p>{{ offer.byUser }} would like some of the following in return:</p>
          <div class="mb-3">
            {% if wishes == [] %}
                <div class="alert alert-warning" role="alert">
                    There are currently no wishes!
                </div>
            {% else %}
                <ul class="list-group">
                {% for wish in wishes %}
                    <li class="list-group-item"> {{ wish.title }}</li>
                {% endfor %}
                </ul>
            {% endif %}
            </div>
        </div>
      </div>
{% endblock %}