@extends('layouts.guest')

@section('title', 'Atur Kata Sandi Baru')

@section('content')
    <section class="panel auth-panel" aria-labelledby="reset-password-title">
        <div class="auth-heading">
            <p class="eyebrow">PEMULIHAN AKUN</p>
            <h1 id="reset-password-title">Atur kata sandi baru</h1>
            <p class="page-description">Gunakan sedikitnya 12 karakter, dengan huruf besar, huruf kecil, dan angka.</p>
        </div>
        @if ($errors->any())<x-ui.alert tone="error">{{ $errors->first() }}</x-ui.alert>@endif
        <form class="auth-form" method="POST" action="{{ route('password.update') }}">
            @csrf
            <input type="hidden" name="token" value="{{ $token }}">
            <x-ui.field name="email" label="Email akun" type="email" :value="old('email', $email)" autocomplete="username" required autofocus />
            <x-ui.field name="password" label="Kata sandi baru" type="password" autocomplete="new-password" required />
            <x-ui.field name="password_confirmation" label="Ulangi kata sandi baru" type="password" autocomplete="new-password" required />
            <x-ui.button type="submit" class="auth-submit">Simpan kata sandi</x-ui.button>
        </form>
        <a class="auth-link" href="{{ route('login') }}">Kembali ke halaman masuk</a>
    </section>
@endsection