{% extends "frontend/base.html" %}
{% load i18n %}
{% 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-8 col-lg-offset-2">
                    <div class="payment-success-text">
                        <h2>{% blocktrans with booking=object.id %}Buchung #{{ booking }} erfolgreich{% endblocktrans %}</h2>
                        <p>{% blocktrans with currency=object.invoice.currency|upper amount=object.budget %}Die Zahlung über {{ currency }} {{ amount }} wurde erfolgreich freigegeben!{% endblocktrans %}</p>
                        
                        <span><i class="fa fa-check-circle"></i></span>
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <td><span><i class="fa fa-clone"></i></span>{% trans "Kategorie" %}</td>
                                        <td><span><i class="fa fa-diamond"></i></span>{% trans "Beschreibung" %}</td>
                                        <td><span><i class="fa fa-dollar"></i></span>{% trans "Preis" %}</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><span><i class="fa fa-building"></i></span>Buchung</td>
                                        <td>{{ object.accepted.roomcategory.establishment.name }}<br/>{{ object.arrival }} – {{ object.accepted.departure }}</td>
                                        <td>{{ object.invoice.currency|upper }} {{ object.budget }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <a href="{% url "auction:offer_selection" object.invoice.inquiry.uuid %}" class="btn btn-orange">Buchungsbestätigung drucken</a><br /><br />
                    </div>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end coming-soon-text -->
</section><!-- end innerpage-wrapper -->
{% endblock %}