{%  if print %}
<div class="col-md-9">
{% endif %}
    {% set totalCapital = 0 %}
    {% set totalDebeCliente = 0 %}

    <h3>CAPITAL CLIENTE </h3>

    <table class="table table-sm table-bordered" style="font-weight: bold">
        <thead class="thead-dark">
              <th scope="col">Cliente</th>
              <th scope="col" style="width: 30%">Monto Capital</th>
        </thead>
        <tbody>
        {% for casoCliente in caso.casoClientes %}
            <tr style="background-color: #66ffcc">
                <td>{{ casoCliente.cliente }}</td>
                <td style="text-align: right">
                    {% set convenioCliente = caso.convenioCliente(casoCliente.cliente.id) %}
                    {%  if convenioCliente is not null %}
                        {{ convenioCliente.montoAcordadoCliente|number_format(2, ',', '.') }}
                    {% else %}
                        <strong>SIN CONVENIO</strong>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="container table" style="font-weight: bold" >
                        <div class="row table-dark" style="text-align: center">
                            <div class="col cen">DESCUENTOS</div>
                        </div>
                        {% set totalDesc = 0 %}
                        {% if ( caso.gastosPorCliente(casoCliente.cliente.id)| length > 0 ) %}
                            <div class="row table-info ">
                                  <div class="col">Concepto</div>
                                  <div class="col">Fecha</div>
                                  <div class="col">Monto</div>
                            </div>
                            {% for gasto in caso.gastosPorCliente(casoCliente.cliente.id) %}
                                <div class="row table-bordered">
                                    <div class="col">{{ gasto.tipomovimiento }}</div>
                                    <div class="col">{{ gasto.fecha | date('d/m/Y') }}</div>
                                    <div class="col" style="text-align: right">{{ gasto.monto|number_format(2, ',', '.') }}</div>
                                </div>
                                {% set totalDesc = totalDesc + gasto.monto %}
                            {% endfor %}
                        {% endif %}
                        {%  if convenioCliente is not null %}
                        <div class="row table-bordered" style="">
                            <div class="col">Pacto Cuota Litis</div>
                            <div class="col"></div>
                            <div class="col" style="text-align: right">
                                {{ convenioCliente.montoAcordadoPactoCuotaLitis|number_format(2, ',', '.') }}
                            </div>
                        </div>
                        {% endif %}
                        <div class="row table-bordered" style="">
                            <div class="col" colspan="2">Total {{ casoCliente.cliente }}</div>
                            {% set totalDebeCliente = totalDesc  %}
                            {%  if convenioCliente is not null %}
                                {% set totalDebeCliente = totalDebeCliente + convenioCliente.montoAcordadoPactoCuotaLitis %}
                                {% set totalCapital = totalCapital + convenioCliente.montoAcordadoCliente %}
                            {% endif %}
                            <div class="col" style="text-align: right"> {{ totalDebeCliente|number_format(2, ',', '.') }} </div>
                        </div>

                    </div>
                </td>
            </tr>

            {% if not print and convenioCliente is not null %}
                <tr>
                    <td colspan="2">
                    {% if caso.isCapitalRecibido and not convenioCliente.capitalPagado %}
                        <a href="{{ path('caja_movimiento_new_pago_capital_cliente', {'caso': caso.id, 'cliente': convenioCliente.cliente.id }) }}"
                           class="nuevoMovimientoBtn btn btn-sm btn-danger"
                           data-toggle="tooltip" data-placement="right" title="Usar este botón para pagar el Capital al cliente una vez que el estudio cobró el capital."
                        >
                            <i class="fas fa-hand-holding-usd"></i> Pagar Cliente</a>
                    {% endif %}

                    {% if not caso.isCapitalPagadoAlCliente and not caso.isCapitalRecibido %}
                        <a href="{{ path('caso_convenioCliente_liquidar', {'id': convenioCliente.id }) }}"
                           class="btnLiquidarCliente btn btn-sm btn-warning"
                           data-toggle="tooltip" data-placement="right" title="Usar este botón cuando el Cliente cobró el Capital directo"
                        >
                            <i class="fas fa-hand-holding-usd"></i> Liquidar Capital </a>
                    {% endif %}

                    {% if not convenioCliente.cobradoPactoClitisMasGastos and
                        convenioCliente.getMontoPclMasGastosCobradoAlCliente < totalDebeCliente %}
                        <a href="{{ path('caja_movimiento_cobrar_pacto_y_gastos', {'caso': caso.id, 'cliente': convenioCliente.cliente.id }) }}"
                           class="cobrarClienteBtn btn btn-sm btn-success"

                        >
                            <i class="fas fa-hand-holding-usd"></i> Cobrar PCL + Gastos </a>
                    {% endif %}

                    </td>
                </tr>
            {% endif %}
        {% endfor %}

        </tbody>
    </table>

{%  if print %}
    </div>
{% endif %}