@extends('layouts.admin')

@section('title', "$title ·")

@section('content')
<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h4>{{ $title }}</h4>
        </div>
        <div class="card-body">
            <form action="/api/auth/password/change" method="post" class="default-form">
                @csrf

                <div class="form-group form-input">
                    <label for="input-old_password" class="col-form-label text-dark">Password Lama</label>
                    <input type="password" name="old_password" class="form-control" id="input-old_password">
                    <div class="invalid-feedback"></div>
                </div>
                <div class="form-group form-input">
                    <label for="input-password" class="col-form-label text-dark">Password Baru</label>
                    <input type="password" name="password" class="form-control" id="input-password">
                    <div class="invalid-feedback"></div>
                </div>
                <div class="form-group form-input">
                    <label for="input-password_confirmation" class="col-form-label text-dark">Retype Password</label>
                    <input type="password" name="password_confirmation" class="form-control" id="input-password_confirmation">
                    <div class="invalid-feedback"></div>
                </div>
                <div class="d-flex flex-sm-row flex-column justify-content-end pt-1">
                    <button type="reset" class="btn btn-outline-danger mr-sm-1 mb-1 mb-sm-0">Batal</button>
                    <button type="submit" class="btn btn-primary btn-submit">
                        <span class="spinner-grow spinner-grow-sm d-none btn-spinner" id="status" role="status"
                            aria-hidden="true"></span>
                        <span class="btn-text">Simpan</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection