@extends('layouts.master')

@section('content')
<div class="container-xxl py-3">
    <div class="row justify-content-center">
        <div class="col-md-5">
            <div class="text-center">
                <p class="mb-0">Formulir Ganti Password </p>
                <h3 class="fw-bolder">Akun</h3>
            </div>
            <form method="POST" action="{{ route('account.password') }}">
                @csrf
                @method('POST')
                <div class="mb-3 form-floating">
                    <input id="current_password" type="text" name="current_password" class="form-control @error('current_password') is-invalid @enderror" value="{{ old('current_password', '') }}" />
                    <label for="current_password">Current Password</label>
                    @error('current_password')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <hr>
                <div class="mb-3 form-floating">
                    <input id="password" type="text" name="password" class="form-control @error('password') is-invalid @enderror" value="{{ old('password', '') }}" />
                    <label for="password">New Password</label>
                    @error('password')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-3 form-floating">
                    <input id="password_confirmation" type="text" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" value="{{ old('password_confirmation', '') }}" />
                    <label for="password_confirmation">New Password Confirmation</label>
                    @error('password_confirmation')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-primary btn-lg shadow w-100">
                    <i class="fa-regular fa-fw fa-save"></i> Save
                </button>
            </form> 
        </div>
    </div>
</div>
@endsection