@extends('layouts.template')
@section('content')
<form class="form w-100" id="form_edit" method="post" action="{{ url('forgot_pwd/reset_password/'.$user) }}">
    @csrf @method('patch')
	<div class="mb-10 text-center">
		<!--begin::Title-->
		<h1 class="text-dark mb-3">Reset Password</h1>
	</div>	
	<div class="mb-10 fv-row" data-kt-password-meter="true">
        <div class="mb-1">
            <label class="form-label fw-bolder text-dark fs-6">New Password <span style="font-size:12px; color:grey;">(*minimal 8 karakter)</span></label>
            <div class="position-relative mb-3">
                <input id="password" type="password" class="form-control form-control-lg form-control-solid @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
		        @error('password')
		            <span class="invalid-feedback" role="alert">
		                <strong>{{ $message }}</strong>
		            </span>
		        @enderror
                <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
                    <i class="bi bi-eye-slash fs-2"></i>
                    <i class="bi bi-eye fs-2 d-none"></i>
                </span>
            </div>
        </div>
    </div>
    <div class="mb-10 fv-row" data-kt-password-meter="true">
        <div class="mb-1">
            <label class="form-label fw-bolder text-dark fs-6">Confirm Password</label>
            <div class="position-relative mb-3">
                <input id="password-confirm" type="password" class="form-control form-control-lg form-control-solid" name="password_confirmation" required autocomplete="new-password">
		        @error('password')
		            <span class="invalid-feedback" role="alert">
		                <strong>{{ $message }}</strong>
		            </span>
		        @enderror
                <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
                    <i class="bi bi-eye-slash fs-2"></i>
                    <i class="bi bi-eye fs-2 d-none"></i>
                </span>
            </div>
        </div>
    </div>
	<div class="text-center">
		<button type="submit" id="kt_sign_up_submit" class="btn btn-lg btn-primary">
			<span class="indicator-label">submit</span>
		</button>
		<br>
		<br>
		<!-- <a href="{{route('login')}}">Sign In ? Click Here</a> -->
	</div>
</form>
@endsection