@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">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">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">Update Password</button>
                        <a href="{{ route('member.profile') }}" class="btn btn-color-gray-400 btn-active-light-primary px-6">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') }}"></script>
@endpush