@extends('storefront.layouts.main')

@section('title', 'Forgot Password')

@section('content')
<div class="container" style="padding-top:50px; padding-bottom:50px;">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption"><span class="caption-subject theme-font bold uppercase">Forgot Password</span></div>
                </div>
                <div class="portlet-body">
                    <p class="font-grey-mint margin-bottom-20">Enter the email address associated with your account and we will send you a link to reset your password.</p>

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

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul style="margin-bottom:0; padding-left:20px;">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form method="POST" action="{{ route('password.email') }}">
                        @csrf
                        <div class="form-group">
                            <label class="control-label">Email Address <span class="text-danger">*</span></label>
                            <input type="email" name="email" class="form-control" placeholder="Enter your email" value="{{ old('email') }}" required autofocus>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block">
                            <i class="fa fa-envelope"></i> Send Reset Link
                        </button>
                    </form>

                    <div class="text-center margin-top-20">
                        <a href="{{ route('login') }}">Back to Login</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection