pflaenz.li-Symfony/templates/app/offer.html.twig

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

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

    <div class="offer d-flex flex-wrap justify-content-around">
        <div class="p-3 img-container">
            <img class="mb-3 img-fluid rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
        </div>
        <div class="offer-info p-3">
          <h3>Description</h3>
          <p>{{ offer.description }}</p>
          <h3>From</h3>
          <p>{{ offer.byUser }} in {{ offer.zipCode }}</p>
        </div>
    </div>

    <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>
        <button class="btn btn-primary">Offer trade</button>
{% endblock %}