114 lines
6.4 KiB
PHP
114 lines
6.4 KiB
PHP
<!-- resources/views/auth/login.blade.php -->
|
|
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login - Sistem Rekomendasi Prodi C4.5</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
|
|
<style>
|
|
body { background: #f8fafc; font-family: 'Inter', sans-serif; }
|
|
.auth-container { min-height: 100vh; }
|
|
.auth-banner {
|
|
background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
|
|
border-radius: 0 2rem 2rem 0;
|
|
}
|
|
.btn-purple { background: #6366f1; color: white; font-weight: 600; border-radius: 0.75rem; }
|
|
.btn-purple:hover { background: #4f46e5; color: white; }
|
|
.form-control-lg { border-radius: 0.75rem; font-size: 0.95rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid p-0">
|
|
<div class="row g-0 auth-container">
|
|
<!-- Banner Kiri -->
|
|
<div class="col-lg-6 d-none d-lg-flex auth-banner p-5 text-white flex-column justify-content-between">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<i class="fa-solid fa-graduation-cap fs-2"></i>
|
|
<span class="fw-bold fs-4">Sistem Rekomendasi Jurusan</span>
|
|
</div>
|
|
<div class="my-auto animate__animated animate__fadeInLeft">
|
|
<h1 class="display-5 fw-bold mb-3">Temukan Masa Depan Akademik Secara Presisi.</h1>
|
|
<p class="lead opacity-75">Platform berbasis Algoritma C4.5 untuk membantu pemilihan program studi secara transparan dan terukur.</p>
|
|
</div>
|
|
<div class="small opacity-50">© {{ date('Y') }} Sistem Rekomendasi C4.5</div>
|
|
</div>
|
|
|
|
<!-- Form Kanan -->
|
|
<div class="col-lg-6 d-flex align-items-center justify-content-center p-4 p-md-5">
|
|
<div class="w-100" style="max-width: 450px;">
|
|
<div class="text-center mb-4">
|
|
<h3 class="fw-bold text-dark">Selamat Datang!</h3>
|
|
<p class="text-muted small">Silakan login atau buat akun untuk mengakses sistem</p>
|
|
</div>
|
|
|
|
<!-- Alert Error -->
|
|
@if ($errors->any())
|
|
<div class="alert alert-danger rounded-3 py-2 px-3 mb-3 small">
|
|
<i class="fa-solid fa-triangle-exclamation me-1"></i> {{ $errors->first() }}
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Tabs Switcher -->
|
|
<ul class="nav nav-pills nav-justified mb-4 bg-light p-1 rounded-3" id="authTab">
|
|
<li class="nav-item">
|
|
<button class="nav-link active rounded-3" id="login-tab" data-bs-toggle="pill" data-bs-target="#login-panel">Login</button>
|
|
</li>
|
|
<li class="nav-item">
|
|
<button class="nav-link rounded-3" id="register-tab" data-bs-toggle="pill" data-bs-target="#register-panel">Register Siswa</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content" id="authTabContent">
|
|
<!-- Panel Login -->
|
|
<div class="tab-pane fade show active" id="login-panel">
|
|
<form action="{{ route('login') }}" method="POST">
|
|
@csrf
|
|
<div class="mb-3">
|
|
<label class="form-label text-secondary fw-semibold">Alamat Email</label>
|
|
<input type="email" name="email" class="form-control form-control-lg" placeholder="nama@email.com" value="{{ old('email') }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label text-secondary fw-semibold">Password</label>
|
|
<input type="password" name="password" class="form-control form-control-lg" placeholder="••••••••" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-purple btn-lg w-100 py-3 mt-2 shadow-sm">
|
|
<i class="fa-solid fa-right-to-bracket me-2"></i> Masuk Sekarang
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Panel Register (Khusus Siswa) -->
|
|
<div class="tab-pane fade" id="register-panel">
|
|
<form action="{{ route('register') }}" method="POST">
|
|
@csrf
|
|
<div class="mb-3">
|
|
<label class="form-label text-secondary fw-semibold">Nama Lengkap Siswa</label>
|
|
<input type="text" name="name" class="form-control form-control-lg" placeholder="Masukkan nama lengkap" value="{{ old('name') }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label text-secondary fw-semibold">Alamat Email</label>
|
|
<input type="email" name="email" class="form-control form-control-lg" placeholder="nama@email.com" value="{{ old('email') }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label text-secondary fw-semibold">Password</label>
|
|
<input type="password" name="password" class="form-control form-control-lg" placeholder="Minimal 8 karakter" required>
|
|
</div>
|
|
<!-- Role dikunci sebagai siswa -->
|
|
<input type="hidden" name="role" value="siswa">
|
|
<button type="submit" class="btn btn-purple btn-lg w-100 py-3 mt-2 shadow-sm">
|
|
<i class="fa-solid fa-user-plus me-2"></i> Buat Akun Siswa Baru
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |