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

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

{% block body %}
    {% if offer.byUser == user %}
        <div class="alert alert-info" role="alert">This is your offer!</div>
    {% endif %}

    <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>{% if offer.byUser == user %}Me{% else %}{{ offer.byUser }}{% endif %} in {{ offer.zipCode }}</p>
        </div>
    </div>

    {% if offer.byUser == user %}
        <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>
    {% else %}
        <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>
        {% endif %}
{% endblock %}