@extends('layouts.app', [
    'class' => 'auth reset-password',
    'hideMenu' => true,
    'hideHeader' => true,
    'hideFooter' => true
])

@section('content')

    <div class="form-block">
        
        <form method="post" action="{{route('password.store')}}" data-parsley-validate>
            
            <input type="hidden" name="name" value="{{$name}}">

            @include('partials._alert')
            
            @csrf
            
            <div class="title">
                
                <h1>Resetar senha</h1>
                <p>Informe uma nova senha para a sua conta.</p>
                
            </div>

            <input type="hidden" name="token" value="{{ $token }}">
            
            <div class="form-group mb-3">
                
                <label>E-mail</label>
                
                <input name="email" class="form-control" type="text" value="{{ $email }}" />
                            
            </div>

            <div class="form-group mb-3">

                <label>Nova senha</label>
                <div class="box-pw password-container">
                    <i class="fa fa-eye show-hide-password"></i>
                    <input type="password" name="password" class="form-control" minlength="8" maxlength="14" placeholder="Senha" data-parsley-group="tab-info" required />
                </div>

            </div>

            <div class="password-strength hide">
                <div class="exclamation">!</div>
                <div class="strength-text"></div>
            </div>

            <div class="form-group mb-3">

                <label>Confirmar nova senha</label>

                <div class="box-pw password-container">
                    <i class="fa fa-eye show-hide-password"></i>
                    <input type="password" name="password_confirmation" class="form-control" minlength="8" maxlength="14" placeholder="Confirmar senha" data-parsley-group="tab-info" required />
                </div>

            </div>

            <div class="d-grid mt-4">
                <button type="submit" class="btn btn-primary">Redefinir a senha</button>
            </div>
            
            <div class="d-flex flex-column gap-2 mt-4 justify-content-center text-center">

                <a href="{{ route('login') }}">Voltar para o login</a>

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

@endsection