@extends('layouts.templateregist')
@section('content')
<form class="form w-100" id="form_edit" method="post" action="{{route('registrasi.updatechange')}}">
    @csrf @method('patch')
	<div class="mb-10 text-center">
		<h1 class="text-dark mb-3">Change 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-info">
			<span class="indicator-label">Save Changes</span>
		</button>
		<a href="{{route('registrasi.view')}}" type="submit" id="kt_sign_up_submit" class="btn btn-lg btn-primary">
			<span class="indicator-label">Discards, Back to Profile</span>
		</a>
	</div>
</form>
@endsection