.theSignup
template(v-if="isInfoSubmissionStage")
.dp-circle-logo-wrapper
img(:src="dpCircleLogo" class="dp-circle-logo")
p(class="signup-modal-msg" v-if="signInProps.signUpModalMsg") {{ signInProps.signUpModalMsg }}
p(class="cashback-msg" v-else) Free $5 with Sign Up
form(@submit.prevent.stop="signupWithEmail" class="join-form")
.input-wrapper
.input-img-wrapper
img(:src="emailImg" class="email-img")
input(v-model="formInfo.email" type="email" placeholder="Email" class="email-input" required :class="{inputError: emailError || emailInUseError}")
template(v-if="emailError || emailInUseError")
img(:src="signupErrorImg" class="signup-error-img")
template(v-if="emailError")
p(v-html="signInProps.emailSubmissionStage.message" class="error-msg")
template(v-else-if="emailInUseError")
.email-in-use-error
p.error-msg The email you entered has already been registered
p.login-error-msg You can log in here
button.email-in-use-button(@click.click.stop.prevent="goToLogin" type="button") Log In
.input-img-wrapper
img(:src="passwordImg" class="password-img")
input(v-model="formInfo.password" type="password" placeholder="6+ Characters" class="password-input" required minlength=6 :class="{inputError: passwordError}")
template(v-if="passwordError")
img(:src="signupErrorImg" class="signup-error-img")
template(v-if="passwordError")
p(class="error-msg bottom-error" v-html="signInProps.emailSubmissionStage.message")
button(class="button join-btn" :disabled="signInProps.emailSubmissionStage.submitting") Join
p.or-spacer: span or
GoogleButton(type="signup" @signup="signupWithGoogle" :googleButtonError="signInProps.googleButtonError")
FacebookButton(type="signup" @signup="signupWithFacebook" :facebookButtonError="signInProps.facebookButtonError")
.login-container
span.already-user Already a user?
button.login-link(@click.prevent.stop="goToLogin") Log In
.privacy-policy
small By joining, I agree to the #[a(href="/info/tos") Terms & Conditions] and #[a(href="/info/privacy") Privacy Policy]
template(v-else)
.verify-email
img(:src="verifyEmailImg" class="email-img")
template(v-if="!resendConfirmationUnknownError")
p.top-content Hey, you're almost there. A confirmation email has been sent to #[strong {{ formInfo.email }}]. Please check your email.
.bottom-content
template(v-if="resendConfirmationSuccessful")
p.successfully-resent-msg #[strong Successfully Resent!]
p In case you didn't receive the email.
template(v-else)
p.top-content An unexpected error has occurred. #[br] Please try again.
p.bottom-content If the error still occurs, please contact #[a(href="info/contact" class="customer-service-link") customer service]
button(@click="resendEmailConfirmationSignUpPage" class="resend-button" :disabled="resendConfirmationSubmitting") Resend