<div class="table-responsive">
    <table class="table table-striped table-header table-hover table-responsive-sm">
        <thead>
        <tr>
            <th>{% trans %}part.supplier.name{% endtrans %}</th>
            <th>{% trans %}part.supplier.partnr{% endtrans %}</th>
            <th></th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        {% for order in part.orderdetails %}
            <tr class="{% if order.obsolete %}table-danger{% endif %}">
                <td>
                    <a href="{{ order.supplier | entityURL('list_parts') }}">{{ order.supplier.name }}</a>
                </td>
                <td>{% if order.supplierProductUrl is not empty %}
                        <a href="{{ order.supplierProductUrl }}" rel="noopener" target="_blank" class="link-external">{{ order.supplierPartNr }}</a>
                    {% else %}
                        {{ order.supplierPartNr }}
                    {% endif %}
                </td>
                <td>
                    {% if order.pricedetails is not empty %}
                    <table class="table table-bordered table-sm table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>{% trans %}part.order.minamount{% endtrans %}</th>
                                <th>{% trans %}part.order.price{% endtrans %}</th>
                                <th>
                                    {% trans %}part.order.single_price{% endtrans %}
                                    {% if part.partUnit %}
                                        / 1 {{ part.partUnit.unit }}
                                    {% endif %}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for detail in order.pricedetails %}
                        <tr>
                            <td>
                                {{ detail.MinDiscountQuantity | amountFormat(part.partUnit) }}
                            </td>
                            <td>
                                {{ detail.price | moneyFormat(detail.currency) }} / {{ detail.PriceRelatedQuantity | amountFormat(part.partUnit) }}
                                {% if detail.currency != (app.user.currency ?? null) and pricedetail_helper.convertMoneyToCurrency(detail.price, detail.currency) > 0 %}
                                    <span class="text-muted">({{ pricedetail_helper.convertMoneyToCurrency(detail.price, detail.currency, app.user.currency ?? null) | moneyFormat(app.user.currency ?? null) }})</span>
                                {% endif %}
                            </td>
                            <td>
                                {{ detail.PricePerUnit  | moneyFormat(detail.currency) }}
                                {% if detail.currency != (app.user.currency ?? null) and pricedetail_helper.convertMoneyToCurrency(detail.PricePerUnit, detail.currency) > 0 %}
                                    <span class="text-muted">({{ pricedetail_helper.convertMoneyToCurrency(detail.PricePerUnit, detail.currency, app.user.currency ?? null) | moneyFormat(app.user.currency ?? null) }})</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </td>
                <td> {# Action for order information #}
                    <div class="btn-group">
                        <button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-boundary="window">
                            Action
                        </button>
                        <div class="dropdown-menu">
                            <span class="text-muted dropdown-item-text" ><i class="fas fa-lightbulb fa-fw"></i> <b>ID:</b> {{ order.iD }}</span>
                            <span class="text-muted dropdown-item-text" ><i class="fas fa-history fa-fw"></i> <b>{% trans %}createdAt{% endtrans %}:</b> {{ order.addedDate | format_datetime("short")}}</span>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#"><i class="fas fa-edit fa-fw"></i> {% trans %}edit.caption_short{% endtrans %}</a>
                            <a class="dropdown-item" href="#"><i class="fas fa-trash fa-fw"></i> {% trans %}delete.caption{% endtrans %}</a>
                        </div>
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>