@extends('layouts.admin')

@section('title', '修改密碼')

@section('content')
    <h1>修改密碼</h1>
    <p class="lede">更新你自己登入管理後台用的密碼。</p>

    <style>
        form.password-form {
            max-width: 360px;
            background: #fff;
            border: 1px solid #dfded8;
            border-radius: 12px;
            padding: 24px 26px;
        }
        form.password-form label { display: block; font-size: .82rem; color: #5b6270; margin: 14px 0 5px; }
        form.password-form label:first-child { margin-top: 0; }
        form.password-form input {
            width: 100%;
            padding: 9px 11px;
            border: 1px solid #c7c5bd;
            border-radius: 8px;
            font-size: .92rem;
        }
        form.password-form button {
            margin-top: 20px;
            padding: 9px 18px;
            border: none;
            border-radius: 8px;
            background: #5a4fc4;
            color: #fff;
            font-size: .88rem;
            font-weight: 600;
            cursor: pointer;
        }
        form.password-form button:hover { background: #4a41a8; }
        .status { color: #0d7c82; font-size: .86rem; margin: 0 0 16px; }
        .error { color: #b23b3b; font-size: .8rem; margin-top: 4px; }
    </style>

    @if (session('status'))
        <p class="status">{{ session('status') }}</p>
    @endif

    <form class="password-form" method="POST" action="{{ route('admin.password.update') }}">
        @csrf
        @method('PUT')

        <label for="current_password">目前密碼</label>
        <input id="current_password" name="current_password" type="password" required>
        @error('current_password')
            <p class="error">{{ $message }}</p>
        @enderror

        <label for="password">新密碼</label>
        <input id="password" name="password" type="password" required>
        @error('password')
            <p class="error">{{ $message }}</p>
        @enderror

        <label for="password_confirmation">確認新密碼</label>
        <input id="password_confirmation" name="password_confirmation" type="password" required>

        <button type="submit">更新密碼</button>
    </form>
@endsection