63 lines
No EOL
2.5 KiB
Twig
63 lines
No EOL
2.5 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Offers{% endblock %}
|
|
|
|
{% block body %}
|
|
|
|
{% for message in app.flashes('success') %}
|
|
<div class="alert alert-success" role="alert">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
{% for message in app.flashes('error') %}
|
|
<div class="alert alert-danger" role="alert">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<h2><i class="fas fa-filter"></i>Filter</h2>
|
|
{{ form_start(filter_form) }}
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
{{ form_row(filter_form.zipCode) }}
|
|
</div>
|
|
<div class="col-sm">
|
|
{{ form_row(filter_form.distance) }}
|
|
</div>
|
|
<div class="col-sm">
|
|
<button type="submit" class="btn btn-lg btn-primary">Filter</button>
|
|
</div>
|
|
</div>
|
|
{{ form_end(filter_form) }}
|
|
|
|
|
|
<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="mb-5">
|
|
<div class="card offer h-100">
|
|
<a href="{{ path('show_offer', {'id': offer.id }) }}">
|
|
{% if offer.photoFilename %}
|
|
<img class="card-img-top offer-img" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}" />
|
|
{% else %}
|
|
<img class="card-img-top offer-img" src="{{ asset('placeholder.jpg') }}" />
|
|
{% endif %}
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{ offer.title }}</h5>
|
|
</div>
|
|
</a>
|
|
<div class="card-footer offer-footer">
|
|
<a class="user-link" href="{{ path('user_public', { 'id': offer.byuser.id }) }}">
|
|
<p class="username"><i class="fas fa-user mt-3"></i> {{ offer.byUser }}</p>
|
|
</a>
|
|
<p class="zip"><i class="fas fa-map-marker-alt mt-3"></i> {{ offer.zipCode }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="alert alert-warning" role="alert">There are no active offers with the current filter.</div>
|
|
{% endif %}
|
|
{% endblock %} |