@extends($_layout . 'clean')
@section('body.class', 'account-page')


@section('content')

    <div class="sign-in-area pt-50 pb-70">
        <div class="container">
            <div class="section-title text-center">
                <span class="sp-before sp-after">Tài khoản</span>
                <h2 class="h2-color">Tạo mật khẩu mới</h2>
            </div>
            <div class="row align-items-center pt-45">
                <div class="col-lg-5">
                    <div class="user-all-img">
                        <img src="{{  ai_startup_asset('/img/faq-img.png') }}" alt="Images">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="user-all-form">
                        <div class="contact-form">
                            <form class="{{ parse_classname('login-form') }}" action="{{ route('web.account.password.reset') }}" method="POST">
                                @csrf
                                @if ($next = old('next', $request->next))
                                    <input type="hidden" name="next" value="{{ $next }}">
                                @endif
                                <input type="hidden" name="token" value="{{ old('token', $token) }}">

                                @if ($error = session('error'))
                                    <div class="error text-danger mb-3">{{ $error }}</div>
                                @endif
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <i class="bx bx-lock-alt"></i>
                                            <input class="form-control" type="password" name="password" placeholder="Mật khẩu mới">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <i class="bx bx-lock-alt"></i>
                                            <input class="form-control" type="password" name="password_confirmation" placeholder="Nhập lại mật khẩu">
                                        </div>


                                        @if ($error = $errors->first('password') ?? session('error'))
                                            <div class="alert alert-danger text-center">
                                                {{ $error }}
                                            </div>
                                        @endif
                                    </div>
                                    <div class="col-lg-12 col-md-12 text-center mt-3">
                                        <button type="submit" class="default-btn">
                                            Đặt lại
                                            <i class="bx bx-send"></i>
                                        </button>
                                    </div>
                                    <div class="col-6">
                                        <p class="account-desc">
                                            Đãi có tài khoản?
                                            <a href="{{ route('web.account.login') }}">Đăng nhập</a>
                                        </p>
                                    </div>
                                    <div class="col-6">
                                        <p class="account-desc">
                                            Chưa có tài khoản?
                                            <a href="{{ route('web.account.register') }}">Đăng ký</a>
                                        </p>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection