import { useGameStore } from '../store'
import { BUILDINGS, buildingById, listBuildingDefs, SPECIALTY_MULT, bonusOf, isSpecialty } from '../../game/data/buildings'
import { useMemo } from 'react'

export default function TerritoryPanel() {
  const world = useGameStore((s) => s.world)
  const bump = useGameStore((s) => s.bump)
  const revision = useGameStore((s) => s.revision)
  void revision
  const ids = useMemo(() => listBuildingDefs().map((d) => d.id), [])
  if (!world) return null
  const fam = world.state.family

  const levelLabel = (l: number) => '·'.repeat(l) + '。'.repeat(5 - l)

  return (
    <div>
      <div className="help-text">
        族产经营：建造建筑后每月自动产出；坊市、丹房等基础设施可解锁功能。
        灵石与灵矿不足则无法建造或升级。
      </div>
      <MonumentList />
      <div className="bld-grid">
        {ids.map((id) => {
          const def = buildingById(id)
          if (!def) return null
          const level = fam.buildings[id] ?? 0
          const built = level > 0
          const cost = built && level >= def.maxLevel ? null : def.upgradeCost(built ? level + 1 : 1)
          const produce = def.produceTable ? def.produceTable(built ? level : 1) : null
          const canUpgrade =
            !!cost &&
            fam.stones >= cost.stones &&
            fam.inventory['lingkuang'] >= cost.lingkuang
          const isSpecialtyBuilding = fam.flag['buildingSpecialty'] === id
          return (
            <div key={id} className={`bld-card ${built ? '' : 'uc'} ${isSpecialtyBuilding ? 'bld-specialty' : ''}`}>
              <div className="bld-head">
                <span className="bld-icon">{def.icon}</span>
                <div>
                  <div>{def.name}{isSpecialtyBuilding && <span className="gold" style={{ marginLeft: 4, fontSize: '0.75rem' }}>【专精】</span>}</div>
                  <div className="dim2" style={{ fontSize: '0.75rem' }}>{def.kind === 'produce' ? '产出' : '功效'}</div>
                </div>
                <span className="bld-lv">{built ? `${level}级` : ''}</span>
              </div>
              <div className="bld-desc">{def.desc}</div>
              {/* 0.1.41 建筑专精加成预览 */}
              {built && def.extra && Object.keys(def.extra).length > 0 && (() => {
                const specialtyId = fam.flag['buildingSpecialty'] as string | undefined
                const currentLevel = level
                const isThisSpecialty = isSpecialty(id, specialtyId)
                const bonusLabels: { name: string; base: number; specialty: number }[] = []
                for (const [key, expr] of Object.entries(def.extra)) {
                  void expr
                  const base = bonusOf(id, key, currentLevel, undefined)
                  const spec = bonusOf(id, key, currentLevel, id)
                  bonusLabels.push({ name: extraLabel(key), base, specialty: spec })
                }
                return (
                  <div className="bld-prod" style={{ fontSize: '0.72rem', color: '#a89878' }}>
                    {bonusLabels.map((b, i) => (
                      <span key={i} style={{ marginRight: 8 }}>
                        {b.name}: {b.base.toFixed(2)}
                        {isThisSpecialty && <span className="gold"> →x{SPECIALTY_MULT} = {(b.base * SPECIALTY_MULT).toFixed(2)}</span>}
                        {!isThisSpecialty && specialtyId && <span className="dim2"> (设为专精可至 {(b.base * SPECIALTY_MULT).toFixed(2)})</span>}
                      </span>
                    ))}
                  </div>
                )
              })()}
              {produce && Object.keys(produce).length > 0 && (
                <div className="bld-prod">
                  {Object.entries(produce)
                    .filter(([k]) => k !== 'beastcore' || (built && level >= 3))
                    .map(([k, v]) => `${itemLabel(k)} ×${v}`)
                    .join(' / ')}
                  /月
                </div>
              )}
              <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 'auto' }}>
                {built ? (
                  <>
                    {level < def.maxLevel ? (
                      <button
                        className="btn btn-sm"
                        disabled={!canUpgrade}
                        onClick={() => {
                          world.upgrade(id)
                          bump()
                        }}
                      >
                        升至{level + 1}级（{cost?.stones ?? 0}灵石 + {cost?.lingkuang ?? 0}灵矿）
                      </button>
                    ) : (
                      <span className="gold">已臻极致</span>
                    )}
                    {id === 'cangshu' && (
                      <button
                        className="btn btn-sm"
                        disabled={(fam.buildings['cangshu'] ?? 0) < 3 || fam.stones < 150 || world.state.year - ((fam.flag['sutraCD'] as number) ?? -9) < 2}
                        title={((fam.buildings['cangshu'] ?? 0) < 3 ? '需藏书阁3级' : fam.stones < 150 ? '需150灵石' : '两年一访')}
                        onClick={() => {
                          world.seekSutra()
                          bump()
                        }}
                      >
                        求经
                      </button>
                    )}
                    {id === 'zongci' && (
                      <button
                        className="btn btn-sm btn-primary"
                        disabled={world.state.year - ((fam.flag['lastRiteYear'] as number) ?? -9) < 2 || fam.stones < 150}
                        title="耗灵石150 · 每两年一回 · 声望+6 · 全族修为气血微升"
                        onClick={() => {
                          world.ancestralRite()
                          bump()
                        }}
                      >
                        祭祖{world.state.year - ((fam.flag['lastRiteYear'] as number) ?? -9) < 2 ? '(冷却)' : '150灵石'}
                      </button>
                    )}
                    {built && def.extra && Object.keys(def.extra).length > 0 && (
                      <button
                        className="btn btn-sm"
                        style={{ marginLeft: 4, fontSize: '0.7rem' }}
                        disabled={isSpecialtyBuilding ? false : fam.stones < 200}
                        title={isSpecialtyBuilding ? '取消专精（免费）' : `设为专精（耗200灵石）· extra 加成 ×${SPECIALTY_MULT}`}
                        onClick={() => {
                          if (isSpecialtyBuilding) {
                            delete fam.flag['buildingSpecialty']
                          } else {
                            if (fam.stones < 200) return
                            fam.stones -= 200
                            fam.flag['buildingSpecialty'] = id
                          }
                          bump()
                        }}
                      >
                        {isSpecialtyBuilding ? '取消专精' : '设为专精'}
                      </button>
                    )}
                    <span className="dim2" style={{ marginLeft: 'auto' }}>{levelLabel(level)}</span>
                  </>
                ) : (
                  <button
                    className="btn btn-sm btn-primary"
                    disabled={!canUpgrade}
                    onClick={() => {
                      world.build(id)
                      bump()
                    }}
                  >
                    营建（{cost?.stones ?? 0}灵石 + {cost?.lingkuang ?? 0}灵矿）
                  </button>
                )}
              </div>
            </div>
          )
        })}
      </div>
    </div>
  )
}

function MonumentList() {
  const world = useGameStore((s) => s.world)
  const revision = useGameStore((s) => s.revision)
  void revision
  if (!world) return null
  const monuments = world.state.chronicle.filter((e) => e.text.startsWith('功德碑')).slice().reverse()
  if (monuments.length === 0) return null
  return (
    <div className="monument-strip">
      <div className="card-title" style={{ fontSize: '0.98rem' }}>宗祠碑录</div>
      {monuments.slice(0, 4).map((m) => (
        <div key={m.id} className="dim" style={{ lineHeight: 1.7 }}>
          <span className="ch-year" style={{ marginRight: 8 }}>{m.year}年</span>
          {m.text.slice(3)}
        </div>
      ))}
    </div>
  )
}

function itemLabel(k: string): string {
  const map: Record<string, string> = {
    stone: '灵石',
    lingcao: '灵草',
    lingkuang: '灵矿',
    beastcore: '兽核'
  }
  return map[k] ?? k
}

/** 0.1.41 建筑加成属性中文名 */
function extraLabel(key: string): string {
  const map: Record<string, string> = {
    craftChance: '成丹率',
    unlockGrade: '解锁品阶',
    expBonus: '修炼加成',
    powerBonus: '战力加成',
    repBonus: '声望'
  }
  return map[key] ?? key
}