@extends('layouts.blank')

@section('title', __('text.Forgot Password'))

@section('page-style')
    @vite([
        'resources/assets/vendor/scss/pages/page-auth.scss'
    ])
    <link rel="stylesheet" href="{{ asset('css/auth.css') }}">
@endsection

@section('content')
    <div class="auth-bg-wrapper">
        <div class="glass-card">
            <div class="sc-auth-logo-box">
                <a href="{{ route('home') }}">
                    <img src="{{ asset('images/logo_fox.png') }}" alt="Logo" class="sc-auth-logo">
                </a>
            </div>
            <div class="card-header pb-0 text-start">
                <h4 class="font-weight-bolder">Забыли пароль?</h4>
                <p class="mb-0">Введите почту и мы отправим вам инструкцию по восстановлению</p>
            </div>
            <form role="form" method="POST" id="form" action="{{ route('auth.password-reset-link') }}">
                @csrf
                <div class="flex flex-col mb-3">
                    <input type="email" name="email" class="form-control form-control-lg" aria-label="Email">
                    @error('email') <p class="text-danger text-xs pt-1"> {{$message}} </p>@enderror
                </div>
                <div class="text-center">
                    <button type="submit" class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">Отправить</button>
                </div>
            </form>
            <div class="card-footer text-center pt-0 px-lg-2 px-1">
                <p class="mb-4 text-sm mx-auto">
                    <a href="{{ route('login') }}" class="text-primary text-gradient font-weight-bold">Назад</a>
                </p>
            </div>
        </div>
    </div>
@endsection