import { h, ref } from 'vue'

export function useLoginView() {
  const username = ref('')
  const password = ref('')
  const tenant = ref('远光软件股份有限公司')
  const remember = ref(true)

  const tenantOptions = [
    {
      label: '远光软件股份有限公司',
      value: '远光软件股份有限公司'
    }
  ]

  const features = [
    {
      iconKey: 'recognition',
      title: '智能识别 自动归集',
      desc: '票据智能识别，自动归集费用，减少人工录入'
    },
    {
      iconKey: 'workflow',
      title: '流程透明 合规可控',
      desc: '内置审批规则引擎，流程透明，风险可控'
    },
    {
      iconKey: 'insight',
      title: '数据洞察 决策支持',
      desc: '多维度费用分析，洞察业务，驱动决策'
    }
  ]

  const LogoMark = {
    name: 'LoginLogoMark',
    render() {
      return h('span', { class: 'logo-mark', 'aria-hidden': 'true' }, [
        h('svg', { viewBox: '0 0 36 36' }, [
          h('path', {
            d: 'M19.8 4.5c5.7 1.1 9.9 5.7 10.5 11.6-2.8-.9-5.5-.7-7.9.6-2.8 1.5-4.5 4.3-5.2 8.2-4.4-2.8-6.5-6.5-6.3-11.1.2-4.2 3.5-7.8 8.9-9.3Z'
          }),
          h('path', {
            d: 'M9 7.6c-3 3.5-4 7.3-2.9 11.2 1.2 4.2 4.6 7 10.1 8.5-2 1.8-4.6 2.6-7.6 2.3C5.1 26.7 3.5 23.1 3.7 19 4 14.4 5.7 10.6 9 7.6Z'
          })
        ])
      ])
    }
  }

  return {
    features,
    LogoMark,
    password,
    remember,
    tenant,
    tenantOptions,
    username
  }
}