@extends('layouts.master-blank')

@section('browser-title', 'Esqueci minha senha')

@section('content')
    <div class="wrapper-page">
        <div class="card overflow-hidden account-card mx-3">
            <div class="bmg-login-bg p-4 text-white text-center position-relative">
                <h4 class="font-20 mb-4">Esqueci minha senha</h4>
                <img src="{{ asset('assets/images/logo-v2.png') }}" height="50" alt="logo">
            </div>
            <div class="account-card-content">
                <div class="alert alert-success m-t-30" role="alert">
                    Coloque o seu <b>Email</b> e as instruções vão ser enviadas para você!
                </div>
                <form class="form-horizontal m-t-30" action="{{ route('password.email') }}" method="post">
                    @csrf
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="ion ion-md-mail"></i></span>
                            </div>
                            <input type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}"
                                   id="email" placeholder="Email" aria-label="email" name="email" required autofocus
                                   value="{{ old('email') }}">
                            @if ($errors->has('email'))
                                <span class="invalid-feedback">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group row m-t-20 mb-0">
                        <div class="col-6 text-left">
                            <a href="{{ route('home') }}" class="btn btn-light waves-effect waves-light text-dark">
                                <i class="ion ion-md-arrow-round-back mr-2 text-dark"></i> Voltar
                            </a>
                        </div>
                        <div class="col-6 text-right">
                            <button class="btn btn-primary waves-effect waves-light" type="submit">
                                <i class="ion ion-md-share-alt mr-2"></i> Enviar
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection