@extends('layouts.auth')

@section('title', 'Reset')

@section('content')
    <form method="POST" action="{{ route('resetUser') }}" class="form-detail">
        <br><span style="color: #fff; font-size: 15pt; font-weight: 500">Enter your email address to receive password reset link!</span><br><br>
        @if(session('success'))
            <p style="color: darkseagreen;">
                <i class="fa fa-check-circle"></i> {{ session('success') }}
            </p>
        @endif
        @if(session('error'))
            <p style="color: indianred;">
                <i class="fa fa-times-circle"></i> {{ session('error') }}
            </p>
        @endif
        @csrf

        <div class="form-group mb-4">
            <label class="form-control-label" for="InputEmail" style="color: #fff;">Email Address</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="mail"></i>
                    </span>
                </div>
                <input type="email" name="email"
                       value=""
                       class="form-control "
                       id="InputEmail"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
            </div>
        </div>

        <div class="form-group mb-0 text-center">
            <button class="register btn-block" type="submit" style="padding:10px; background-color: #1E90FF; color: #fff;">Submit</button>
            <br>
            <p class="" style="color: white">Back to <a href="{{ route('login') }}" class="font-weight-bold ml-1" style="color: #1E90FF">Login</a></p>
        </div>
    </form>
@endsection