64 lines
2.3 KiB
HTML
64 lines
2.3 KiB
HTML
<div class="container" data-v-if-not="this.global.user_id">
|
|
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="checkbox" value="" id="login-form-check" onclick="toggleLoginForm()">
|
|
<label class="form-check-label text-small" for="login-form-check">
|
|
I already have an account
|
|
</label>
|
|
</div>
|
|
|
|
<div id="checkout-login-container" class="col-md-6" style="display:none">
|
|
<div data-v-component-user id="checkout-login-form" class="card p-4 mb-2">
|
|
|
|
<form action method="post" enctype="multipart/form-data">
|
|
|
|
<input type="hidden" name="csrf" data-v-csrf>
|
|
|
|
<div class="login-form col-12 mx-auto" data-v-if-not="component.user_id">
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-4 col-form-label" for="input-email">E-Mail Address</label>
|
|
<div class="col-8">
|
|
<input type="email" name="email" value placeholder="E-Mail Address" id="input-email" class="form-control" autocomplete="email" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-4 col-form-label" for="login-password">Password</label>
|
|
<div class="col-8">
|
|
|
|
<div class="input-group">
|
|
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control" placeholder="Password" id="login-password" name="password" value="" aria-label="Password" required>
|
|
<div class="input-group-append">
|
|
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this,'login-password')"><i class="la la-eye-slash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-end">
|
|
<a href="#recover" target="_blank" data-v-url="user/reset/index" class="text-muted me-3">Forgot your password?</a>
|
|
|
|
<button type="submit" name="login" value="Login" class="btn btn-primary">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
|
|
</span>
|
|
<span>Authenticating</span>...
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<span>Login</span> <i class="la la-arrow-right float-end ms-2"></i>
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|