MIF_E31230356/resources/views/auth/login-guru.blade.php

62 lines
1.9 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Guru - E-Learning</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.login-card {
background: white;
border-radius: 20px;
padding: 40px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
max-width: 450px;
width: 100%;
}
</style>
</head>
<body>
<div class="login-card">
<h2 class="text-center mb-4">👨‍🏫 Login Guru</h2>
@if($errors->any())
<div class="alert alert-danger">
{{ $errors->first() }}
</div>
@endif
<form action="{{ route('guru.login.submit') }}" method="POST">
@csrf
<div class="mb-3">
<label class="form-label">NIP</label>
<input type="text" name="nip" class="form-control"
value="{{ old('nip') }}" required autofocus>
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input type="password" name="password" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary w-100">
LOGIN
</button>
</form>
<div class="text-center mt-3">
<a href="{{ route('landing-page') }}" class="text-muted">
Kembali ke Halaman Utama
</a>
</div>
</div>
</body>
</html>