import React from 'react'
import { View, Text, ScrollView } from '@tarojs/components'
import Taro from '@tarojs/taro'
import { RencaiTabBarLayout } from '@d8d/rencai-shared-ui/components/RencaiTabBarLayout'
import { Navbar } from '@d8d/mini-shared-ui-components/components/navbar'
import { useRequireAuth } from '@d8d/rencai-auth-ui/hooks'

/**
 * 人才小程序就业信息页
 * 非TabBar页面 - 带返回按钮
 * 从首页"薪资查询"入口跳转
 * 原型参考: docs/小程序原型/rencai.html (行630-768)
 */
const EmploymentPage: React.FC = () => {
  // 检查登录状态，未登录则重定向
  useRequireAuth()
  return (
    <RencaiTabBarLayout activeKey="employment">
      <ScrollView className="h-[calc(100%-60px)] overflow-y-auto bg-gray-100" scrollY>
        {/* Navbar导航栏 - 非TabBar页面带返回按钮 */}
        <Navbar
          title="就业信息"
          leftIcon="i-heroicons-chevron-left-20-solid"
          leftText="返回"
          onClickLeft={() => Taro.navigateBack()}
          backgroundColor="bg-white"
          border={true}
          fixed={true}
          placeholder={true}
        />

        {/* 页面内容 - 待实现完整功能 */}
        <View className="h-full flex items-center justify-center bg-gray-100">
          <Text className="text-gray-600">就业信息页面占位</Text>
        </View>
      </ScrollView>
    </RencaiTabBarLayout>
  )
}

export default EmploymentPage
