<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 proveedores</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 Proveedores</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">
                <div class="row mb-2">
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-monto-cxp">Total monto CXP</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-monto-cxp" disabled>
                    </div>
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-saldo-cxp">Total saldo CXP</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-saldo-cxp" disabled>
                    </div>
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-1-30">Total 1 a 30 días</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-1-30" disabled>
                    </div>
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-31-60">Total 31 a 60 días</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-31-60" disabled>
                    </div>
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-61-90">Total 61 a 90 días</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-61-90" disabled>
                    </div>
                    <div class="col-sm-6 col-md-2">
                        <label class="form-label" for="num-total-90">Total más de 90 días</label>
                        <input type="text" class="form-control form-control-sm" id="num-total-90" disabled>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-12">
                <table class="table table-sm 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>Proveedor</th>
                            <th class="text-center">Monto CXP</th>
                            <th class="text-center">Saldo CXP</th>
                            <th class="text-center">1 A 30 DÍAS</th>
                            <th class="text-center">31 A 60 DÍAS</th>
                            <th class="text-center">61 A 90 DÍAS</th>
                            <th class="text-center">MÁS DE 90 DÍAS</th>
                        </tr>
                    </thead>
                    <tbody>

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

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