<div class="modal fade" tabindex="-1" role="dialog" id="modal_detalles_credito">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detalles del movimientos {{ detalleCreditoId }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <td>Documento</td>
                            <th>Fecha</th>
                            <th>Monto</th>
                        </thead>
                        <tbody>
                            <tr v-for="row in detalleCredito">
                                <td><a :href="row.ruta" target="_blank">{{ row.documento }}</a></td>
                                <td>{{ fechaNormal(row.fecha) }}</td>
                                <td>{{ row.monto }}</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th>{{ detalleCreditoTotal }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>