{% set fields = [
    {
        "nbVehicles": {
            "name": "total.totalNbVehiclePurchase",
            "type": "number"
        },
        "purchasePrice": {
            "name": "total.totalPurchasePriceWithoutTax",
            "type": "money"
        },
        "purchasePriceTtc": {
            "name": "total.totalPurchasePriceWithTax",
            "type": "money"
        },
        "totalExternalChargesHT": {
            "name": "total.totalExternalChargesWithoutTax",
            "type": "money"
        },
        "totalInternalTransferChargesHT": {
            "name": "total.totalInternalChargesWithoutTax",
            "type": "money"
        },
        "totalTransportChargesHT": {
            "name": "total.totalTransportChargesWithoutTax",
            "type": "money"
        },
        "totalPurchaseChargesHT": {
            "name": "total.totalChargesWithoutTax",
            "type": "money"
        },
        "costPrice": {
            "name": "total.totalCostPriceWithoutTax",
            "type": "money"
        }
    }
] %}

<div class="modal fade xl-modal" id="valuation-stats" tabindex="-1" role="dialog" aria-hidden="true" data-display-total="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">
                    {{ 'total.valuationStockValuationDate'|trans({'%valuationDate%': valuationDate|date('d/m/Y')}, admin.translationDomain) }}
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    {% for attributes in fields %}
                        <div class="col-lg-6">
                            <table class="table table-striped table-nowrap">
                                <tbody>
                                    {% for name, attribute in attributes %}
                                        <tr>
                                            <th class="border-separator">
                                                {{ attribute.name|trans({}, admin.translationdomain) }} :
                                            </th>
                                            <td class="border-separator text-right">
                                                <span data-display-total="{{ name }}" data-format="{{ attribute.type }}">...</span>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endfor %}

                    {% if chargesCategories is not empty and chargesCategories|length > 0 %}
                        <div class="col-lg-12">
                            <table class="table table-striped">
                                <tbody>
                                    {% for key, charge in chargesCategories %}
                                        {% if loop.index0%2 == 0 %}
                                            {% if loop.index0 > 0 %}
                                                </tr>
                                            {% endif %}
                                            <tr>
                                        {% endif %}

                                        <th class="border-separator">
                                            {{ charge.name }}
                                        </th>

                                        <td class="border-separator text-right">
                                            <span data-display-total="{{ key }}" data-format="money">...</span>
                                        </td>
                                    {% endfor %}
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>