Erkan IŞIK
78 lines
3.5 KiB
PHP
78 lines
3.5 KiB
PHP
<div class="container py-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6 col-lg-5">
|
|
<div class="glass-card p-4">
|
|
<div class="text-center mb-4">
|
|
<div class="feature-icon mx-auto mb-3" style="width:64px;height:64px;font-size:1.6rem;">
|
|
<i class="fa fa-user-lock"></i>
|
|
</div>
|
|
<h4>{{lang('user','Member_login')}}</h4>
|
|
</div>
|
|
|
|
<form action="" method="post">
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label text-muted small">{{lang('user','mailadress')}}</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-transparent" style="border-color:var(--glass-border);color:var(--text-muted);">
|
|
<i class="fas fa-envelope"></i>
|
|
</span>
|
|
<input type="email" class="form-control bg-transparent text-light" id="email" name="email"
|
|
placeholder="ornek@email.com" required style="border-color:var(--glass-border);color:var(--text-main)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<label for="password" class="form-label text-muted small">{{lang('user','password')}}</label>
|
|
<a href="{{URL::base('member/password_forgot')}}" class="text-decoration-none small" style="color:var(--primary)">
|
|
{{lang('user','forgot_password')}}
|
|
</a>
|
|
</div>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-transparent" style="border-color:var(--glass-border);color:var(--text-muted);">
|
|
<i class="fas fa-lock"></i>
|
|
</span>
|
|
<input type="password" class="form-control bg-transparent text-light" id="password"
|
|
name="pass" placeholder="••••••••" required style="border-color:var(--glass-border);color:var(--text-main)">
|
|
<button class="btn btn-outline-secondary" type="button" id="togglePassword" style="border-color:var(--glass-border);color:var(--text-muted);">
|
|
<i class="far fa-eye"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4 form-check">
|
|
<input type="checkbox" class="form-check-input" id="remember" name="remember" value="1">
|
|
<label class="form-check-label text-muted small" for="remember">
|
|
{{lang('user','remember_me')}}
|
|
</label>
|
|
</div>
|
|
|
|
<input type="hidden" name="currentDate" value="{{date('Y-m-d')}}">
|
|
<button type="submit" class="btn-modern btn-modern-primary w-100 justify-content-center">
|
|
{{lang('user','login')}} <i class="fas fa-arrow-right ms-2"></i>
|
|
</button>
|
|
</form>
|
|
|
|
<div class="text-center mt-4 text-muted small">
|
|
<p class="mb-0">{{lang('user','No_Account_Yet')}}
|
|
<a href="{{URL::base('member/register')}}" class="fw-bold text-decoration-none" style="color:var(--primary)">
|
|
{{lang('user','register')}}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('togglePassword').addEventListener('click', function(e) {
|
|
const password = document.getElementById('password');
|
|
const icon = this.querySelector('i');
|
|
const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
|
|
password.setAttribute('type', type);
|
|
icon.classList.toggle('fa-eye');
|
|
icon.classList.toggle('fa-eye-slash');
|
|
});
|
|
</script>
|