@extends('layouts.form')

@section('body')
    <div class="login-page">
        <div class="login-text">
            @component('components.title')
            @endcomponent
        </div>
        <div class="login-body">
            <div>
                <form method="post" action="{{ route('password.email') }}">
                    @csrf
                    @if(session('status'))

                        <div class="alert alert-success" role="alert">
                            {{ __('Email has been send.') }}
                            <a class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        </div>

                    @endif

                    <label class="col-xs-12">
                        Email:
                        <input id="email" type="email" class="form-input" name="email" value="{{ old('email') }}" placeholder="my.mail@example.com"  required autocomplete="email" autofocus>
                    </label>

                    <div class="col-xs-12">
                        <button class="btn btn-custom" style="width: 100%">{{ __('Reset Password') }}</button>
                    </div>
                </form>
            </div>

            <div class="login-footer">
                <span>Copyright &copy; 2019-{{ date('Y') }} <a href="https://www.iobyte.nl/"><img src="{{ asset('assets/img/logo.png') }}" alt="IOByte"></a>. All rights reserved.</span>
            </div>
        </div>
    </div>
@endsection
