{% extends "frontend/base.html" %}
{% load i18n %}
{% load bootstrap4 %}
{% load static %}

{% block "styles" %}
<link rel="stylesheet" type="text/css" href="{% static "vendor/css/jquery.dataTables.min.css" %}">
{% endblock %}

{% block "content" %}
        <!--===== INNERPAGE-WRAPPER ====-->
        <section class="innerpage-wrapper">
            <div id="payment-success" class="section-padding">
        <div class="container text-center">
            <div class="row d-flex justify-content-center">
                <div class="col-md-12 col-lg-12 col-lg-offset-2">
                        <h2>{% trans "Verfügbare Anfragen" %}</h2>
                        <table id="biddingtable">
                            <thead>
                                <td>ID</td>
                                <td>Reiseziel (Distanz)</td>
                                <td>Anreisedatum</td>
                                <td>Aufenthaltsdauer</td>
                                <td>Personen</td>
                                <td>Gebotener Betrag</td>
                                <td></td>
                            </thead>
                            {% for inquiry in object_list %}{% if inquiry.destination_radius == 0 or inquiry.distance.m < inquiry.destination_radius %}
                            <tr>
                                <td>{{ inquiry.id }}</td>
                                <td>{{ inquiry.destination_name }} ({{ inquiry.distance.km | floatformat:1 }}km)</td>
                                <td>{{ inquiry.arrival }}</td>
                                <td>{% if inquiry.min_nights == 0 %}Egal!{% elif inquiry.min_nights == 1 %}Kurztrip (2-3 Nächte){% else %}Min. 3 Nächte{% endif %}</td>
                                <td>{{ inquiry.adults }} + {{ inquiry.children }}</td>
                                <td>€ {{ inquiry.budget }}</td>
                                <td><button class="btn btn-orange">Angebot erstellen!</button></td>
                            </tr>
                            {% endif %}{% endfor %}
                        </table>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end coming-soon-text -->
</section><!-- end innerpage-wrapper -->
{% endblock %}

{% block "scripts" %}
<script type="text/javascript" charset="utf8" src="{% static "vendor/js/jquery.dataTables.min.js" %}"></script>
<script type="text/javascript" src="{% static "auction/js/biddingtable.js" %}"></script>
{% endblock %}