div.i-pay-card
form(class="i-interseguro__content__form")
div(class="i-interseguro__content__form__content")
h3 Ingresa los datos de la tarjeta
div.i-input__box
p Número de tarjeta
div(id="inputTarjeta" style="width: 100%;")
div(class="i-input--error" v-if="errorTarget") {{ errorTargetText }}
div.i-input__box__double
div.i-input__box
p Fecha de expiración
div(id="inputFechaNacimiento" style="width: 100%;")
div(class="i-input--error" v-if="errorExpiry") {{ errorExpiryText }}
div.i-input__box
p.m-question CVV
span ?
div(class="i-input__box__tooltip")
span(class="m-icon-svg")
img(src="../assets/stylesheet/img/card-tooltip-white.svg")
p En la mayoría de tarjetas el
span código de seguridad (CVV)
| de 3 dígitos está ubicado en la parte posterior de la tarjeta.
div(id="inputCvv" style="width: 100%;")
div(class="i-input--error" v-if="errorCvv") {{ errorCvvText }}
div(class="i-input__box i-input__box--affiliation" v-if="showCheckRecurrent")
div(class="i-input i-input--checkbox")
input(id="check_affiliation" type="checkbox" v-model="checkValuePp" @change="changeCheck()" name="product")
label(for="check_affiliation")
i(class="fas fa-check")
p Deseo y autorizo que mis próximas cuotas se cobren automáticamente de esta tarjeta
p(v-if="showTermsConditions") Al continuar acepto los
span(id="open_terms" @click="openTerms()") Términos y condiciones
//button(class="i-button" id="submit-pay-card" type="submit" :class="{'i-button--disabled':(errorTarget || errorExpiry || errorCvv)}") {{ buttonText }}
button(class="i-button" @click="pay" id="submit-pay-card" type="button") {{ buttonText }}
div(class="i-dues__footer__price") {{ buttonCurrency }}
span {{ buttonAmount }}
div(class="i-interseguro__content__form__footer")
p
i(class="fas fa-lock")
| Esta es una operación segura