@extends('layouts.app')

@section('content')
<div class="container-email">
    <h1 class="title">Lupa Kata Laluan?</h1>
    <p>Sila masukkan alamat E-mel anda di bawah</p>
        <div class="card-body">
            @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
            @endif

            <form method="POST" action="{{ route('password.email') }}">
                @csrf

                <div class="mb-3">
                    <label for="email" class="form-label">{{ __('E-mel') }}</label>
                    <div class="input-group">
                        <span class="input-group-text">
                            <i class='bx bx-envelope'></i>
                        </span>
                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" autocomplete="email" autofocus placeholder="E-mel">
                        @error('email')
                            <span class="invalid-feedback" role="alert" id="backendEmailError">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <span class="invalid-feedback fw-bold" role="alert" id="emailError"></span>
                    </div>
                </div>
                        
                <button type="submit" id="submitBtn" class="btn btn-save">Hantar</button>                 
            </form>   
        </div> 
</div>
@endsection