<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Cuentas por pagar empresariales</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Contabilidad</a></li>
                    <li class="breadcrumb-item">Informes</li>
                    <li class="breadcrumb-item active">CXP Empresariales</li>
                </ol>
            </div>

        </div>
    </div>
</div>

<div class="card">
    <div class="card-body pt-1">
        <div class="row">
            <div class="col-sm-12 col-md-12 mb-2">
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <label for="num-total-financiado" class="form-label">Total financiado</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-financiado" readonly>
                    </div>
                    <div class="col-sm-2 col-md-2">
                        <label for="num-total-saldo" class="form-label">Total saldo</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-saldo" readonly>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-12">
                <table class="table table-bordered" id="cuentas-por-pagar-tbl" style="text-align:center; width:100% !important;">
                    <thead class="table-primary">
                        <tr>
                            <th class="text-center">#</th>
                            <th class="text-center">Nota riesto</th>
                            <th>Institución</th>
                            <th>Referencia</th>
                            <th class="text-center">Monto financiado</th>
                            <th class="text-center">Tasa</th>
                            <th class="text-center">Fecha otorgamiento</th>
                            <th class="text-center">N° Cuotas</th>
                            <th class="text-center">Periodicidad</th>
                            <th class="text-center">Cuota</th>
                            <th class="text-center">Fecha de corte</th>
                            <th class="text-center">Último pago</th>
                            <th class="text-center">Saldo</th>
                            <th>Garantias</th>
                            <th>Destino</th>
                            <th>Observaciones</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<?php
$jsModules = [
    'informeCXPEmpresarialesPage'
];
