<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>股東會訊息</title>

<style>
body{
    font-family:"Segoe UI","Microsoft JhengHei",Arial,sans-serif;
    background:#f5f7fb;
    margin:0;
    padding:40px;
    color:#333;
}

.container{
    max-width:900px;
    margin:auto;
}

h1{
    font-size:28px;
    margin-bottom:25px;
    font-weight:600;
}

.info{
    margin-bottom:25px;
    color:#555;
    font-size:14px;
    line-height:1.6;
}

.card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    padding:18px 20px;
    margin-bottom:12px;
    border-radius:10px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
    transition:all 0.25s ease;
}

.card:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 16px rgba(0,0,0,0.1);
}

.left{
    display:flex;
    align-items:center;
}

.icon{
    font-size:20px;
    margin-right:14px;
}

.text{
    display:flex;
    flex-direction:column;
}

.title{
    font-size:15px;
    font-weight:500;
}

.date{
    font-size:12px;
    color:#888;
    margin-top:3px;
}

.btn{
    text-decoration:none;
    font-size:13px;
    padding:6px 14px;
    border-radius:20px;
    border:1px solid #ccc;
    color:#333;
    transition:0.2s;
}

.btn:hover{
    background:#007BFF;
    color:#fff;
    border-color:#007BFF;
}

.disabled{
    opacity:0.45;
    pointer-events:none;
}
</style>
</head>

<body>

<div class="container">

<h1>股東會訊息</h1>

<div class="info">
本公司股東常會將於 <b>2026年4月30日 上午10時</b><br>
於 voco Orchard Singapore, Malaysia Room Level 5, 581 Orchard Road, Singapore 238883 舉行
</div>
<div id="list"></div>

</div>

<script>
/* 🔧 控制碼 */
const showResponses = false; // 揭露Q&A時改 true
const showResults = false;   // AGM結束後改 true

const data = [
{
    title:"開會通知書",
    date:"2026-04-08",
    link:"PressCenter/GTC_Notice_of_AGM_30April2026.pdf",
    icon:"📄",
    show:true
},{
    title:"年報",
    date:"2026-04-08",
    link:"PressCenter/GTC_ Annual_Report_FY2025.pdf",
    icon:"📄",
    show:true
},
{
    title:"股東會附錄（SPM Appendix）",
    date:"2026-04-08",
    link:"PressCenter/GTC_SPM_Appendix_dated_8April2026.pdf",
    icon:"📑",
    show:true
},
{
    title:"致股東函",
    date:"2026-04-08",
    link:"PressCenter/GTC_Letter_to_Shareholders_dated_8April2026.pdf",
    icon:"📑",
    show:true
},
{
    title:"股東提問回覆",
    date:"",
    link:"PressCenter/GTC - Responses to Shareholders Questions for FY2024 AGM_24April2025.pdf",
    icon:"💬",
    show:showResponses
},
{
    title:"股東會決議結果",
    date:"",
    link:"PressCenter/GTC - Results of AGM FY2024_30April2025.pdf",
    icon:"📊",
    show:showResults
}
];

const container = document.getElementById("list");

data.forEach(item=>{
    const div=document.createElement("div");
    div.className="card "+(item.show?"":"disabled");

    div.innerHTML=`
    <div class="left">
        <div class="icon">${item.icon}</div>
        <div class="text">
            <div class="title">${item.title}</div>
            <div class="date">發布日期：${item.date}</div>
        </div>
    </div>
    <a class="btn" href="${item.link}" target="_blank">查看</a>
    `;

    container.appendChild(div);
});
</script>

</body>
</html>