{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{ "Mostrar"|trans }} {{ 'concessionairepayment'|trans }}
    {% endblock %}
    {% block subtitle %}{% endblock %}

    {% block body %}
        {% if error is defined %}
            <div class="alert alert-danger">
                {{ error }}
            </div>
        {% else %}

            <table class="table table-hover">
                <tbody>
                {% for field in fields %}
                    <tr>
                        <th>{{field.name|trans|capitalize}}</th>
                        <td> {{ renderEntityField(entity, field) }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            {% if entity.percentageRanges|length >0 %}
                <div class="card">
                    <div class="card-header" data-background-color="purple">
                        Rangos de porcentajes de pagos iniciales
                    </div>
                    <div class="card-content">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Inicio</th>
                                <th>Fin</th>
                                <th>Comisión</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for percentageRange in entity.percentageRanges %}
                                <tr>
                                    <td> {{ percentageRange.number }}</td>
                                    <td> {{ percentageRange.start }}%</td>
                                    <td> {{ percentageRange.end }}%</td>
                                    <td> {{ percentageRange.commission }}%</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

            {% endif %}
        {% endif %}
    {% endblock %}