{% if salesCommissionsSummary|length > 0 %}
    <br>
    <div class="text-info alert alert-default" style="">
        <div class="text-info" style="padding: 0px !important;">{{ 'Pagos previos' }}</div>
        <table class="table table-bordered">
            <tr>
                <th>{{ 'paymentperiod' |trans|capitalize }}</th>
                <th>{{ 'Recibos'|trans }}</th>
                <th>{{ 'commissionAmount'|trans|capitalize|capitalize }}</th>
                <th class="text-right">{{ 'commissionPercentage'|trans|capitalize }}</th>
                <th class="text-right">{{ 'commission'|trans|capitalize }}</th>
            </tr>
            <tbody>
            {% for salesCommission in salesCommissionsSummary.salesCommissions %}
                <tr>
                    <td>{{ salesCommission.paymentPeriod.startDate|date('d-m-Y H:i') }} - {{ salesCommission.paymentPeriod.endDate|date('d-m-Y H:i') }}</td>
                    <td>{{ salesCommission.getReceipts }} </td>
                    <td>{{ salesCommission.commissionableAmount|price('') }}</td>
                    <td class="text-right">{{ salesCommission.commissionPercentage|price('%') }}</td>
                    <td class="text-right">{{ salesCommission.commissionAmount|price('') }}</td>
                </tr>
            {% endfor %}
            </tbody>
            <tfoot>
            <tr>
                <th colspan="3">{{ 'Totales' |trans|upper }}</th>
                <th class="text-right">{{ salesCommissionsSummary.totalCommissionPercentage|price('%') }}</th>
                <th class="text-right">{{ salesCommissionsSummary.totalCommissionAmount|price('') }}</th>
            </tr>
            </tfoot>
        </table>
    </div>

{% else %}
    <div class="text-info">{{ 'Sin pagos previos de comisiones' }}</div>
{% endif %}
           <hr>