@extends('layouts.app', [
    'navTitle' => 'Jelszó visszaállítása',
    'pageTitle' => 'Jelszó visszaállítása',
    'seoTitle' => 'Jelszó visszaállítása',
    'seoDesc' => 'Jelszó visszaállítása',
    'pageImageRelativeUrl' => '',
    'navBackgroundDesktop' => 'auth/nav-background.webp',
])
@section('content')
    <link rel="stylesheet" href="/css/auth.css">
    <script src="/js/auth.js"></script>
    <div class="row justify-content-center no-gutters">
        <form id="reset_password_form" method="POST" action="{{ route('password.update') }}">
            @csrf
            <input type="hidden" name="token" value="{{ $request->route('token') }}">
            <div class="form-group">
                <label for="email">E-mail</label>
                <input id="email" class="custom-input form-control" type="email" name="email"
                    value="{{ old('email', $request->email) }}" autofocus onkeyup="crateResetPasswordFormValidation('email');" />
                <div class="input-error" name="email_error"></div>
            </div>
            <div class="form-group password-container">
                <label for="password">Új jelszó</label>
                <input id="password" class="custom-input form-control" type="password" name="password"
                    onkeyup="crateResetPasswordFormValidation('password');" />
                <div class="input-error" name="password_error"></div>
                <span id="passwordEyeIcon_0" class="password-toggle-icon" onclick="eyeClick(0);"><i class="fas fa-eye"></i></span>
            </div>
            <div class="form-group password-container">
                <label for="password_confirmation">Jelszó megerősítése</label>
                <input id="password_confirmation" class="custom-input form-control" type="password" name="password_confirmation"
                    onkeyup="crateResetPasswordFormValidation('password_confirmation');" />
                <div class="input-error" name="password_confirmation_error"></div>
                <span id="passwordEyeIcon_1" class="password-toggle-icon" onclick="eyeClick(1);"><i class="fas fa-eye"></i></span>
            </div>
            <div class="text-center">
                <button type="submit" class="register-button button-transition">
                    Jelszó visszaállítása
                </button><br>
            </div>
            <div style="height:74px;"></div>
        </form>
    </div>
@endsection