{% if  cliente is defined and cliente.cuotasPorPagar and cliente.cuotasPorPagar | length > 0 %}
<div style="padding-top: 0.8rem; padding-bottom: 0.8rem; font-size: 12px; text-align: right">

    <table>
        <br>
        <tr>
            <th colspan="3">
                <h4>Cuotas de cuenta corriente sin pagar</h4>
            </th>
        </tr>
        <tr>
            <th>Fecha Vencimiento</th>
            <th>Cuotas</th>
            <th></th>
        </tr>

        {% for cuota in cliente.cuotasPorPagar %}
            <tr>
                {% if (cuota.estado == 0) %}
                <td>{{ cuota.vencimiento | date('d-m-Y') }}</td>
                <td>${{ cuota.montoRemanente }}</td>
                <td>
                    {% if date(cuota.vencimiento) < date()  %}
                        <b style="color: red">Cuota vencida</b>
                    {% elseif date(cuota.vencimiento) < date('+15days') %}
                        <b style="color: orange">Por vencerse</b>
                    {% endif %}
                    {% if cuota.montoRemanente < cuota.monto %}
                        <span style="margin-left: 5px">(Pago parcial)</span>
                    {% endif %}
                </td>
                {% endif %}
            </tr>
        {% endfor %}
        <br>
    </table>

</div>
{% endif %}