@extends("agentportal.layouts.auth.layout")

@section("title","BNB CASHAPP | Agentportal Change Password")

@section("content")
<div class="login login-3 login-signin-on d-flex flex-row-fluid" id="kt_login">
    <div class="d-flex flex-center bgi-size-cover bgi-no-repeat flex-row-fluid" style="background-image: url({{ url('dist/assets/media/bg/bg-2.jpg') }});">
        <div class="login-form text-center text-white p-7 position-relative overflow-hidden">
            <!--begin::Login Header-->
            <div class="d-flex flex-center mb-15">
                <a href="#">
                    <img src="{{ url('img/agentportal_logo.png') }}" class="max-h-100px" alt="{{ env('APP_NAME') }}" />
                </a>
            </div>
            <!--end::Login Header-->
            <!--begin::Login Sign in form-->
            <div class="login-signin">
                <div class="mb-10">
                    @if (auth()->guard('agentportal')->user() && auth()->guard('agentportal')->user()->isPasswordExpired)
                        <p class="opacity-40 font-weight-bolder">{!! trans("message_lang.LBL_UPDATE_EXPIRED_PASSWORD") !!}</p>
                    @else
                        <p class="opacity-40 font-weight-bolder">{!!  trans('message_lang.LBL_CHANGE_SYSTEM_GENERATED_PASSWORD') !!}</p>
                    @endif
                    <!-- <span style="color:red;float: right;margin-bottom:10px;">* indicates required field</span> -->
                </div>
                @include("agentportal.layouts.auth-form-status")
                <form method="post" name="form" id="form" action="{{ url('agentportal/password/store') }}" enctype="multipart/form-data" autocomplete="off">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <input class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8"  type="password" name="current_password" placeholder="{!! trans("message_lang.LBL_CURRENT_PASSWORD") !!}" id="current_password" class="form-control @error('current_password') is-invalid @enderror custom-field" />
                        @error('current_password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <input class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8" type="password" name="password" placeholder="{!! trans("message_lang.LBL_NEW_PASSWORD") !!}" id="password" class="form-control @error('password') is-invalid @enderror custom-field" />
                        @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <input class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8" type="password" name="password_confirmation" placeholder="{!! trans("message_lang.LBL_CONFIRM_PASSWORD") !!}" id="password-confirm" class="form-control @error('password_confirmation') is-invalid @enderror custom-field" />
                        @error('password_confirmation')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    {{-- <div class="form-group d-flex flex-wrap justify-content-between align-items-center px-8 opacity-60">
                        <label class="checkbox checkbox-outline checkbox-white text-white m-0">
                            <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }} />Remember me
                            <span></span>
                        </label>
                        <a href="javascript:;" id="kt_login_forgot" class="text-white font-weight-bold">Forget Password ?</a>
                    </div>
                    <div class="form-group text-center mt-10">
                        <button id="kt_login_signin_submit" type="submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3">{{ __('message_lang.LBL_SIGN_IN') }}</button>
                    </div> --}}
                    <div class="form-group">
                                {{-- <label class="checkbox checkbox-outline checkbox-white text-white mx-5">
                                    <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }} />{!!  trans('message_lang.LBL_REMEMBER_ME')!!}
                                    <span></span>
                                </label> --}}
                        <button id="kt_login_signin_submit" type="submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3">{{ trans('message_lang.BTN_UPDATE') }}</button>
                    </div>
                </form>
            </div>
            <!--end::Login Sign in form-->
            {{-- <!--begin::Login forgot password form-->
            <div class="login-forgot">
                <div class="mb-20">
                    <h3 class="opacity-40 font-weight-normal">Forgotten Password ?</h3>
                    <p class="opacity-40">Enter your email to reset your password</p>
                </div>
                <form class="form" id="kt_login_forgot_form">
                    <div class="form-group mb-10">
                        <input class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8" type="text" placeholder="Email" name="email" autocomplete="off" />
                    </div>
                    <div class="form-group">
                        <button id="kt_login_forgot_submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3 m-2">Request</button>
                        <button id="kt_login_forgot_cancel" class="btn btn-pill btn-outline-white opacity-70 px-15 py-3 m-2">Cancel</button>
                    </div>
                </form>
            </div>
            <!--end::Login forgot password form--> --}}
        </div>
    </div>
</div>
<script type="text/javascript">
    const passwordExpired = @json(auth()->guard('agentportal')->user()->isPasswordExpired ?? 0);
    if(passwordExpired){

    }
    $(document).ready(function() {
        //
    });
</script>
@endsection