@extends('member.layouts.app')

@section('content')
    @include('member.layouts.partial.toolbar', ['breadcrumb' => 'Reset Password'])
    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            <!--end::Sign-in Method-->
            <!--begin::Connected Accounts-->
            <div class="card mb-5 mb-xl-10">
                <!--begin::Card header-->
                <div class="card-header border-0 cursor-pointer" role="button" aria-expanded="true"
                    aria-controls="kt_account_connected_accounts">
                    <div class="card-title m-0">
                        <h3 class="fw-bold m-0">Reset Password</h3>
                    </div>
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body border-top p-9">
                    <!--begin::Form-->
                    <form id="kt_signin_change_password" class="form" novalidate="novalidate"
                        action="{{ route('member.update.password') }}" data-kt-redirect-url="{{ route('member.profile') }}">
                        <div class="row mb-1">
                            <div class="col-lg-4">
                                <div class="fv-row mb-0">
                                    <label for="password"
                                        class="required form-label fs-6 fw-bold mb-3">{{ __('language.new_password') }}</label>
                                    <input type="password" class="form-control form-control-lg form-control-solid"
                                        name="password" id="password" />
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="fv-row mb-0">
                                    <label for="confirmpassword"
                                        class="required form-label fs-6 fw-bold mb-3">{{ __('language.confirm_password') }}</label>
                                    <input type="password" class="form-control form-control-lg form-control-solid"
                                        name="confirmpassword" id="confirmpassword" />
                                </div>
                            </div>
                        </div>
                        <!-- <div class="form-text mb-5">Password must be at least 8 character and contain symbols</div> -->
                        <div class="d-flex">
                            <button id="kt_password_submit" type="button"
                                class="btn btn-primary me-2 px-6">{{ __('language.update_password') }}</button>
                            <a href="{{ route('member.profile') }}"
                                class="btn btn-color-gray-400 btn-active-light-primary px-6">{{ __('language.cancel') }}</a>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Connected Accounts-->
        </div>
        <!--end::Content container-->
    </div>
    <!--end::Content-->
@endsection

@push('scripts')
    <script src="{{ asset('assets/js/custom/member/profile.js') }}?{{ env('JS_REFRESH_TOKEN') }}"></script>
@endpush