.theLogin
.dp-circle-logo-wrapper
img(:src="dpCircleLogo" class="dp-circle-logo")
p.welcome-msg Welcome Back!
p(class="login-modal-msg" v-if="signInProps.loginModalMsg") {{ signInProps.loginModalMsg }}
form(@submit.prevent.stop="loginWithEmail" class="login-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 || resendConfirmationError}")
template(v-if="emailError || resendConfirmationError")
img(:src="signInErrorImg" class="signin-error-img")
template(v-if="emailError")
p(class="error-msg" v-html="signInProps.emailSubmission.msg")
template(v-else-if="resendConfirmationError")
p.error-msg The email you entered hasn't been verified. Please check your email.
.resend-msg
template(v-if="resendConfirmationSuccessful")
strong Successfully resent!
template(v-else-if="resendConfirmationUnknownError")
strong An Unexpected Error has Occurred.
p In case you didn't receive the email
button(@click.stop.prevent="resendEmailConfirmationLoginPage" class="resend-btn" :disabled="resendingConfirmationEmail" type="button") Resend
.resend-msg
template(v-if="resendConfirmationUnknownError && !resendConfirmationSuccessful")
p If that doesn't solve the issue, please contact #[a(href="/info/contact" style="color: #919191") Customer Support]
.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="signInErrorImg" class="signin-error-img")
template(v-if="passwordError")
p(class="error-msg" v-html="signInProps.emailSubmission.msg")
p.forgot-pw(@click="redirectToForgotPassword") Forgot your password?
button(class="button login-btn" :disabled="signInProps.emailSubmission.submitting") Log In
p.or-spacer: span or
GoogleButton(type="login" @login="loginWithGoogle" :googleButtonError="signInProps.googleButtonError")
FacebookButton(type="login" @login="loginWithFacebook" :facebookButtonError="signInProps.facebookButtonError")
.login-container
span.already-user Not a user yet?
button.join-link(@click="goToSignup") Join