import { useNavigate } from 'react-router-dom'
import { Button } from 'antd'
import { ArrowLeftOutlined } from '@ant-design/icons'
import './MemberRules.css'

/** 章节数据结构 */
interface Article {
  /** 条款编号(用于显示) */
  no: string
  /** 条款标题/正文(可含子条款) */
  text: string
  /** 子条款 */
  items?: string[]
}

interface Chapter {
  /** 章节编号 */
  no: string
  /** 章节标题 */
  title: string
  articles: Article[]
}

const CHAPTERS: Chapter[] = [
  {
    no: '第一章',
    title: '总则',
    articles: [
      {
        no: '第一条',
        text: '为规范金华市中医药学会(以下简称"学会")会员管理,根据《金华市中医药学会章程》的有关规定,结合实际情况,特制定本管理办法。',
      },
      { no: '第二条', text: '学会会员的入会、退会和日常活动的管理,适用本办法。' },
      { no: '第三条', text: '学会会员设个人会员和单位会员。' },
      {
        no: '第四条',
        text: '学会会员管理,遵循严格审批、入会自愿、退会自由的原则。',
      },
      {
        no: '第五条',
        text: '学会会员遵守国家法律法规和《金华市中医药学会章程》的规定,积极参加学会活动,维护学会名誉,为促进中医药科技进步和健康中国作贡献。',
      },
    ],
  },
  {
    no: '第二章',
    title: '个人会员',
    articles: [
      {
        no: '第六条',
        text: '申请加入本会的个人会员,必须具备下列条件:',
        items: [
          '(一)自愿加入本会,拥护本会章程;',
          '(二)积极参加本会组织的各项活动;',
          '(三)在中医药医疗、教学、科研、生产、经营等部门取得中级或以上技术职称者;',
          '(四)获得执业中医(药)师,从事中医药工作三年以上并有一定的学术水平、工作经验和一技之长者;',
          '(五)西医学习中医以及其他科技人员,从事中医药工作三年以上并有一定成绩者;',
          '(六)从事中医药管理工作者;',
          '(七)中医药事业爱好者。',
        ],
      },
      {
        no: '第七条',
        text: '个人会员入会程序',
        items: [
          '(一)填写入会申请表(线上注册),申请入会;',
          '(二)缴纳会费;',
          '(三)经金华市中医药学会审核通过。',
        ],
      },
      {
        no: '第八条',
        text: '个人会员享有以下权利',
        items: [
          '(一)本会的选举权、被选举权和表决权;',
          '(二)获得本会服务的优先权;',
          '(三)对本会工作的批评建议权和监督权;',
          '(四)优先参加本会和专科分会组织的各类学术活动及基层培训;',
          '(五)优先取得本会有关学术资料和会议信息;',
          '(六)优先取得本会的科研成果、科技奖励等各类奖项的申报权;',
          '(七)免费获得本会编辑出版的学术资料、内部刊物和学术活动计划;',
          '(八)优先推荐专科分会委员、青年委员候选人;',
          '(九)入会自愿,退会自由。',
        ],
      },
      {
        no: '第九条',
        text: '个人会员应履行以下义务',
        items: [
          '(一)遵守本会章程,执行本会的决议、决定;',
          '(二)维护本会合法权益;',
          '(三)按规定缴纳会费;',
          '(四)完成本会交办的工作;',
          '(五)向本会反映情况,提供有关资料;',
          '(六)参加本会组织的各项学术、咨询、义诊和科普活动。',
        ],
      },
    ],
  },
  {
    no: '第三章',
    title: '单位会员',
    articles: [
      {
        no: '第十条',
        text: '凡具有一定数量中级以上职称的科技人员的中医药医疗、教育、科研、药品生产以及健康服务等相关领域的企、事业单位和依法登记的社会组织,承认本会章程,愿意参加本会活动,支持本会工作,均可成为本会单位会员。',
      },
      {
        no: '第十一条',
        text: '单位会员入会程序',
        items: [
          '(一)填写入会申请表(线上注册),申请入会;',
          '(二)缴纳会费;',
          '(三)经金华市中医药学会审核通过;',
          '(四)授予单位会员证书。',
        ],
      },
      {
        no: '第十二条',
        text: '单位会员享有的权利',
        items: [
          '(一)优先参加本会组织的各类学术活动;',
          '(二)免费获得本会编辑出版的学术资料、科普杂志、每年度工作总结和学术活动计划;',
          '(三)优先取得本会的科研成果、科技奖励等各类奖项的申报权、相关信息技术咨询服务;',
          '(四)优先参加学会和专科分会组织的基层培训、帮扶等;',
          '(五)对本会工作提出意见和建议;',
          '(六)入会自愿,退会自由。',
        ],
      },
      {
        no: '第十三条',
        text: '单位会员应履行以下义务',
        items: [
          '(一)遵守本会章程,执行本会的决议、决定;',
          '(二)维护本会合法权益;',
          '(三)按规定缴纳会费;',
          '(四)承担本会委托的工作,协助开展有关的学术和科普活动;',
          '(五)积极支持鼓励本单位技术人员加入本会并参加本会组织的各项学术、义诊、科普活动和有关社会公益活动;',
          '(六)选派 1 名联系人负责与本会联系(若单位法人代表或联系人等信息变更,应及时与本会取得联系以修改信息)。',
        ],
      },
    ],
  },
  {
    no: '第四章',
    title: '会费管理',
    articles: [
      {
        no: '第十四条',
        text: '会员缴纳的会费,是确保本会正常运转的主要经费来源。按时缴纳会费,是每个会员应尽的基本义务。',
      },
      {
        no: '第十五条',
        text: '会费缴纳标准',
        items: [
          '(一)个人会员会费标准:每人每年 30 元,五年一交(五年到期后应主动续交会费);',
          '(二)单位会员会费标准:事业单位每年 1000 元,企业单位及其他机构每年 2000 元。',
        ],
      },
      {
        no: '第十六条',
        text: '根据国家规定,会员可在自愿的前提下,向本会提供赞助。',
      },
      {
        no: '第十七条',
        text: '单位会员应在当年度完成会费缴纳,新入会单位会员应于正式入会后 1 个月之内缴纳会费。',
      },
      { no: '第十八条', text: '会费收缴工作由学会财务具体负责。' },
      { no: '第十九条', text: '收取会费,严格使用财政部门的正规票据。' },
    ],
  },
  {
    no: '第五章',
    title: '会费用途',
    articles: [
      {
        no: '第二十条',
        text: '会费应本着"取之于会员,用之于会员"的原则管理使用。主要使用范围是:',
        items: [
          '(一)为会员提供信息和服务的支出;',
          '(二)召开会员代表大会、理事会、常务理事会等会议的支出;',
          '(三)举办和参与旨在推动学会事业发展的宣传推广、学术研讨等活动的支出;',
          '(四)本会办公经费等支出;',
          '(五)奖励有学术成就和突出贡献的会员的支出;',
          '(六)符合本会宗旨的其它支出。',
        ],
      },
    ],
  },
  {
    no: '第六章',
    title: '取消会员资格的规定和退会程序',
    articles: [
      {
        no: '第二十一条',
        text: '取消会员资格的规定和退会程序',
        items: [
          '(一)会员退会应书面通知本会,且单位会员需交回会员证书;',
          '(二)会员退会和除名,已缴纳的会费不予退还;',
          '(三)会员 1 年不缴纳会费或不履行会员义务的,视为自动退会;',
          '(四)会员从事违反本会章程和有损本会声誉的一切活动,未经本会允许,擅自以本会名义从事商业活动,经组织工作委员会讨论决定,取消其会员资格。被剥夺政治权利者,其会员资格自动取消。',
        ],
      },
    ],
  },
  {
    no: '第七章',
    title: '附则',
    articles: [
      {
        no: '第二十二条',
        text: '本办法的制订和修改,须经会员代表大会表决通过有效。',
      },
      {
        no: '第二十三条',
        text: '本办法经 2022 年 6 月 25 日第七次会员代表大会表决通过。',
      },
    ],
  },
]

const MemberRules = () => {
  const navigate = useNavigate()

  return (
    <div className="member-rules-page">
      <div className="rules-header">
        <Button
          type="text"
          icon={<ArrowLeftOutlined />}
          onClick={() => navigate(-1)}
          className="back-btn"
        />
        <h1 className="rules-title">会员管理办法</h1>
        <span className="header-spacer" />
      </div>

      <div className="rules-doc">
        {/* 公文头 */}
        <div className="doc-banner">
          <div className="banner-line">金华市中医药学会文件</div>
          <div className="banner-no">金中会〔2022〕9 号</div>
        </div>

        {/* 决议 */}
        <h2 className="doc-decision-title">
          关于通过《金华市中医药学会会员管理办法》
          <br />
          的决议
        </h2>
        <p className="doc-paragraph">
          经金华市中医药学会第七次会员代表大会审议,决定通过《金华市中医药学会会员管理办法》,现予发布。
        </p>
        <p className="doc-paragraph">附件:《金华市中医药学会会员管理办法》</p>
        <div className="doc-sign">
          <div>金华市中医药学会</div>
          <div>2022 年 6 月 25 日</div>
        </div>

        <div className="doc-divider" />

        {/* 正文标题 */}
        <h2 className="doc-title">金华市中医药学会会员管理办法</h2>

        {/* 章节正文 */}
        {CHAPTERS.map((chapter) => (
          <section key={chapter.no} className="doc-chapter">
            <h3 className="chapter-title">
              {chapter.no}　{chapter.title}
            </h3>
            {chapter.articles.map((article) => (
              <div key={article.no} className="doc-article">
                <p className="article-text">
                  <span className="article-no">{article.no}　</span>
                  {article.text}
                </p>
                {article.items && (
                  <ul className="article-items">
                    {article.items.map((item, idx) => (
                      <li key={idx}>{item}</li>
                    ))}
                  </ul>
                )}
              </div>
            ))}
          </section>
        ))}

        <div className="doc-footer-tip">— 全文完 —</div>
      </div>
    </div>
  )
}

export default MemberRules
