@extends('layouts.header-login')

@section('content')
    <h6 class="font-weight-light" style="text-align:center">Reset password.</h6>

    @if (session('status'))
    <div class="alert alert-success" role="alert">
        {{ session('status') }}
    </div>
    @endif

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

    <div class="form-group">
    <input id="email" type="email" class="form-control form-control-lg @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" placeholder="Email Address" required autocomplete="email" autofocus>
        @error('email')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-block btn-primary btn-lg font-weight-medium auth-form-btn">Send Password Reset Link</button>
    </div>

    <div class="text-center mt-4 font-weight-light">
        Back to <a href="{{ route('login') }}" class="text-primary">Login</a>
    </div>
    
    </form>
@endsection