@extends('layouts.auth')
@section('titulo', 'Recuperar senha')

@section('content')

        <!-- Loader -->
        <div id="preloader"><div id="status"><div class="spinner"></div></div></div>

        <!-- Begin page -->
        <div class="accountbg" style="background: url('{{asset('adm/assets/images/bg.jpg')}}');background-size: cover;background-position: center;"></div>

        <div class="account-pages mt-2 pt-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-8 col-lg-6 col-xl-5">
                        <div class="card">
                            <div class="card-body">
                                <div class="text-center mt-4">
                                    <div class="mb-3">
                                        <a href="index.html"><img src="{{asset('adm/assets/images/gens-02.png')}}" height="56" alt="logo"></a>
                                    </div>
                                </div>
                                <div class="p-3">
                                    <h4 class="font-size-18 mt-2 text-center">Bem-vindo</h4>
                                    <p class="text-muted text-center mb-4">Digite uma nova senha</p>

                                    <form class="form-horizontal" action="{{route('password.update')}}" method="POST">
                                        @csrf

                                        <input type="hidden" name="token" value="{{ $token }}">
                                        <input type="hidden" name="email" value="{{ $email ?? old('email') }}">

                                        @if($errors->has('email'))
                                            <div class="alert alert-danger">
                                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                                <strong>Erro!</strong> {{$errors->first('email')}}
                                            </div>
                                        @endif

                                        @if($errors->has('password'))
                                            <div class="alert alert-danger">
                                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                                <strong>Erro!</strong> {{$errors->first('password')}}
                                            </div>
                                        @endif

                                        <div class="form-group mb-lg {{ $errors->has('email') ? 'has-error' : ''}} ">
                                            <label for="email">E-mail</label>
                                            <div class="input-group input-group-icon">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="fa fa-user"></i>
                                                    </span>
                                                </div>
                                                <input id="email" name="email" type="email" disabled value="{{ $email ?? old('email') }}" class="form-control input-lg @error('email') is-invalid @enderror" required tabindex="1">
                                            </div>
                                        </div>

                                        <div class="form-group mb-lg {{$errors->has('password') ? 'has-error' : ''}}">
                                            <label class="pull-left">Senha</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="fa fa-lock"></i>
                                                    </span>
                                                </div>
                                                <input name="password" id="password" type="password" class="form-control input-lg {{ $errors->has('password') ? ' is-invalid' : '' }}" tabindex="2" required autofocus/>
                                            </div>
                                        </div>
                                        <div class="form-group mb-lg">
                                            <label class="pull-left">Repita a senha</label>
                                            <div class="input-group">
                                                <div class="input-group">
                                                    <span class="input-group-prepend">
                                                        <span class="input-group-text">
                                                            <i class="fa fa-lock"></i>
                                                        </span>
                                                    </span>
                                                    <input id="password-confirm" name="password_confirmation" type="password" value="" class="form-control input-lg" tabindex="3" required>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row mt-4">
                                            <div class="col-sm-12 text-right">
                                                <input type="submit" value="Solicitar" class="btn btn-primary pull-right btn-gensino-01" data-loading-text="Carregando..." tabindex="4">
                                            </div>
                                        </div>
                                    </form>

                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

@endsection