@extends('admin.layout', [
    'title' => 'Tstore Admin · 账户安全',
    'pageTitle' => '账户安全',
    'pageSubtitle' => '修改当前管理员的用户名、邮箱和登录密码。',
    'pageBadge' => 'Account',
])

@section('content')
<div class="split">
    <section class="panel soft">
        <div class="section-title">
            <div>
                <h2>账户资料</h2>
                <p>这里可以直接修改当前登录管理员的名称和邮箱地址。</p>
            </div>
        </div>

        <form method="post" action="{{ route('webadmin.account.profile') }}" class="grid">
            @csrf
            @method('PUT')

            <div class="field">
                <label>用户名</label>
                <input class="input" name="name" value="{{ old('name', $user->name) }}" placeholder="输入管理员名称" required>
            </div>

            <div class="field">
                <label>邮箱</label>
                <input class="input" type="email" name="email" value="{{ old('email', $user->email) }}" placeholder="输入管理员邮箱" required>
            </div>

            <div class="form-actions">
                <button class="btn" type="submit">更新资料</button>
            </div>
        </form>

        <div class="kv-grid">
            <div class="kv-card">
                <span class="kv-label">当前邮箱</span>
                <span class="kv-value">{{ $user->email }}</span>
            </div>
            <div class="kv-card">
                <span class="kv-label">当前用户名</span>
                <span class="kv-value">{{ $user->name ?: '未设置' }}</span>
            </div>
            <div class="kv-card">
                <span class="kv-label">创建时间</span>
                <span class="kv-value">{{ optional($user->created_at)->format('Y-m-d H:i') ?: '-' }}</span>
            </div>
            <div class="kv-card">
                <span class="kv-label">最近更新</span>
                <span class="kv-value">{{ optional($user->updated_at)->format('Y-m-d H:i') ?: '-' }}</span>
            </div>
        </div>
    </section>

    <section class="panel">
        <div class="section-title">
            <div>
                <h2>修改密码</h2>
                <p>输入当前密码后设置新密码。为了避免误操作，新密码必须至少 8 位，并重复确认一次。</p>
            </div>
        </div>

        <form method="post" action="{{ route('webadmin.account.password') }}" class="grid">
            @csrf
            @method('PUT')

            <div class="field">
                <label>当前密码</label>
                <input class="input" type="password" name="current_password" placeholder="输入当前密码" required>
            </div>

            <div class="field">
                <label>新密码</label>
                <input class="input" type="password" name="new_password" placeholder="至少 8 位" required>
            </div>

            <div class="field">
                <label>确认新密码</label>
                <input class="input" type="password" name="new_password_confirmation" placeholder="再次输入新密码" required>
            </div>

            <div class="form-actions">
                <button class="btn" type="submit">更新密码</button>
            </div>
        </form>
    </section>
</div>
@endsection