'use client'
import React from 'react'
import styles from '../../styles/dashboard.module.scss'
import SectionTitle from '../../(app)/components/SectionTitle'
import { Form, Select, useFormApi } from '@douyinfe/semi-ui'
import { IconSetting } from '@douyinfe/semi-icons'

const t = {
  LOGGING: {
    root: {
      handlers: [],
    },
    loggers: {
      biliup: {
        handlers: [],
      },
    },
  },
}

const Developer: React.FC = () => {
  const formApi = useFormApi<typeof t>()

  return (
    <>
      <div className={styles.frameDeveloper}>
        <SectionTitle icon={<IconSetting size="small" />} title="开发者选项" />
        <Form.Select
          label="ds_update.log 日志输出等级（LOGGING.root.level, LOGGING.loggers.biliup.level）"
          field="LOGGING.root.level"
          placeholder={'INFO'}
          style={{ width: '100%' }}
          fieldStyle={{
            alignSelf: 'stretch',
            padding: 0,
          }}
          onChange={(value) => {
            formApi.setValue('LOGGING.root.handlers', ['console'])
            formApi.setValue('LOGGING.loggers.biliup.handlers', ['file'])
            formApi.setValue('LOGGING.loggers.biliup.level', value)
          }}
          showClear={true}
        >
          <Select.Option value="DEBUG">DEBUG</Select.Option>
          <Select.Option value="INFO">INFO</Select.Option>
          <Select.Option value="WARNING">WARNING</Select.Option>
          <Select.Option value="ERROR">ERROR</Select.Option>
          <Select.Option value="CRITICAL">CRITICAL</Select.Option>
        </Form.Select>
        <Form.Select
          label="文件日志输出等级（download.log）"
          field="loggers_level"
          placeholder={'INFO'}
          style={{ width: '100%' }}
          fieldStyle={{
            alignSelf: 'stretch',
            padding: 0,
          }}
          onChange={() => {
          }}
          showClear={true}
        >
          <Select.Option value="DEBUG">DEBUG</Select.Option>
          <Select.Option value="INFO">INFO</Select.Option>
          <Select.Option value="WARNING">WARNING</Select.Option>
          <Select.Option value="ERROR">ERROR</Select.Option>
          <Select.Option value="CRITICAL">CRITICAL</Select.Option>
        </Form.Select>
      </div>
    </>
  )
}

export default Developer