import Taro from '@tarojs/taro'
import { Text, View } from '@tarojs/components'
import Button from '@taroify/core/button'
import '@taroify/core/button/style'
import type { PracticeRecord } from '../services/practice'
import { duration } from '../utils/dates'

export { Button }

export function FormActions({ busy, cancelDisabled, saveDisabled, saveLabel = '保存', onCancel, onSave }: {
  busy: boolean
  cancelDisabled?: boolean
  saveDisabled?: boolean
  saveLabel?: string
  onCancel: () => unknown
  onSave: () => unknown
}) {
  return <View className='form-actions'>
    <View className='form-action'><Button block variant='outlined' disabled={busy || cancelDisabled} onClick={() => { void onCancel() }}>取消</Button></View>
    <View className='form-action'><Button block color='primary' loading={busy} disabled={busy || saveDisabled} onClick={() => { void onSave() }}>{saveLabel}</Button></View>
  </View>
}
export function LoadState({ loading, error, retry }: { loading: boolean; error: string; retry: () => unknown }) {
  if (!loading && !error) return null
  return <View className='panel status-panel'><Text className={error ? 'error-text' : 'muted'}>{loading ? '正在读取你的练习…' : error}</Text>{error && <Button size='small' variant='outlined' onClick={() => { void retry() }}>重新加载</Button>}</View>
}
export function Empty({ title }: { title: string }) {
  return <View className='empty'><Text className='empty-title'>{title}</Text></View>
}
export function RecordCards({ records }: { records: PracticeRecord[] }) {
  return <View>{records.map(record => <View className='record-card' key={record.id}>
    <View className='row'><Text className='record-name'>{record.projectName}</Text><Text className='record-duration'>{duration(record.minutes)}</Text></View>
    <View className='row'><Text className='muted small'>{record.date}{record.archived ? ' · 已归档项目' : ''}</Text><Button size='small' variant='text' onClick={() => { void Taro.navigateTo({ url: `/pages/record/index?id=${record.id}` }) }}>更正</Button></View>
    {record.note && <Text className='record-note'>{record.note}</Text>}
  </View>)}</View>
}

/** Return to the actual originating page; deep-entry forms fall back to records. */
export async function returnToSource(message?: string) {
  if (Taro.getCurrentPages().length > 1) await Taro.navigateBack()
  else await Taro.switchTab({ url: '/pages/index/index' })
  if (message) void Taro.showToast({ title: message, icon: 'none' })
}