@extends('layouts.guest')

@section('title', 'Masuk')

@section('content')
    <section class="panel auth-panel" aria-labelledby="login-title">
        <div class="auth-heading">
            <p class="eyebrow">AKSES PENGELOLA</p>
            <h1 id="login-title">Masuk ke SIAKAD</h1>
            <p class="page-description">Gunakan akun kampus yang telah diberikan akses.</p>
        </div>
        <form class="auth-form" method="POST" action="{{ route('login.store') }}">
            @csrf
            <x-ui.field name="email" label="Email" type="email" :value="old('email')" autocomplete="username" required autofocus />
            <x-ui.field name="password" label="Kata sandi" type="password" autocomplete="current-password" required />
            @if (session('success'))<x-ui.alert tone="success">{{ session('success') }}</x-ui.alert>@endif
            @if ($errors->any())
                <x-ui.alert tone="error">{{ $errors->first() }}</x-ui.alert>
            @endif
            <label class="auth-remember"><input type="checkbox" name="remember" value="1"><span>Ingat saya di perangkat ini</span></label>
            <x-ui.button type="submit" class="auth-submit">Masuk</x-ui.button>
            <a class="auth-link" href="{{ route('password.request') }}">Lupa kata sandi?</a>
        </form>
    </section>
@endsection