<script type="text/x-template" id="login-form">
<div class="login">
<div class="login-form-wrapper" v-show="showPopup && !isLogin" @click.self="closePopUp">
<div class="login-form">
<form id="form" @submit.prevent="login" data-recaptcha-enabled="{{ k_captcha_enabled() }}" data-captcha-public-key="{{ k_captcha_public_key() }}">
<div class="form-logo">
<span v-if="logo.src" class="form-logo-img">
<img :src="logo.src" :alt="logo.alt">
</span>
<span class="form-logo-text" v-else v-text="logo.text"></span>
</div>
<div class="error-message" v-if="error.status">
<span v-text="error.message"></span>
</div>
<div class="login-form-body">
<div class="form-item">
<label for="customer-email">{% trans %}Email address{% endtrans %}</label>
<input type="email" id="customer-email" name="email" class="form-control" ref="email" required
placeholder="{% trans %}Enter your email{% endtrans %}">
</div>
<div class="form-item">
<div class="form-item-label">
<label for="customer-password">{% trans %}Password{% endtrans %}</label>
<a href="{{ path('app_request_password') }}"
class="forgot-redirect">{% trans %}Forgot your password{% endtrans %}?</a>
</div>
<input type="password" name="password" id="customer-password" class="form-control" ref="password" required
placeholder="{% trans %}Enter your password{% endtrans %}">
</div>
<div class="form-check">
<div class="form-check-inner">
<input type="checkbox">
<label for="remember-customer-account">{% trans %}Remember me{% endtrans %}</label>
</div>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="form-item">
<button class="button-submit"
type="submit">{% trans %}Log in{% endtrans %}</button>
</div>
<div class="signup-account">
<span>{% trans %}Don't have an account?{% endtrans %}</span>
<a href="{{ path('app_register') }}" class="ml-1">
<b>{% trans %}Sign Up{% endtrans %}</b>
</a>
</div>
</div>
</form>
</div>
</div>
</div>
</script>