<x-guest-layout>
    <div id="appCapsule">
        <div class="login-form">
            <div class="section">
                <h1>Esqueceu a senha?</h1>
                <h4>Informe seu email para continuar</h4>
            </div>
            <div class="section mt-2 mb-5">
                <form method="POST" action="{{ route('password.update') }}">
                    @csrf
                    <input type="hidden" name="token" value="{{ $request->route('token') }}">
                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="name5">E-mail</label>
                            <input type="email" class="form-control" id="email" name="email"
                                :value="old('email', $request - > email)" required autofocus>
                            <i class="clear-input">
                                <ion-icon name="close-circle"></ion-icon>
                            </i>
                        </div>
                    </div>
                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="name5">Senha mínimo 8 caracteres</label>
                            <input type="password" class="form-control" id="password" name="password" required minlength="8">
                            <i class="clear-input">
                                <ion-icon name="close-circle"></ion-icon>
                            </i>
                        </div>
                    </div>
                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="name5">Conformar a Senha</label>
                            <input type="password" class="form-control" id="password_confirmation"
                                name="password_confirmation" required>
                            <i class="clear-input">
                                <ion-icon name="close-circle"></ion-icon>
                            </i>
                        </div>
                    </div>
                    <div class="form-button-group">
                        <button type="submit" class="btn btn-primary btn-block btn-lg">Criar Nova Senha</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</x-guest-layout>
