Erkan IŞIK
102 lines
3.5 KiB
PHP
102 lines
3.5 KiB
PHP
<div class="container main pt-5 pb-2">
|
|
<div class="card" >
|
|
<div class="card-header bg-primary text-white text-center py-2">
|
|
<h4 class="card-title">{{lang('user','Member_login')}}</h4>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<form action="" method="post">
|
|
<div class="mb-4">
|
|
<label for="email" class="form-label fw-bold text-muted">{{lang('user','mailadress')}}</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="fas fa-envelope text-muted"></i>
|
|
</span>
|
|
<input type="email" class="form-control border-start-0 ps-2" id="email" name="email"
|
|
placeholder="ornek@email.com" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<label for="password" class="form-label fw-bold text-muted">{{lang('user','password')}}</label>
|
|
<a href="/member/password_forgot" class="text-decoration-none small text-primary">
|
|
{{lang('user','forgot_password')}}
|
|
</a>
|
|
</div>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="fas fa-lock text-muted"></i>
|
|
</span>
|
|
<input type="password" class="form-control border-start-0 ps-2" id="password"
|
|
name="pass" placeholder="••••••••" required>
|
|
<button class="btn btn-outline-secondary border-start-0" type="button" id="togglePassword">
|
|
<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" for="remember">
|
|
{{lang('user','remember_me')}}
|
|
</label>
|
|
</div>
|
|
|
|
<input type="hidden" name="currentDate" value="{{date('Y-m-d')}}">
|
|
<button type="submit" class="btn btn-primary w-100 py-2 fw-bold">
|
|
{{lang('user','login')}} <i class="fas fa-arrow-right ms-2"></i>
|
|
</button>
|
|
</form>
|
|
|
|
<div class="text-center mt-4 text-muted">
|
|
<p class="mb-0">{{lang('user','No_Account_Yet')}}
|
|
<a href="/member/register" class="text-primary fw-bold text-decoration-none">
|
|
{{lang('user','register')}}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Şifre gösterme/gizleme işlevi
|
|
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>
|
|
|
|
<style>
|
|
|
|
.card-header {
|
|
background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
|
|
padding: 2rem 1.5rem;
|
|
}
|
|
.form-control:focus {
|
|
box-shadow: none;
|
|
border-color: #4361ee;
|
|
}
|
|
.btn-primary {
|
|
background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
|
|
border: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-primary:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
|
|
}
|
|
.input-group-text {
|
|
background-color: #f8f9fa;
|
|
border-right: none;
|
|
}
|
|
.form-control {
|
|
border-left: none;
|
|
padding: 0.75rem;
|
|
}
|
|
</style> |