{% set blUseLivePrice = aQuickorderConfig.priceMode == 'live' and aQuickorderConfig.hasActivePriceMode %}
{% set blIsPrototype = blPrototype|default(false) %}

{# Precompute row values to avoid duplicate markup and to not access oArticle in prototype mode #}
{% if blIsPrototype %}
    {% set sArtNum = '' %}
    {% set sArticleId = '' %}
    {% set fMinAmount = 1 %}
    {% set fMaxAmount = 0 %}
    {% set fAmountValue = 1 %}
    {% set sUnitName = '' %}
    {% set sTitle = '' %}
{% else %}
    {% set sArtNum = oArticle.getArticleNumber() %}
    {% set sArticleId = oArticle.getId() %}
    {% set fMinAmount = oArticle.getMinAmount() > 0 ? oArticle.getMinAmount() : 1 %}
    {% set fMaxAmount = oArticle.getMaxAmount() %}
    {% set fAmountValue = fAmount|default(1) %}
    {% set sUnitName = oArticle.getUnitName()|default('') %}
    {% set sTitle = oArticle.getTitle() %}
{% endif %}

{% block c4s_quickorder_row %}
    <tr class="align-middle c4s-quickorder-row{% if blIsPrototype %} d-none{% endif %}"
        {% block c4s_quickorder_row_attributes %}
            {% if blIsPrototype %}data-role="row-prototype" aria-hidden="true"{% endif %}
            data-artnum="{{ sArtNum }}"
            data-article-id="{{ sArticleId }}"
            {% if not blIsPrototype and aAmountPriceTiers is defined and aAmountPriceTiers|length > 0 %}
                data-price-tiers="{{ aAmountPriceTiers|json_encode|e('html_attr') }}"
            {% endif %}
        {% endblock %}
    >
        {% for col in aQuickorderConfig.columns %}
            {% block c4s_quickorder_row_col %}
                {% if col == 'artnum' %}
                    {% block c4s_quickorder_row_col_artnum %}
                        <td class="c4s-quickorder-col-artnum" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_ARTNUM' }) }}">
                            <span data-role="row-artnum">{{ sArtNum }}</span>
                        </td>
                    {% endblock %}

                {% elseif col == 'title' %}
                    {% block c4s_quickorder_row_col_title %}
                        <td class="c4s-quickorder-col-title" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_TITLE' }) }}">
                            <span data-role="row-title">{{ sTitle }}</span>
                        </td>
                    {% endblock %}

                {% elseif col == 'amount' %}
                    {% block c4s_quickorder_row_col_amount %}
                        <td class="c4s-quickorder-col-amount" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_AMOUNT' }) }}">
                            {% block c4s_quickorder_row_amount_input %}
                                <input type="number"
                                       class="form-control form-control-sm"
                                       data-role="row-amount"
                                       min="{{ fMinAmount }}"
                                       {% if fMaxAmount > 0 %}max="{{ fMaxAmount }}"{% endif %}
                                       value="{{ fAmountValue }}">
                            {% endblock %}
                        </td>
                    {% endblock %}

                {% elseif col == 'unit' %}
                    {% block c4s_quickorder_row_col_unit %}
                        <td class="c4s-quickorder-col-unit" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_UNIT' }) }}">
                            <span data-role="row-unit">{{ sUnitName }}</span>
                        </td>
                    {% endblock %}

                {% elseif col == 'price' %}
                    {% block c4s_quickorder_row_col_price %}
                        <td class="c4s-quickorder-col-price text-end" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_PRICE' }) }}">
                            {% block c4s_quickorder_row_price_content %}
                                <span data-role="row-price"
                                      data-value="0"
                                      {% if blUseLivePrice %}data-liveprice="1"{% endif %}
                                >
                                    {% if blUseLivePrice %}
                                        <i class="fa-solid fa-spinner fa-spin" aria-hidden="true"></i>
                                    {% else %}
                                        {{ blIsPrototype ? '–' : sUnitPriceFormatted|default('–') }}
                                    {% endif %}
                                </span>
                            {% endblock %}
                        </td>
                    {% endblock %}

                {% elseif col == 'totalprice' %}
                    {% block c4s_quickorder_row_col_totalprice %}
                        <td class="c4s-quickorder-col-totalprice text-end" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_TOTALPRICE' }) }}">
                            {% block c4s_quickorder_row_col_totalprice_content %}
                                <span data-role="row-totalprice"
                                      data-value="0"
                                      {% if blUseLivePrice %}data-liveprice="1"{% endif %}
                                >
                                    {% if blUseLivePrice %}
                                        <i class="fa-solid fa-spinner fa-spin" aria-hidden="true"></i>
                                    {% else %}
                                        {{ blIsPrototype ? '–' : sTotalPriceFormatted|default('–') }}
                                    {% endif %}
                                </span>
                            {% endblock %}
                        </td>
                    {% endblock %}

                {% else %}
                    {% block c4s_quickorder_row_col_default %}
                        <td class="c4s-quickorder-col-{{ col }}">
                            {# Extension point for submodules #}
                        </td>
                    {% endblock %}
                {% endif %}
            {% endblock %}
        {% endfor %}

        {% block c4s_quickorder_row_col_remove %}
            <td class="text-end c4s-quickorder-col-remove" data-label="{{ translate({ ident: 'C4S_QUICKORDER_COLUMN_REMOVE' }) }}">
                {% block c4s_quickorder_row_col_remove_button %}
                    <button type="button"
                            class="btn btn-sm btn-outline-primary border-0"
                            data-role="row-remove"
                    ><i class="fa-solid fa-trash"></i><span class="d-md-none"> {{ translate({ ident: 'REMOVE' }) }}</span></button>
                {% endblock %}
            </td>
        {% endblock %}
    </tr>
{% endblock %}