@extends('layouts.app')

@section('tajuk', 'Lupa Kata Laluan')
@section('saiz-container', 'container-kecil')

@section('kandungan')
    <div class="kad">
        <h1>Lupa Kata Laluan</h1>
        <p class="teks-kecil">Masukkan e-mel akaun anda. Pautan set semula kata laluan akan dihantar ke e-mel tersebut.</p>

        @if ($errors->any())
            <div class="makluman makluman-ralat">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('password.email') }}">
            @csrf
            <label for="email">E-mel</label>
            <input type="email" id="email" name="email" value="{{ old('email') }}" required autofocus>

            <button type="submit" class="btn btn-penuh">Hantar Pautan Set Semula</button>
        </form>

        <p class="teks-kecil mt-1"><a href="{{ route('login') }}">Kembali ke Log Masuk</a></p>
    </div>
@endsection