@extends(backpack_view('layouts.auth'))

@section('content')
    <!--begin::Content-->
    <div class="d-flex flex-center flex-column flex-column-fluid">
        <!--begin::Wrapper-->
        <div class="w-lg-500px p-10 p-lg-15 mx-auto">


            <div class="text-center mb-10">
                <h1 class="text-dark mb-3">
                    {{ trans('backpack::base.reset_password') }}</h1>

                <div class="text-gray-400 fw-semibold fs-4">
                    {{ trans('backpack::base.choose_new_password') }}
                </div>
            </div>

            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
            <form class="form w-100 fv-plugins-bootstrap5 fv-plugins-framework" role="form" method="POST"
                action="{{ route('backpack.auth.password.reset') }}">
                {!! csrf_field() !!}

                <input type="hidden" name="token" value="{{ $token }}">

                <div class="fv-row mb-10 fv-plugins-icon-container">
                    <label class="form-label fs-6 fw-bold text-dark" for="email">
                        {{ trans('backpack::base.email_address') }}
                    </label>

                    <div>
                        <input type="email"
                            class="form-control form-control-lg form-control-solid bg-white {{ $errors->has('email') ? ' is-invalid' : '' }}"
                            name="email" id="email" value="{{ $email ?? old('email') }}">

                        @if ($errors->has('email'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('email') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="fv-row mb-10 fv-plugins-icon-container">
                    <label class="form-label fs-6 fw-bold text-dark" for="password">
                        {{ trans('backpack::base.new_password') }}
                    </label>

                    <div>
                        <input type="password"
                            class="form-control form-control-lg form-control-solid {{ $errors->has('password') ? ' is-invalid' : '' }}"
                            name="password" id="password">

                        @if ($errors->has('password'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('password') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="fv-row mb-10 fv-plugins-icon-container">
                    <label class="form-label fs-6 fw-bold text-dark" for="password_confirmation">
                        {{ trans('backpack::base.confirm_new_password') }}
                    </label>
                    <div>
                        <input type="password"
                            class="form-control form-control-lg form-control-solid {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
                            name="password_confirmation" id="password_confirmation">

                        @if ($errors->has('password_confirmation'))
                            <span class="invalid-feedback">
                                <strong>{{ $errors->first('password_confirmation') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="d-flex flex-wrap justify-content-center pb-lg-0">
                    <button type="submit" class="btn btn-block btn-primary">
                        {{ trans('backpack::base.change_password') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection