{{define "article_attachments"}}
<!-- Attachments：全站统一上传（files 表，type=attachments）。
     上传/删除/列表走当前页面所属的角色 API（/api/admin/... 或 /api/my/...），
     行为与文案由 static/js/article-attachments.js 的 initArticleAttachments 提供。 -->
<div>
    <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "article_attachments"}}</label>
    <div class="flex items-center gap-3 mb-3">
        <input type="file" id="attachmentInput" class="text-sm text-gray-600" disabled>
        <button type="button" id="attachmentUploadBtn"
            class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg font-medium hover:bg-gray-300 transition-colors cursor-pointer disabled:opacity-50"
            disabled>
            {{index .Tr "article_upload"}}
        </button>
        <span id="attachmentMsg" class="text-xs text-gray-400"></span>
    </div>
    <table class="w-full text-left border border-gray-200 rounded-lg overflow-hidden">
        <thead class="bg-gray-50 border-b border-gray-200">
            <tr>
                <th class="px-3 py-2 text-xs font-semibold text-gray-600">{{index .Tr "article_att_name"}}</th>
                <th class="px-3 py-2 text-xs font-semibold text-gray-600">{{index .Tr "article_att_size"}}</th>
                <th class="px-3 py-2 text-xs font-semibold text-gray-600 text-right">{{index .Tr "settings_actions"}}</th>
            </tr>
        </thead>
        <tbody id="attachmentList" class="divide-y divide-gray-100"></tbody>
    </table>
</div>
{{end}}