@extends('admin.layouts.app')

@section('title', '비밀번호 변경')
@section('page_title', '비밀번호 변경')
@section('page_desc', '현재 비밀번호 확인 후 변경')

@section('content')
    <section class="a-page">
        <article class="a-card" style="max-width:560px;">
            <div class="a-card__head">
                <div>
                    <div class="a-card__title">비밀번호 변경</div>
                    <div class="a-card__desc a-muted">변경 시 감사로그가 기록됩니다.</div>
                </div>
            </div>

            <form method="POST" action="{{ route('admin.me.password.update') }}" class="a-form" onsubmit="this.querySelector('button[type=submit]').disabled=true;">
                @csrf

                <div class="a-field">
                    <label class="a-label" for="current_password">현재 비밀번호</label>
                    <input class="a-input" id="current_password" name="current_password" type="password" autocomplete="current-password">
                    @error('current_password')<div class="a-error">{{ $message }}</div>@enderror
                </div>

                <div class="a-field">
                    <label class="a-label" for="password">새 비밀번호</label>
                    <input class="a-input" id="password" name="password" type="password" autocomplete="new-password">
                    @error('password')<div class="a-error">{{ $message }}</div>@enderror
                </div>

                <div class="a-field">
                    <label class="a-label" for="password_confirmation">새 비밀번호 확인</label>
                    <input class="a-input" id="password_confirmation" name="password_confirmation" type="password" autocomplete="new-password">
                </div>

                <button class="a-btn a-btn--primary" type="submit" style="margin-top:12px;">
                    변경
                </button>

                <a class="a-link" href="{{ route('admin.me') }}" style="display:inline-block; margin-top:12px;">
                    ← 내정보로
                </a>
            </form>
        </article>
    </section>
@endsection