{% extends 'frontend/profile-affilate/index.html.twig' %}
{% block content %}

    <div class="textblock"><h2>Faktury</h2>
        <div class="textblock__table table-border alternative">
            {% for eshop in eshops %}
                {% for invoice in eshop.invoices %}
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="textblock__table--part alternative">
                                <div class="textblock__table--header"><p> NÁZEV</p></div>
                                <div class="textblock__table--content">
                                    <div class="textblock__product">
                                        <div class="textblock__product--text"><a href="#">{{ eshop.name }}</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="textblock__table--part alternative">
                                <div class="textblock__table--header"><p> URL</p></div>
                                <div class="textblock__table--content"><p>{{ eshop.url }}</p></div>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="textblock__table--part alternative">
                                <div class="textblock__table--header"><p> Cena</p></div>
                                <div class="textblock__table--content"><p>{{ invoice.totalWithoutVat }} Kč</p></div>
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div class="textblock__table--part alternative">
                                <div class="textblock__table--header"><p> DETAIL</p></div>
                                <div class="textblock__table--content"><a href="#">Zobrazit</a></div> {# TODO Invoice modal #}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            {% endfor %}
        </div>
    </div>

{% endblock %}