@extends('layouts.app')

@section('title')
    {{ __('message.Lupa Password') }}
@endsection

@section('content')
    <div class="nk-block nk-block-middle nk-auth-body text-center border border-1 mb-3">
        <div class="nk-block-head">
            {{ __('message.Lupa password Anda? Tidak masalah. Cukup beri tahu kami alamat email Anda dan kami akan mengirimkan tautan pengaturan ulang password melalui email yang memungkinkan Anda memilih password baru.') }}
        </div>
    </div>

    <!-- Session Status -->
    <x-auth-session-status class="mb-4" :status="session('status')" />

    <form method="POST" action="{{ route('password.email') }}">
        @csrf
        <!-- Email Address -->
        <div class="form-group">
            <div class="form-label-group">
                <label class="form-label" for="email-address">{{ __('message.Email') }}</label>
            </div>
            <div class="form-control-wrap">
                <input autocomplete="on" type="text" name="email" class="form-control form-control-lg" required
                    id="email-address" placeholder="example@example.com" autofocus autocomplete="email">

            </div>
            <x-input-error :messages="$errors->get('email')" class="mt-2" />
        </div>
        <div class="form-group">
            <div class="form-floating mb-4">
                <div class="g-recaptcha" data-sitekey="{{ Helper::getGoogleKey() }}"></div>
            </div>
        </div>
        <div class="flex items-center justify-end mt-4">
            <div class="form-group">
                <button class="btn btn-lg btn-primary btn-block">{{ __('message.Kirim') }}</button>
            </div>
        </div>
    </form>
@endsection