// Import ========================================================================================================================
import App from '@/layouts/aia/app-layout';
import { Link } from '@inertiajs/react';

type NewsDetailProps = {
  title?: string;
  date?: string;
  time?: string;
  imageUrl?: string;
  content?: string;
  address?: string;
  description?: string;
  link?: string;

};




export default function NewsDetail(
  {
    title = "2025 AIA Spring Forum: The Impact and Response of Open Source Models",
    date = "March 27, 2025",
    address = "Humanities and Social Sciences Building, Academia Sinica (No. 128, Sec. 2, Academia Rd., Nangang Dist., Taipei)",
    time = "09:00-16:30",
    imageUrl = "https://dummyimage.com/1140x500.png",
    description = "Calling all AI decision-makers and technical experts from industry, government, academia, and research.",
    content = `<p>
          Hosted by the Taiwan AI Academy Foundation, the 2023 Taiwan AI Academy Annual Conference took place on
          September 15-16 at the Institute of Humanities and Social Sciences and the First Conference Hall of the
          Academic Activity Center, Academia Sinica, Nangang. The event was held across four conference halls, making it
          a grand gathering of AI experts and industry leaders.
        </p>
        <h2>Generative AI: The Catalyst for Technology and Industry Transformation</h2>
        <p>
          2023 has been recognized as the year of Generative AI, marking a pivotal moment in the widespread adoption of
          AIGC (AI-Generated Content). In response to this Cambrian explosion of AIGC applications, the Taiwan AI
          Academy Foundation organized two consecutive AIGC Impact Workshops in March and June, titled:
        </p>
        <ul>
          <li>Spring Session: The Impact of AIGC</li>
          <li>Summer Session: Productivity and Workflow Advancements</li>
          <li>
            Building upon these discussions, the 2023 Taiwan AI Academy Annual Conference in September served as the
            grand finale of the AIGC trilogy. Under the theme "Generative AI: Unleashing Technology and Industry
            Innovations," the conference provided a comprehensive outlook on the transformational wave driven by
            Generative AI across industries.
          </li>
        </ul>
        <h2>An Unparalleled AI Gathering of Industry Leaders</h2>
        <p>
          The 2023 Taiwan AI Academy Annual Conference brought together top enterprises at the forefront of AI
          innovation, featuring an elite lineup of speakers spanning industry, government, academia, research.
          <br><br>
          The opening ceremony on September 15 was hosted by Academia Sinica President Dr. James C. Liao, who also
          serves as Chairman of the Taiwan AI Academy Foundation. Vice President of Taiwan, Dr. Lai Ching-te, an
          honorary alumnus of the Academy, delivered a keynote address, with Dr. Wu Tsung-Tsong, Minister of the
          National Science and Technology Council, also in attendance.
        </p>`,
    link = "https://aiacademy.tw/",
  }: NewsDetailProps
) {


  return (
    <App
      mainClass='pageContent'
    >


      <div className="pageBack container">
        <Link href="news" className="button button--text">
          <i className="icon-arrowLeft"></i>
          <span className="button-text">Back</span>
        </Link>
      </div>

      <div className="keyvisual">
        <div className="container">
          <img
            className="keyvisual-source"
            src={imageUrl}
            alt={title}
          />
        </div>
      </div>

      <div className="eventInfo container">
        <div className="eventInfo-container">
          <h2 className="eventInfo-title">
            {title}
          </h2>
          <ul className="eventInfo-information">
            <li className="eventInfo-date">
              <i className="icon-clander eventInfo-icon"></i>
              {date}
            </li>
            <li className="eventInfo-time">
              <i className="icon-time eventInfo-icon"></i>
              {time}
            </li>
            <li className="eventInfo-location">
              <i className="icon-location eventInfo-icon"></i>
              {address}
            </li>
          </ul>
          <p className="eventInfo-description">
            {description}
          </p>
          <button type="button" className="button button--second eventInfo-action">
            <a href={link} className="button-text">Register Now</a>
          </button>
        </div>
      </div>


      <div className="editor container pageIndent" dangerouslySetInnerHTML={{ __html: content }} />
    </App >
  );
}