@extends('layouts.guest')

@section('title', 'Pemulihan Kata Sandi')

@section('content')
    <section class="panel auth-panel" aria-labelledby="password-recovery-title">
        <div class="auth-heading">
            <p class="eyebrow">PEMULIHAN AKUN</p>
            <h1 id="password-recovery-title">Lupa kata sandi?</h1>
            <p class="page-description">Masukkan email akun. Jika akun aktif, instruksi pemulihan akan dikirim ke email tersebut.</p>
        </div>
        @if (session('status'))<x-ui.alert tone="success">{{ session('status') }}</x-ui.alert>@endif
        @if ($errors->any())<x-ui.alert tone="error">{{ $errors->first() }}</x-ui.alert>@endif
        <form class="auth-form" method="POST" action="{{ route('password.email') }}">
            @csrf
            <x-ui.field name="email" label="Email akun" type="email" :value="old('email')" autocomplete="username" required autofocus />
            <x-ui.button type="submit" class="auth-submit">Kirim instruksi</x-ui.button>
        </form>
        <a class="auth-link" href="{{ route('login') }}">Kembali ke halaman masuk</a>
    </section>
@endsection