@extends('layouts.auth.layout')
@section('content')
<div class="login-spacing">
    <div class="row">
        <div class="col-12">
            <x-alert></x-alert>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h1 class="login-title">{{ __('Forgotten password?') }}</h1>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="login-wrap">

                <div class="login-subtitle">Enter your work email address below and if you are registered on our system you will receive an email message with instructions on how to reset your password.</div>

                @if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                @endif
                <form method="POST" action="{{ route('forget.password.post') }}" id="resetPasswordForm">
                @csrf

                <div class="form-group">
                    <label for="email" class="" class="form-label">Work email address</label>
                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="name@property.com">
                    @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="login-text"><a class="login-link" href="{{route('home')}}">Return to Login</a></div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-block">{{ __('Submit') }}</button>
                </div>

                </form>

            </div>
        </div>
    </div>
    </div>
</div>

    <img class="dell-logos" src="{{asset('assets/img/logos.png')}}" />
    <style>
        .invalid-feedback strong,
        li.parsley-custom-error-message, li.parsley-required, li.parsley-checkemail, li.parsley-type, li.parsley-minlength, li.parsley-special {
            font-size: 0.8rem;
            font-weight: bold;
            color: white;
        }
    </style>
    <script>
        $(function () {
            $('#resetPasswordForm').parsley();
        })
    </script>
@endsection