@extends('layouts.app')
@section('title','Log Masuk')
@section('content')
<div class="row justify-content-center align-items-center" style="min-height:78vh">
    <div class="col-md-5 col-lg-4">
        <div class="card p-4">
            <div class="text-center mb-4">
                <div class="stat-icon mx-auto mb-3"><i class="bi bi-bank2 fs-4"></i></div>
                <h1 class="h4 mb-1">MyBajet MBIP</h1>
                <p class="text-muted mb-0">Sistem Pengurusan Bajet</p>
            </div>
            <form method="POST" action="{{ route('login') }}">
                @csrf
                <div class="mb-3"><label class="form-label">Email</label><input name="email" type="email" value="{{ old('email') }}" class="form-control" required autofocus></div>
                <div class="mb-3"><label class="form-label">Kata Laluan</label><input name="password" type="password" class="form-control" required></div>
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <label class="form-check"><input class="form-check-input" type="checkbox" name="remember"> <span class="form-check-label">Ingat saya</span></label>
                    <a class="small" href="{{ route('password.request') }}">Lupa kata laluan?</a>
                </div>
                <button class="btn btn-primary w-100">Log Masuk</button>
            </form>
        </div>
    </div>
</div>
@endsection