nurafrinaalimi16
77 lines
4.2 KiB
PHP
77 lines
4.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="ms">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Log Masuk | e-rahn.Lelong</title>
|
|
<link rel="icon" href="{{ asset('img/arrahn_favicon.ico') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/login.css') }}?v=2">
|
|
</head>
|
|
<body>
|
|
<main class="login-shell">
|
|
<section class="brand-panel" aria-label="e-rahn.Lelong">
|
|
<img class="brand-logo" src="{{ asset('img/erahn-lelong.jpeg') }}" alt="e-rahn.Lelong">
|
|
<div class="brand-copy">
|
|
<span class="eyebrow"><span></span> PORTAL PENGURUSAN</span>
|
|
<div class="brand-divider"></div>
|
|
<span class="brand-caption">Sistem Lelongan Atas Talian</span>
|
|
</div>
|
|
<div class="brand-bottom"><span class="brand-mark">e-r</span><span>Koperasi Permodalan<br>Kelantan Berhad</span></div>
|
|
<div class="brand-orbit" aria-hidden="true"></div>
|
|
</section>
|
|
<section class="form-panel" aria-labelledby="login-title">
|
|
<div class="form-content">
|
|
<span class="section-label">SELAMAT KEMBALI</span>
|
|
<h2 id="login-title">Log masuk</h2>
|
|
<p class="form-intro">Masukkan maklumat akaun anda untuk meneruskan.</p>
|
|
@if (session('success'))
|
|
<div class="notice notice-success" role="status">{{ session('success') }}</div>
|
|
@endif
|
|
@if (session('failed'))
|
|
<div class="notice notice-error" role="alert">{{ session('failed') }}</div>
|
|
@endif
|
|
<form method="POST" action="{{ route('login') }}">
|
|
@csrf
|
|
<div class="field">
|
|
<label for="username">Nama pengguna</label>
|
|
<input id="username" type="text" name="username" value="{{ old('username') }}"
|
|
placeholder="Masukkan nama pengguna" required autocomplete="username" autofocus
|
|
@error('username') aria-invalid="true" aria-describedby="username-error" @enderror>
|
|
@error('username')
|
|
<p class="field-error" id="username-error" role="alert">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">Kata laluan</label>
|
|
<div class="password-field">
|
|
<input id="password" type="password" name="password" placeholder="Masukkan kata laluan"
|
|
required autocomplete="current-password"
|
|
@error('password') aria-invalid="true" aria-describedby="password-error" @enderror>
|
|
<button class="password-toggle" type="button" id="password-toggle" aria-controls="password" aria-pressed="false" hidden>Papar</button>
|
|
</div>
|
|
@error('password')
|
|
<p class="field-error" id="password-error" role="alert">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
<div class="form-links"><a href="{{ route('forgot-password') }}">Lupa kata laluan?</a></div>
|
|
<button class="submit-button" type="submit">Log masuk <span aria-hidden="true">→</span></button>
|
|
</form>
|
|
<div class="form-note"><span class="note-dot" aria-hidden="true"></span>Akses untuk pengguna berdaftar</div>
|
|
</div>
|
|
<footer>© {{ date('Y') }} Koperasi Permodalan Kelantan Berhad</footer>
|
|
</section>
|
|
</main>
|
|
<script>
|
|
const toggle = document.getElementById('password-toggle');
|
|
const password = document.getElementById('password');
|
|
toggle.hidden = false;
|
|
toggle.addEventListener('click', function () {
|
|
const visible = password.type === 'password';
|
|
password.type = visible ? 'text' : 'password';
|
|
toggle.textContent = visible ? 'Sorok' : 'Papar';
|
|
toggle.setAttribute('aria-pressed', String(visible));
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|