import { Tabs } from 'antd';
import {
  BookOutlined,
  GlobalOutlined,
  MenuOutlined,
  NumberOutlined,
  SettingOutlined,
  BgColorsOutlined,
  AuditOutlined,
  LockOutlined,
} from '@ant-design/icons';
import DictionaryManager from './settings/DictionaryManager';
import LanguageManager from './settings/LanguageManager';
import MenuConfig from './settings/MenuConfig';
import NumberingRules from './settings/NumberingRules';
import SystemSettings from './settings/SystemSettings';
import ThemeSettings from './settings/ThemeSettings';
import AuditLogViewer from './settings/AuditLogViewer';
import ChangePassword from './settings/ChangePassword';

const Settings: React.FC = () => {
  return (
    <div>
      <div className="erp-page-header" style={{ borderBottom: 'none', marginBottom: 0, paddingBottom: 8 }}>
        <div>
          <h4>系统设置</h4>
          <div className="erp-page-subtitle">管理系统参数、字典、菜单、主题等配置</div>
        </div>
      </div>

      <Tabs
        defaultActiveKey="dictionaries"
        style={{ marginTop: 8 }}
        items={[
          {
            key: 'dictionaries',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <BookOutlined style={{ fontSize: 14 }} />
                数据字典
              </span>
            ),
            children: <DictionaryManager />,
          },
          {
            key: 'languages',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <GlobalOutlined style={{ fontSize: 14 }} />
                语言管理
              </span>
            ),
            children: <LanguageManager />,
          },
          {
            key: 'menus',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <MenuOutlined style={{ fontSize: 14 }} />
                菜单配置
              </span>
            ),
            children: <MenuConfig />,
          },
          {
            key: 'numbering',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <NumberOutlined style={{ fontSize: 14 }} />
                编号规则
              </span>
            ),
            children: <NumberingRules />,
          },
          {
            key: 'settings',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <SettingOutlined style={{ fontSize: 14 }} />
                系统参数
              </span>
            ),
            children: <SystemSettings />,
          },
          {
            key: 'theme',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <BgColorsOutlined style={{ fontSize: 14 }} />
                主题设置
              </span>
            ),
            children: <ThemeSettings />,
          },
          {
            key: 'audit-log',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <AuditOutlined style={{ fontSize: 14 }} />
                审计日志
              </span>
            ),
            children: <AuditLogViewer />,
          },
          {
            key: 'change-password',
            label: (
              <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                <LockOutlined style={{ fontSize: 14 }} />
                修改密码
              </span>
            ),
            children: <ChangePassword />,
          },
        ]}
      />
    </div>
  );
};

export default Settings;