modal-estado-cuenta.html 3.09 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title text-center my-1">Estado cuenta corriente</h5>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div class="row m-3">
        <div class="col">
            <div class="row mb-2">
                <div class="col text-center">
                    <p class="m-0">Autorizado</p>
                    <p class="h5 m-0" ng-bind="estadoCuenta.autorizado | currency"></p>
                </div>
            </div>
            <div class="row border-top mb-2">
                <div class="col text-center">
                    <p class="m-0">Extracciones</p>
                    <p class="h5 m-0" ng-bind="estadoCuenta.extracciones | currency"></p>
                </div>
            </div>
            <div class="row border-top mb-2">
                <div class="col text-center">
                    <p class="m-0">Saldo</p>
                    <p class="h5 m-0" ng-bind="estadoCuenta.saldo | currency"></p>
                </div>
            </div>
            <div class="row border-top">
                <div class="col text-center">
                    <p class="m-0">Situacion</p>
                    <h4>
                        <p
                            ng-show="estadoCuenta.situacion"
                            class="badge badge-success m-0 px-3">Permitido
                        </p>
                        <p
                            ng-show="!estadoCuenta.situacion"
                            class="badge badge-danger m-0 px-3">No permitido
                        </p>
                    </h4>
                </div>
            </div>
            <div class="row border-top mb-2">
                <div class="col text-center">
                    <p class="m-0">Facturas Vencidas</p>
                    <p class="h5 m-0" ng-bind="estadoCuenta.facturasVencidas | currency"></p>
                </div>
            </div>
        </div>
    </div>
    <div class="row h-25 align-items-center mx-0 botonera-secundaria">
        <div class="col-6 col-sm-4 offset-sm-2">
            <button
                type="button"
                class="btn btn-sm btn-block btn-tarjeta rounded border p-1"
                ng-disabled="!estadoCuenta.situacion"
                ng-click="elegirTipoDePago('Contado')"
            >
                <img ng-src="./img/contado.png" alt="">
                <p class="m-0">Contado</p>
            </button>
        </div>
        <div class="col-6 col-sm-4">
            <button
                type="button"
                class="btn btn-sm btn-block btn-tarjeta rounded border p-1"
                ng-disabled="!estadoCuenta.situacion"
                foca-focus="true"
                ng-click="elegirTipoDePago('Cuenta Corriente')"
            >
                <img ng-src="./img/cuentaCorriente.png" alt="">
                <p class="m-0">Cta. Corriente</p>
            </button>
        </div>
    </div>
</div>
<div class="modal-footer py-2">
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>