{% extends "base.html" %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-person"></i> {{ '编辑用户' if user else '添加用户' }}</h2>
    <a href="{{ url_for('users') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> 返回
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="post">
            <div class="mb-3">
                <label class="form-label">用户名 <span class="text-danger">*</span></label>
                <input type="text" name="username" class="form-control" value="{{ user.username if user else '' }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">真实姓名 <span class="text-danger">*</span></label>
                <input type="text" name="real_name" class="form-control" value="{{ user.real_name if user else '' }}" required>
            </div>

            <div class="mb-3">
                <label class="form-label">密码</label>
                <input type="password" name="password" class="form-control" 
                       placeholder="{{ '留空则不修改' if user else '请输入密码' }}">
                <small class="text-muted">{{ '留空则不修改密码' if user else '默认密码：123456' }}</small>
            </div>

            <div class="mb-3">
                <label class="form-label">角色 <span class="text-danger">*</span></label>
                <select name="role" class="form-select">
                    <option value="管理员" {% if user and user.role == '管理员' %}selected{% endif %}>管理员</option>
                    <option value="审批人" {% if user and user.role == '审批人' %}selected{% endif %}>审批人</option>
                    <option value="普通用户" {% if user and user.role == '普通用户' %}selected{% endif %}>普通用户</option>
                </select>
            </div>

            <div class="mb-3">
                <label class="form-label">所属部门</label>
                <select name="department" class="form-select">
                    <option value="">无部门</option>
                    {% for dept in departments %}
                        <option value="{{ dept.name }}" {% if user and user.department == dept.name %}selected{% endif %}>
                            {{ dept.name }}
                        </option>
                    {% endfor %}
                </select>
                <small class="text-muted">💡 设置部门后，审批时系统会自动匹配该部门的负责人</small>
            </div>

            <div class="mb-3">
                <label class="form-label">岗位</label>
                <select name="position" class="form-select">
                    <option value="">请选择...</option>
                    {% for pos in all_positions %}
                        <option value="{{ pos.name }}" {% if user and user.position == pos.name %}selected{% endif %}>
                            {{ pos.name }}{% if pos.is_system == 1 %} 🔒{% endif %}
                        </option>
                    {% endfor %}
                </select>
                <small class="text-muted">
                    💡 设置为"部门负责人"后，该部门员工的审批会自动匹配到这里
                    <span class="d-block text-info mt-1">
                        ⚡ 岗位列表来自「岗位管理」模块，如需新增岗位请先去岗位管理添加
                    </span>
                </small>
            </div>

            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-circle"></i> 保存
            </button>
            <a href="{{ url_for('users') }}" class="btn btn-outline-secondary">取消</a>
        </form>
    </div>
</div>
{% endblock %}