modal-tarjetas.html 3.26 KB
<div class="modal-header">
    <h5 class="modal-title">Pago con Tarjeta</h5>
</div>

<div class="modal-body" id="modal-body">
    <div class="row mb-2">
        <div class="col-12 p-0">
            <div class="row mx-0 botonera-secundaria">
                <div class="col-12">
                    <foca-botonera-tarjetas 
                        botones="botonesTarjetas" 
                        max="1" 
                        class="row justify-content-start mx-0"
                    >
                    </foca-botonera-tarjetas>
                </div>
            </div>
        </div>
    </div>
    <div class="border-top" ng-show="showForm">
        <div class="row mt-4 fadeIn">
            <div class="col">
                <form>
                    <div class="row pb-3">
                        <div class="col-3 col-sm-2 pr-1">
                            <input class="form-control form-control-sm">
                        </div>
                        <div class="col-9 col-sm-4 pl-2">
                            <input class="form-control form-control-sm">
                        </div>
                    </div>
                    <div class="row pb-3">
                        <div class="col">
                            <span>Importe</span>
                            <strong>$1560.45</strong>
                        </div>
                    </div>
                    <div class="row pb-3">
                        <div class="col-2 pr-1 my-auto">
                            <span>Terminal Nº</span>
                        </div>
                        <div class="col col-sm-4 pl-1">
                            <input
                                class="form-control form-control-sm"
                                type="number"
                                ng-disabled="readonly">
                        </div>
                    </div>
                    <div class="row pb-3">
                        <div class="col-3 pr-1 my-auto">
                            <span>Número de Cupón</span>
                        </div>
                        <div class="col col-sm-3 pl-1">
                            <input
                                class="form-control form-control-sm"
                                type="number"
                                ng-disabled="readonly">
                        </div>
                    </div>
                    <div class="row pb-3">
                        <div class="col-1 pr-1 my-auto">
                            <span>Cuotas</span>
                        </div>
                        <div class="col col-sm-5 pl-1">
                            <input
                                class="form-control form-control-sm"
                                type="number"
                                ng-disabled="readonly">
                        </div>
                    </div>
                </form>
            </div>            
        </div>
    </div>
</div>


<div class="modal-footer d-flex" ng-class="{ 'justify-content-between': showForm }">
    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
    <button
        class="btn btn-sm btn-primary"
        type="button"
        ng-click="aceptarFormaDePago()"
        ng-show="showForm">Aceptar
    </button>
</div>