=2 ? pre+' 組合' : '組合報名';
}
// 組合卡內容：逐場列出日期／地點／設備，並顯示合計金額
function bundleLegsHtml(legs, totalAll){
const rows=(legs||[]).map(x=>{
const nm=escHtml(x.sessionName||x.sesName||'場次');
const date=escHtml(mShortDateRange(mRecordDateText(x))||'—');
const loc=escHtml(mRecordLocationText(x)||'—');
const equip=escHtml(mPreNoticeEquipDisplayText(x));
const stalls=escHtml(mRecordStallText(x));
return `
${nm}
📅 ${date}｜${stalls}
◎ ${loc}
設備：${equip}
`;
}).join('');
// 應收(total) 是主辦拆帳看的；已繳(paid) 是實際收到的錢；待補 = 應收 − 已繳。
// 只有「已單場報過、後來併入套組」的人才會出現落差，一般報名 paid=0 或已全繳，不顯示這兩行。
const paidAll=legs.reduce((n,x)=>n+Number(x.paid||0),0);
const dueAll=legs.reduce((n,x)=>n+Number(x.due||0),0);
const extra = paidAll>0 && dueAll>0
? `已繳：NT$ ${paidAll.toLocaleString()} 待補繳：NT$ ${dueAll.toLocaleString()}
`
: '';
return `
${rows}
繳費(含押金)：NT$ ${Number(totalAll||0).toLocaleString()}（組合合計）
${extra}
✅ 已選加價位置：${escHtml(reg.stallNumber)}
${line}
`;
}
if(String(reg.seatChoiceStatus||'')==='released' || (reg.seatSelectionDeadline && isExpiredIso(reg.seatSelectionDeadline))){
return `加價選位期限已過，系統將依付款確認順序安排位置。
`;
}
if(canSelectStallReg(reg)){
const lead=paid>0 ? '您已完成原費用付款，可再選加價位置；選位後只需補繳差額。' : `本場可加價選位。選位後請於 ${escHtml(deadlineText)} 完成付款。`;
return ``;
}
return `不加價選位將依付款確認順序安排位置。
`;
}
function publishedSeatHtml(reg){
const days=Array.isArray(reg&®.dayPositions)?reg.dayPositions:[];
if(days.length)return `您的攤位：${days.map(x=>`${escHtml(String(x.date||'').replace(/^\d{4}-/,''))}｜${escHtml(x.stallNumber||'')}`).join('、')}
`;
if(reg&®.stallNumber)return `您的攤位：${escHtml(reg.stallNumber)}
`;
return '';
}
function payBadge(reg){
if(isCancelledReg(reg)) return {t:'已取消',bg:'#eeeeee',c:'#777777'};
const ts=String(reg.transferStatus||'');
if(['已退費','refunded'].includes(ts)) return {t:'已退費',bg:'#eeeeee',c:'#777777'};
if(['申請退費','退費中','refund_pending'].includes(ts)) return {t:'退費中',bg:'#fff0f0',c:'#c0392b'};
const ps=String(reg.payStatus||'未繳費');
const total=Number(reg.total||0)||0, paid=Number(reg.paid||0)||0;
const due=Number.isFinite(Number(reg.due))?Math.max(0,Number(reg.due)):Math.max(0,total-paid);
if(ps==='免費') return {t:'免費',bg:'#e8f7ee',c:'#2a6a10'};
if(paid>0 && due>0) return {t:'待補款',bg:'#fff8ed',c:'#b45309'};
if(isPaidText(ps) && due<=0) return {t:'已繳費',bg:'#e8f7ee',c:'#2a6a10'};
if(isPendingPayText(ps)) return {t:'待確認',bg:'#fff8ed',c:'#b45309'};
return {t:'未繳費',bg:'#fdecea',c:'#c0392b'};
}
function escHtml(v){return String(v??'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"');}
function mFirstVal(obj, keys, fallback=''){
for(const k of keys){
const v=obj && obj[k];
if(v!==undefined && v!==null && String(v).trim()!=='') return v;
}
return fallback;
}
function mFormatDateTime(v){
if(!v) return '';
const s=String(v);
const d=new Date(s);
if(Number.isNaN(d.getTime())) return s;
return d.toLocaleString('zh-TW',{year:'numeric',month:'2-digit',day:'2-digit',weekday:'short',hour:'2-digit',minute:'2-digit',hour12:false}).replace(/\//g,'/');
}
function mSessionForReg(r){
const sid=String(r?.sessionId||r?.session_id||'');
const list=[...(Array.isArray(ST.allSessionsData)?ST.allSessionsData:[]), ...(Array.isArray(ST.sessions)?ST.sessions:[])];
return list.find(s=>String(s.id||s.sessionId||'')===sid) || {};
}
function mSessionDateLine(d){
if(!d) return '';
const date=String(d.date||d.day||'').replace(/-/g,'/');
const start=d.start||d.startTime||'';
const end=d.end||d.endTime||'';
return [date, (start||end)?`${start}${end?' - '+end:''}`:''].filter(Boolean).join(' ');
}
function mRecordDateText(r){
const s=mSessionForReg(r);
const dates=Array.isArray(s.dates)&&s.dates.length?s.dates:(Array.isArray(r.sessionDates)?r.sessionDates:[]);
const selected=Array.isArray(r.selectedDates)?r.selectedDates.map(String).filter(Boolean):[];
if(dates.length){
const chosen=selected.length ? dates.filter(d=>selected.includes(String(d.date||d.day||''))) : dates;
const lines=(chosen.length?chosen:dates).map(mSessionDateLine).filter(Boolean);
if(lines.length) return lines.join('、');
}
const sessionRaw=s.date||s.startDate||s.eventDate||s.sessionDate||'';
const sessionTime=s.startTime||s.time||'';
if(sessionRaw) return [String(sessionRaw).replace(/-/g,'/'), sessionTime].filter(Boolean).join(' ');
const selectedText=selected.length ? selected.join('、') : '';
return selectedText || mFirstVal(r,['dateText','sessionDateText','timeText','eventTime','date','sessionDate'], '') || (r.createdAt ? '報名日期：'+mFormatDateTime(r.createdAt) : '時間請見活動公告');
}
function mRecordLocationText(r){
const s=mSessionForReg(r);
return mFirstVal(r,['location','sessionLocation','venue','sessionVenue','place','address'], '') || mFirstVal(s,['location','sessionLocation','venue','place','address'], '活動地點請見公告');
}
function mRecordCover(r){
const s=mSessionForReg(r);
const skin = window.activeBrandSkin || defaultBrandSkin || {};
return mFirstVal(r,['coverUrl','cover','image','imageUrl','sessionCover','eventCover'], '')
|| mFirstVal(s,['coverUrl','cover','imageUrl','imgUrl','sessionCover','eventCover'], '')
|| skin.mascotPortal
|| 'IP指引.png';
}
function mShortDateRange(v){
const s=String(v===undefined||v===null?'':v).trim();
if(!s) return '未設定';
const dates=[];
const re=/(20\d{2})[\/\-\.年](\d{1,2})[\/\-\.月](\d{1,2})|(^|[^0-9])(\d{1,2})[\/\-\.月](\d{1,2})(?=[^0-9]|$)/g;
let m;
while((m=re.exec(s))){
const mo=m[2]||m[5];
const da=m[3]||m[6];
if(mo&&da) dates.push(Number(mo)+'/'+Number(da));
}
const uniq=[];
dates.forEach(d=>{ if(!uniq.includes(d)) uniq.push(d); });
if(uniq.length>1) return uniq[0]+'－'+uniq[uniq.length-1];
if(uniq.length===1) return uniq[0];
return s.replace(/20\d{2}[\/\-\.年]/g,'').replace(/月/g,'/').replace(/日/g,'').replace(/\s+/g,' ').trim() || '未設定';
}
function mEquipTextIsUseful(v){
const s=String(v===undefined||v===null?'':v).trim();
return !!s && !/^(無|沒有|未加購|不需|none)$/i.test(s);
}
function mRecordIncludedEquipText(r){
return String(mFirstVal(r,['preNoticeIncludedEquipmentText','includedEquipmentText','included_equipment_text','baseEquipmentText','base_equipment_text'],'')||'').trim();
}
function mRecordExtraEquipText(r){
return String(mFirstVal(r,['preNoticeExtraEquipmentText','extraEquipmentText','extra_equipment_text'],'')||'').trim();
}
function mRecordEquipText(r){
// 正式設備顯示優先使用 Worker 從資料庫整理好的總設備：內含數量×攤位數＋加購設備。
const direct=String(mFirstVal(r,['preNoticeEquipmentText','totalEquipmentText','equipmentText','wholeEquipmentText','dailyEquipmentText','equipText','equipment_text','daily_equipment_text'],'')||'').trim();
if(mEquipTextIsUseful(direct)) return direct;
// 總設備一律以 Worker 從資料庫算好的為準（內含設備 × 攤位數 ＋ 加租設備）。
// 不可用前端自行推算的加購清單頂替，否則會漏掉場次內含的桌椅（曾造成「只顯示椅子」）。
const included=mRecordIncludedEquipText(r);
const extra=mRecordExtraEquipText(r);
const hasIncluded=mEquipTextIsUseful(included);
const hasExtra=mEquipTextIsUseful(extra);
if(hasIncluded && hasExtra) return `${included}，另加 ${extra}`;
if(hasIncluded) return included;
if(hasExtra) return `加購：${extra}`;
return '本場不含設備（請自備）';
}
function mCleanEquipDisplayText(txt){
let s=String(txt||'').trim();
s=s.replace(/^總設備\s*[:：]\s*/,'').replace(/^加購\s*[:：]\s*/,'').trim();
// 後端算出「無」＝該場內含設備為 0 且攤友未加租 → 就是不含設備，不是載入失敗
if(s==='無' || s==='依本場設定') return '本場不含設備（請自備）';
if(!s) return '本場不含設備（請自備）';
return s;
}
function mPreNoticeEquipDisplayText(r){
const raw = mRecordEquipText(r);
return mCleanEquipDisplayText(raw);
}
function mRecordAddonText(r){ return String(mFirstVal(r,['addonText','addonsText','selectedAddonsText','addonQtyText','addon_text','addons_text','addon_qty_text'],'無')||'無'); }
function mRecordStallText(r){
const v=mFirstVal(r,['stallCount','stall_count','stalls','boothCount','booth_count'],'');
return v!=='' ? (String(v).replace(/攤$/,'')+'攤') : '未設定';
}
function mRecordPayText(r){
const v=mFirstVal(r,['total','totalAmount','amount','receivableAmount','registration_total_amount'],'');
if(v!=='' && v!==undefined && v!==null && !Number.isNaN(Number(v))){
let t='NT$ '+Number(v).toLocaleString('zh-TW');
// 已繳與應收有落差（併入套組補差額）時要講清楚，否則攤友會以為要再付一次全額。
const paid=Number(r.paid||0), due=Number(r.due||0);
if(paid>0 && due>0) t+='（已繳 NT$ '+paid.toLocaleString('zh-TW')+'，待補繳 NT$ '+due.toLocaleString('zh-TW')+'）';
return t;
}
return String(r.payStatus||r.paymentStatus||'請聯繫客服');
}
function canViewPreNoticeReg(reg){
if(!reg || isCancelledReg(reg)) return false;
const ps=String(reg.payStatus||reg.paymentStatus||'').trim();
return isPaidText(ps) || ps==='免費';
}
function officialGroupForReg(regOrId){
const reg=typeof regOrId==='object'&®OrId ? regOrId : findMyRegById(regOrId);
const group=reg&®.officialGroup&&typeof reg.officialGroup==='object' ? reg.officialGroup : null;
if(!group || group.enabled!==true || !/^https:\/\//i.test(String(group.url||''))) return null;
return group;
}
// 保留既有公開函式與 fallback；新增的已繳費卡片只會優先使用該筆報名的受保護設定。
function officialGroupUrl(regOrId){
const protectedGroup=officialGroupForReg(regOrId);
if(protectedGroup&&protectedGroup.url) return protectedGroup.url;
const t=ST.tenant||{};
const fromDb=t.officialGroupUrl || t.official_group_url || t.bigGroupUrl || t.big_group_url || t.groupUrl || t.group_url || '';
if(fromDb) return fromDb;
if(String(TENANT_ID||'')==='tuibile') return 'https://line.me/ti/g2/cp-K_Los4J2zBc6rGcRA14TJCx3e99v0i4p-hQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default';
return LINE_URL || '';
}
function officialGroupName(regOrId){
const protectedGroup=officialGroupForReg(regOrId);
if(protectedGroup&&protectedGroup.name) return protectedGroup.name;
const t=ST.tenant||{};
return t.officialGroupName || t.official_group_name || '全台市集藝文資訊中心 大群組';
}
function openOfficialGroup(regId){
const group=officialGroupForReg(regId);
const url=(group&&group.url)||officialGroupUrl();
if(!url){ toast('尚未取得已繳費的大群組邀請，請重新整理我的紀錄'); return; }
window.open(url,'_blank','noopener');
}
function officialGroupCardHtml(reg){
const group=officialGroupForReg(reg);
if(!group) return '';
return `
📣 ${escHtml(group.name||'活動大群組')}
${escHtml(group.inviteText||'請點選以下按鈕加入社群！')}
${group.password?`
加入密碼：${escHtml(group.password)}
`:''}
`;
}
function openPreNoticeSupport(id){
// 直接把說明疊在「行前通知」上面（不關閉行前通知，其 z-index 8000 > 5000）。
// 看完關閉說明即回到原本三顆按鈕，可接著點下一個，不再繞回我的紀錄。
try{
if(typeof openSupportFaqCard === 'function' && document.getElementById(id)){
openSupportFaqCard(id);
}else{
toast('說明開啟失敗，請至客服頁查看');
}
}catch(e){
console.warn('[openPreNoticeSupport]', e);
toast('說明開啟失敗，請至客服頁查看');
}
}
async function openPreEventNotice(regId){
const r=findMyRegById(regId);
if(!r){ toast('找不到報名資料，請重新整理我的紀錄'); return; }
const body=$('preNoticeBody');
if(!body) return;
const group=officialGroupForReg(r);
const groupBtn=group?``:'';
body.innerHTML=`
場次${escHtml(r.sessionName||r.sesName||'場次')}
日期${escHtml(mRecordDateText(r))}
地點${escHtml(mRecordLocationText(r))}
報到時間活動前 60 分鐘開始報到
攤位${escHtml(mRecordStallText(r))}
設備${escHtml(mPreNoticeEquipDisplayText(r))}
已完成繳費，請務必查看下方行前規範。後續提醒與現場異動，均以官方大群組統一公告為主。
${groupBtn}
`;
openModal('preNoticeModal');
const mapBox=$('preNoticeSeatMap');
if(!mapBox||!r.seatMapUrl||(!r.stallNumber&&!(Array.isArray(r.dayPositions)&&r.dayPositions.length)))return;
mapBox.innerHTML='🗺️ 位置圖（金色標記是您的位置）
正在載入正式排位…
';
try{
const seatData=await api({action:'getSeatMap',sessionId:r.sessionId,regId:r.id,email:getMemberEmail(),phone:getMemberPhone(),_t:Date.now()});
if(seatData&&seatData.error)throw new Error(seatData.error);
const seats=Array.isArray(seatData&&seatData.seats)?seatData.seats:[];
// 手機位置圖：依「第幾天」分開顯示。每天只把「你那天的攤位」標成金色，其餘為小灰點。
// 兩天不同位置時不會再同時冒出兩個金點；切換日期只換金點。報兩攤則兩格同時金色、緊鄰＝連攤。
const splitCodes=v=>String(v==null?'':v).split(/[，,、\s]+/).map(x=>x.trim()).filter(Boolean);
const days=Array.isArray(r.dayPositions)&&r.dayPositions.length
? r.dayPositions.map(d=>({date:String(d.date||''),codes:new Set(splitCodes(d.stallNumber))}))
: [{date:'',codes:new Set(splitCodes(r.stallNumber))}];
const fmtDate=d=>String(d||'').replace(/^\d{4}-/,'').replace(/-/g,'/');
const drawMarkers=codeSet=>seats.filter(s=>Number(s.x)>0||Number(s.y)>0).map(s=>{
const mine=codeSet.has(String(s.code||''));
const size=mine?'min-width:46px;height:34px;padding:3px 6px;font-size:12px;':'width:14px;height:10px;padding:0;font-size:0;line-height:0;';
return `${mine?escHtml(s.code||''):''}`;
}).join('');
const tabsHtml=days.length>1
? ''
+ days.map((d,i)=>``).join('')
+ '
'
: '';
const stageHtml=codeSet=>`})
${drawMarkers(codeSet)}
🗺️ 位置圖（金色是您的攤位${days.length>1?'，可切換日期':''}）
${tabsHtml}${stageHtml(days[0].codes)}`;
if(days.length>1){
mapBox.querySelectorAll('#preNoticeSeatTabs button').forEach(btn=>{
btn.addEventListener('click',()=>{
const sel=Number(btn.getAttribute('data-day'))||0;
mapBox.querySelectorAll('#preNoticeSeatTabs button').forEach((b,i)=>{b.style.background=(i===sel?'#ffd76a':'#fff');});
const stage=mapBox.querySelector('#preNoticeSeatStage');
if(stage)stage.innerHTML=`${drawMarkers(days[sel].codes)}`;
});
});
}
}catch(e){
mapBox.innerHTML=`🗺️ 位置圖
目前僅顯示正式底圖，請以上方攤位編號為準。
`;
}
}
function mRecordFixedBlockHtml(r){
const date=mShortDateRange(mRecordDateText(r));
const stalls=mRecordStallText(r);
const equip=mRecordEquipText(r);
const addon=mRecordAddonText(r);
const pay=mRecordPayText(r);
return `
${escHtml(date)}${escHtml(stalls)}
設備：${escHtml(mPreNoticeEquipDisplayText(r))}
繳費(含押金)：${escHtml(pay)}
`;
}
// ── MEMBER_NOTIFICATIONS_20260809 ───────────────────────────────
let MemberNotifications=[];
function memberRecordUnreadCount(regId){
return (MemberNotifications||[]).filter(n=>!n.isRead&&String(n.registrationId||'')===String(regId||'')).length;
}
function memberRecordUnreadHtml(regId){
const n=memberRecordUnreadCount(regId);
return n?`🔔 ${n} 則新通知
`:'';
}
function memberNotifyCredentials(){
return {email:String(ST.memberEmail||memberSafeEmail()||'').trim(),phone:String(getMemberPhone()||'').trim()};
}
async function loadMemberNotifications(){
const c=memberNotifyCredentials();
if(!c.email||!c.phone){MemberNotifications=[];renderMemberNotifications();return;}
try{
const r=await api({action:'memberNotifications',email:c.email,phone:c.phone,_t:Date.now()});
MemberNotifications=Array.isArray(r)?r:[];
}catch(e){MemberNotifications=[];}
renderMemberNotifications();
}
function renderMemberNotifications(){
const unread=(MemberNotifications||[]).filter(n=>!n.isRead).length;
const badge=$('memberNotifyCount');
if(badge){badge.textContent=String(unread);badge.classList.toggle('hidden',unread<=0);}
const box=$('memberNotifyList');
if(box){
box.innerHTML=MemberNotifications.length
? MemberNotifications.map(n=>`${escHtml(n.title||'通知')}
${escHtml(n.message||'')}
目前沒有通知
';
}
if(Array.isArray(ST.regs)&&ST.regs.length) renderMyRegs(ST.regs);
}
function toggleMemberNotifications(){
const p=$('memberNotifyPanel'); if(p)p.classList.toggle('hidden');
}
async function openMemberNotification(id,regId){
const c=memberNotifyCredentials();
try{await apiPost({action:'markMemberNotificationRead',id,email:c.email,phone:c.phone});}catch(e){}
const n=MemberNotifications.find(x=>String(x.id)===String(id)); if(n)n.isRead=true;
renderMemberNotifications();
const p=$('memberNotifyPanel');if(p)p.classList.add('hidden');
if(regId){
setTimeout(()=>{const el=document.querySelector('[data-registration-id="'+CSS.escape(String(regId))+'"]');if(el)el.scrollIntoView({behavior:'smooth',block:'center'});},50);
}
}
async function markAllMemberNotificationsRead(){
const c=memberNotifyCredentials();
try{await apiPost({action:'markMemberNotificationRead',all:true,email:c.email,phone:c.phone});}catch(e){}
MemberNotifications.forEach(n=>n.isRead=true);renderMemberNotifications();
}
function mReviewPill(r){
const st=String(r.status||r.reviewStatus||'待審核').trim();
const ps=String(r.payStatus||'').trim();
const ts=String(r.transferStatus||'').trim();
if(ts==='已轉場') return {text:'已轉場',icon:'→',bg:'#e8f7ee',color:'#2a6a10',border:'#b9d3a5',note:'原場紀錄已保留，請查看新的場次報名'};
if(ts==='已轉活動金') return {text:'已轉活動金',icon:'＄',bg:'#eef6ff',color:'#24638a',border:'#b7d8ea',note:'資料庫已確認收款總額（包含押金）已轉入活動金'};
if(['已退費','refunded'].includes(ts) || ['已退費','已退款'].includes(ps)) return {text:'已退費',icon:'✓',bg:'#f3f4f6',color:'#777',border:'#e5e7eb',note:'本筆退費已完成'};
if(['申請退費','退費中','refund_pending'].includes(ts)) return {text:'退費中',icon:'⏱',bg:'#fdecea',color:'#c0392b',border:'#f3b5b5',note:'主辦正在處理退費'};
if(isCancelledReg(r)) return {text:'已取消', icon:'✕', bg:'#f3f4f6', color:'#777', border:'#e5e7eb', note:'此筆報名已取消'};
const total=Number(r.total||0)||0, paid=Number(r.paid||0)||0;
const due=Number.isFinite(Number(r.due))?Math.max(0,Number(r.due)):Math.max(0,total-paid);
if(paid>0 && due>0) return {text:'待補款',icon:'＄',bg:'#fff8ed',color:'#d97706',border:'#f5d7a1',note:'尚需補繳 NT$ '+due.toLocaleString()};
if(isPaidText(ps) || ps==='免費') return {text:ps==='免費'?'免費':'已完成', icon:'✓', bg:'#e8f7ee', color:'#2a6a10', border:'#b9d3a5', note:'感謝參與，期待下次見面！'};
if(isPendingPayText(ps)) return {text:'待確認', icon:'⏱', bg:'#fff8ed', color:'#b45309', border:'#f5d7a1', note:'已回報，等待主辦確認'};
if(st==='已錄取') return {text:'待付款', icon:'＄', bg:'#fff8ed', color:'#d97706', border:'#f5d7a1', note:r.paymentDeadline?('請於 '+escHtml(r.paymentDeadline)+' 前完成付款'):'請依錄取通知完成付款'};
if(st==='待審核') return {text:'審核中', icon:'⏱', bg:'#eef6e6', color:'#2a6a10', border:'#b9d3a5', note:'主辦單位審核中，請耐心等候'};
if(st==='不錄取') return {text:'未錄取', icon:'–', bg:'#fdecea', color:'#c0392b', border:'#f3b5b5', note:'可提前報名其他場次'};
return {text:st||'處理中', icon:'•', bg:'#eef2ff', color:'#4f46e5', border:'#c7d2fe', note:''};
}
function renderMyRegs(regs){
ST.regs = Array.isArray(regs) ? regs : [];
const el=$('myRegsList');
const helper=$('memberRecordHelper');
if(!el) return;
if(!ST.regs.length){
el.innerHTML='目前沒有報名紀錄。
若剛完成報名，請稍候幾秒後再點一次「我的紀錄」。
';
if(helper) helper.classList.add('show');
handlePendingPayLink(ST.regs);
return;
}
if(helper) helper.classList.add('show');
const creditBalance=Math.max(0,Number(ST.regs[0]&&ST.regs[0].activityCreditBalance||0)||0);
const creditLedger=Array.isArray(ST.regs[0]&&ST.regs[0].activityCreditLedger)?ST.regs[0].activityCreditLedger:[];
const creditSummary=`會員活動金
可用餘額 NT$ ${creditBalance.toLocaleString()}
${creditLedger.length?`
查看活動金明細
${creditLedger.map(x=>`${escHtml(x.note||(x.direction==='debit'?'活動金扣抵':'活動金轉入'))}
${escHtml(String(x.createdAt||'').replace('T',' ').slice(0,16))}｜${escHtml(x.status||'')}${x.direction==='debit'?'-':'+'} NT$ ${Number(x.amount||0).toLocaleString()}
`).join('')}`:'
目前沒有活動金異動紀錄
'}
${String(resolution.mode||'')==='transfer'?'已轉移至其他場次':'已轉為活動金'}
${Number(resolution.credit_created||0)>0?'活動金增加 NT$ '+Number(resolution.credit_created).toLocaleString()+'
':''}${Number(resolution.due_amount||0)>0?'新場待補 NT$ '+Number(resolution.due_amount).toLocaleString()+'
':''}${Number(resolution.deposit_refund_due||0)>0?'待退押金 NT$ '+Number(resolution.deposit_refund_due).toLocaleString()+'
':''}目前活動金餘額：NT$ ${Number(r.activityCreditBalance||0).toLocaleString()}
`:'';
const statusMsg = resolutionMsg || (isCancelledReg(r)
? `已取消，報名紀錄保留
`
: (isRefundingReg(r)
? `退費處理中，等待主辦確認退款${legs.length>1?'（組合套組整組一起退）':''}。名額已釋出，無需再操作。
`
: (isPendingPayText(r.payStatus)
? ``
: '')));
let actions='';
if(canPay){
actions+= u.bundle
? ``
: ``;
}
// 組合為綁定優惠：整組一起繳、一起退，故不提供單筆勾選
const cartBox = (canPay && !u.bundle) ? `` : '';
if(canPreNotice){
actions+= u.bundle
? legs.filter(x=>canViewPreNoticeReg(x)).map(x=>``).join('')
: ``;
}
if(canCancel) actions+=``;
if(canRefund) actions+=``;
const bodyBlock = u.bundle ? bundleLegsHtml(legs, totalAll) : mRecordFixedBlockHtml(r);
const seatBlock = u.bundle ? legs.map(x=>stallSelectionHtml(x)).join('') : stallSelectionHtml(r);
const idLine = u.bundle
? `報名編號：${legs.map(x=>escHtml(x.id)).join('、')}
`
: `報名編號：${escHtml(r.id)}
`;
return `
${memberRecordUnreadHtml(r.id)}
${title}
${u.bundle?'
組合優惠：一起繳費、一起退費
':`
◎ ${locationText}
`}
${pill.icon} ${pill.text}
${note}
${bodyBlock}
${statusMsg}
${groupReg?officialGroupCardHtml(groupReg):''}
${seatBlock}
${cartBox}
${actions?`
${actions}
`:''}
${idLine}
已選 ${picked.length} 場｜合計 NT$${total.toLocaleString()}
`;
}
// 組合付款：自動把同組未繳的場次一起帶入合併繳費
function startBundlePay(regId){
const reg=(ST.regs||[]).find(x=>String(x.id)===String(regId));
if(!reg){ toast('找不到報名'); return; }
const group=bundleUnpaidRegs(reg);
if(group.length<=1){
showPayPage(reg.id, reg.sessionName||'', regOutstandingAmount(reg));
return;
}
const total=group.reduce((s,r)=>s+regOutstandingAmount(r),0);
ST_mergedPayIds=group.map(r=>String(r.id));
showPayPage(group[0].id, `組合繳費（共 ${group.length} 場）`, total, {merged:true, reg:group[0]});
}
function getPayCartIds(){ return [...document.querySelectorAll('.m-cart-cb')].filter(c=>c.checked).map(c=>c.value); }
function startMergedPay(){
const ids=getPayCartIds();
if(ids.length<2){ toast('請至少勾選兩場'); return; }
const total=ids.reduce((s,id)=>{ const r=(ST.regs||[]).find(x=>String(x.id)===String(id)); return s+regOutstandingAmount(r); },0);
const first=(ST.regs||[]).find(x=>String(x.id)===String(ids[0]));
ST_mergedPayIds=ids;
showPayPage(ids[0], `合併繳費（共 ${ids.length} 場）`, total, {merged:true, reg:first});
}
function handlePendingPayLink(regs){
const regId = window._pendingPayRegId || '';
if(!regId) return;
const reg = (Array.isArray(regs)?regs:[]).find(r=>String(r.id)===String(regId));
if(!reg) return;
window._pendingPayRegId = '';
setTimeout(()=>{ if(canPayReg(reg)) showPayPage(reg.id, reg.sessionName||reg.sesName||'場次', regOutstandingAmount(reg)); else openRegDetail(reg.id); }, 300);
}
function openSeatMapZoom(kind){
const src = kind==='picker' ? (ST._stallPickerMapUrl||'') : (ST._seatPreviewMapUrl||'');
if(!src){ toast('目前沒有可放大的場地圖'); return; }
ST._seatMapZoomScale=1.8;
const img=$('seatMapZoomImg');
if(img){ img.src=src; img.style.width=(ST._seatMapZoomScale*100)+'%'; }
const title=$('seatMapZoomTitle');
if(title) title.textContent='放大查看場地圖';
openModal('seatMapZoomModal');
setTimeout(()=>{ const sc=$('seatMapZoomScroller'); if(sc){ sc.scrollLeft=Math.max(0,(sc.scrollWidth-sc.clientWidth)/2); sc.scrollTop=0; } },80);
}
function adjustSeatMapZoom(delta){
ST._seatMapZoomScale=Math.max(1, Math.min(4, Number(ST._seatMapZoomScale||1.8)+Number(delta||0)));
const img=$('seatMapZoomImg');
if(img) img.style.width=(ST._seatMapZoomScale*100)+'%';
}
async function previewSeatMap(sessionId){
openModal('seatPreviewModal');
const body=$('seatPreviewBody');
ST._seatPreviewMapUrl='';
if(body) body.innerHTML='載入場地圖…
';
try{
const res=await api({action:'getSeatMap',sessionId,_t:Date.now()});
if(res.error){ body.innerHTML=''+escHtml(res.error)+'
'; return; }
const seats=Array.isArray(res.seats)?res.seats:[];
const map=res.mapUrl||'';
ST._seatPreviewMapUrl=map;
const stats={auto:0,paid:0,service:0,closed:0};
seats.forEach(s=>{ const t=s.type||'auto'; if(stats[t]!=null) stats[t]++; });
const paidSeats=seats.filter(s=>s.type==='paid'&&s.active&&!s.occupied);
const paidList=paidSeats.map(s=>{
const code=String(s.code||s.stallNo||'').trim();
const price=Number(s.price||0);
return `${escHtml(code)}
錄取後可選${price>0?`
+NT$${price}`:''}
`;
}).join('');
const occupiedPaid=seats.filter(s=>s.type==='paid'&&s.active&&s.occupied).length;
const mapBlock=map
? `
`
: `此場次尚未上傳圖片；下方攤位號碼仍由資料庫載入並正常顯示。
`;
body.innerHTML=mapBlock
+`號碼狀態：自動 ${stats.auto}｜加價可選 ${paidSeats.length}｜加價已占用 ${occupiedPaid}｜不開放 ${stats.closed}｜服務台 ${stats.service}
本畫面僅供報名前查看位置配置；正式加價選位請依「我的紀錄」顯示的狀態操作。
可選的加價位置
${paidList||'
此場次目前沒有可選的加價位置。
'}
自動排位號碼只供查看，不開放指定；若不加價，系統將依付款確認順序安排位置。
`;
}catch(e){ body.innerHTML='場地圖載入失敗
'; }
}
function normalizeStallStatus(s){
const v=String(s||'').trim();
if(v==='paid') return '已選走';
if(v==='reserved') return '預留中';
return v||'可選';
}
async function openStallPickerForReg(regId){
const reg=(ST.regs||[]).find(r=>String(r.id)===String(regId));
if(!reg){ toast('找不到報名紀錄'); return; }
if(!canSelectStallReg(reg)){ toast('目前狀態不可選位'); return; }
if(reg.stallNumber){ toast('已完成選位，如需換位請聯繫主辦'); return; }
ST._stallPick={reg, selected:[]};
$('stallPickerTitle').textContent='加價選位｜'+(reg.sessionName||reg.sesName||'場次');
$('stallGrid').innerHTML='載入攤位中…
';
if($('stallPickerMap')) $('stallPickerMap').innerHTML='';
$('stallConfirmBtn').disabled=true;
$('stallConfirmBtn').style.opacity='.5';
openModal('stallPickerModal');
try{
const res=await api({action:'getSeatMap',sessionId:reg.sessionId,regId:reg.id,email:getMemberEmail(),phone:getMemberPhone(),_t:Date.now()});
if(res.error){ $('stallGrid').innerHTML=''+escHtml(res.error)+'
'; return; }
const paidSeats=(Array.isArray(res.seats)?res.seats:[]).filter(s=>s.type==='paid'&&s.active);
const list=paidSeats.map(s=>s.code);
// B-02：公開 API 不再回傳 regId／email；「這格是不是我的」改由後端驗證後給 mine 旗標。
const taken={}; paidSeats.forEach(s=>{ if(s.occupied) taken[s.code]={status:s.status==='預留'?'reserved':'paid',mine:!!s.mine}; });
ST._stallPick.seatMap=res; ST._stallPick.seatMeta=Object.fromEntries(paidSeats.map(s=>[s.code,s]));
ST._stallPickerMapUrl=res.mapUrl||'';
if($('stallPickerMap')) $('stallPickerMap').innerHTML=res.mapUrl?``:`此場次尚未上傳已編號場地圖，請依號碼清單選擇。
`;
if(!list.length){ $('stallGrid').innerHTML='此場次尚未建立可選攤位
'; return; }
// SEATFULL_20260725：有加價位、但全部已被占用（不是自己的）→ 依規則顯示額滿，不給選。
if(!paidSeats.some(s=>!s.occupied || s.mine)){
$('stallGrid').innerHTML='本場自由選位已額滿。
';
$('stallConfirmBtn').disabled=true; $('stallConfirmBtn').style.opacity='.5';
return;
}
ST._stallPick.stallList=list;
ST._stallPick.taken=taken;
renderStallPickerGrid();
}catch(e){
$('stallGrid').innerHTML='攤位載入失敗
';
}
}
function renderStallPickerGrid(){
const pick=ST._stallPick||{};
const reg=pick.reg||{};
const max=Math.max(1,Number(reg.stallCount||1));
const taken=pick.taken||{};
const selected=pick.selected||[];
$('stallPickerHint').textContent=`請選擇 ${max} 個加價位置。只有加價位置可選；逾時未付款會自動釋出。`;
const summary=$('stallSelectedSummary');
if(summary){
if(selected.length){
const fee=selected.reduce((sum,code)=>sum+Number((pick.seatMeta&&pick.seatMeta[code]&&pick.seatMeta[code].price)||0),0);
summary.style.background='#e8f5ec';
summary.style.borderColor='#9fb59c';
summary.style.color='#1b4332';
summary.innerHTML=`✅ 目前已選：${selected.map(escHtml).join('、')}${fee>0?`｜加價 NT$${fee}`:''}`;
}else{
summary.style.background='#fff8ed';
summary.style.borderColor='#f59e0b';
summary.style.color='#7c2d12';
summary.textContent='尚未選擇位置，請點下方號碼。';
}
}
$('stallGrid').innerHTML=(pick.stallList||[]).map(num=>{
const info=taken[num];
const mine=!!(info && info.mine);
const blocked=info && !mine;
const on=selected.includes(num);
const price=(pick.seatMeta&&pick.seatMeta[num]&&Number(pick.seatMeta[num].price)>0)?Number(pick.seatMeta[num].price):0;
const bg=blocked?(info.status==='reserved'?'#fff8ed':'#fdecea'):(on?'#9fb59c':'#fff');
const color=blocked?(info.status==='reserved'?'#b45309':'#c0392b'):(on?'#fff':'var(--dk)');
const border=on?'#1b4332':(blocked?'#f3b5ad':'#cfe5d6');
const label=blocked?normalizeStallStatus(info.status):(on?'✅ 已選':'可選');
const shadow=on?'box-shadow:0 0 0 3px rgba(45,106,79,.18);':'';
return ``;
}).join('');
const btn=$('stallConfirmBtn');
btn.disabled=selected.length!==max;
btn.style.opacity=btn.disabled?'.55':'1';
btn.textContent=selected.length===max?`確認選擇：${selected.join('、')}`:'已選 '+selected.length+'/'+max;
}
function toggleStallPick(num){
const pick=ST._stallPick||{};
const reg=pick.reg||{};
const max=Math.max(1,Number(reg.stallCount||1));
const arr=pick.selected||[];
const idx=arr.indexOf(num);
if(idx>=0) arr.splice(idx,1);
else{
if(arr.length>=max){ toast('選位數量不可超過報名數量'); return; }
arr.push(num);
}
pick.selected=arr;
ST._stallPick=pick;
renderStallPickerGrid();
}
async function submitSelectedStalls(){
const pick=ST._stallPick||{};
const reg=pick.reg||{};
const selected=pick.selected||[];
const max=Math.max(1,Number(reg.stallCount||1));
if(selected.length!==max){ toast('請選滿 '+max+' 個攤位'); return; }
const btn=$('stallConfirmBtn');
if(btn){ btn.disabled=true; btn.textContent='送出中…'; }
try{
const res=await apiPost({action:'claimPaidSeat',regId:reg.id,sessionId:reg.sessionId,seats:selected,email:getMemberEmail(),phone:getMemberPhone()});
if(res.error){ toast('❌ '+res.error); return; }
closeModal('stallPickerModal');
toast('✅ 已完成加價選位');
if(res.message) alert(res.message);
if(ST.memberEmail) await safeGetMyRegs(ST.memberEmail);
}finally{
if(btn){ btn.disabled=false; btn.textContent='確認選位'; }
}
}
function openRegDetail(regId){
const reg=(ST.regs||[]).find(r=>r.id===regId);
if(!reg) return;
const pb=payBadge(reg);
const canPay = canPayReg(reg);
const canCancel = canDirectCancelReg(reg);
const canRefund = canRefundReg(reg);
const canPreNotice = canViewPreNoticeReg(reg);
const modal=document.createElement('div');
modal.id='regDetailModal';
modal.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9000;display:flex;align-items:flex-end;justify-content:center';
modal.innerHTML=`
${escHtml(reg.sessionName||reg.sesName||'場次')}
繳費${pb.t}
審核：${escHtml(reg.status||'')}
攤位數：${reg.stallCount||1} 攤
${reg.seatPricingEnabled ? (
((Array.isArray(reg.dayPositions)&®.dayPositions.length)||reg.stallNumber)
? publishedSeatHtml(reg)+(reg.seatMapUrl?`
場地圖
})
`:'')
: ((canViewPreNoticeReg(reg) && String(reg.seatChoiceIntent||'auto')!=='paid') ? `
攤位號碼：
將於活動前公布排定後會在此顯示，並隨行前通知一起寄給您
` : '')
) : ''}
${reg.equipmentText?`
設備：${escHtml(reg.equipmentText)}
`:''}
${reg.total>0?`
應繳金額：NT$ ${Number(reg.total||0).toLocaleString()}
`:''}
${reg.transferStatus?`
退款狀態：${escHtml(reg.transferStatus)}
`:''}
報名編號：${reg.id}
${canPay?`
`:''}
${isCancelledReg(reg)?`
已取消，報名紀錄保留
`:(isPendingPayText(reg.payStatus)?`
已回報，等待主辦確認
`:'')}
${officialGroupCardHtml(reg)}
${stallSelectionHtml(reg)}
${canPreNotice?`
`:''}
${canCancel?`
`:''}
${canRefund?`
`:''}
`;
modal.addEventListener('click', function(e){ if(e.target===modal) modal.remove(); });
history.pushState({regDetail:true},'',location.href);
document.body.appendChild(modal);
}
async function cancelMyReg(regId, sesName, isRefund){
const cur=(ST.regs||[]).find(r=>String(r.id)===String(regId));
const gid=cur&&cur.bundleGroupId?String(cur.bundleGroupId):'';
const groupRegs=gid?(ST.regs||[]).filter(r=>String(r.bundleGroupId||'')===gid):[];
const isBundle=groupRegs.length>1;
$('cancelModalSesName').textContent=(isRefund?'申請取消／退款：':'取消報名：')+'「'+sesName+'」';
$('cancelConfirmCheck').checked=false;
$('cancelSubmitBtn').disabled=true;
$('cancelSubmitBtn').textContent=isBundle?(isRefund?'確認申請整組退款':'確認取消整組報名'):(isRefund?'確認申請退費':'確認取消報名');
const refundPolicy=$('cancelRefundPolicy');
const directPolicy=$('cancelDirectPolicy');
const confirmLabel=$('cancelConfirmLabel');
const bundleNotice=$('cancelBundleNotice');
if(refundPolicy) refundPolicy.style.display=isRefund?'block':'none';
if(directPolicy) directPolicy.style.display=isRefund?'none':'block';
if(bundleNotice){
if(isBundle){
const names=groupRegs.map(r=>escHtml(r.sessionName||r.sesName||'場次')).filter(Boolean);
bundleNotice.style.display='block';
bundleNotice.innerHTML=`此筆為組合報名。送出後，系統會由資料庫判斷同組報名並同步處理：
${names.map(n=>`- ${n}
`).join('')}
`;
}else{
bundleNotice.style.display='none';
bundleNotice.innerHTML='';
}
}
if(confirmLabel) confirmLabel.textContent=isBundle
? (isRefund?'我確認要申請整組報名退款':'我確認要取消整組報名')
: (isRefund?'我已了解取消與退款規則，仍要送出退款申請':'我確認要取消此報名');
ST._pendingCancelRegId=regId;
ST._pendingCancelSesName=sesName;
ST._pendingCancelIsRefund=!!isRefund;
openModal('cancelModal');
}
function onCancelCheckChange(){
const checked=$('cancelConfirmCheck').checked;
const btn=$('cancelSubmitBtn');
btn.disabled=!checked;
btn.style.opacity=checked?'1':'0.5';
btn.style.cursor=checked?'pointer':'not-allowed';
}
async function doSubmitCancel(){
const regId=ST._pendingCancelRegId;
if(!regId)return;
const btn=$('cancelSubmitBtn');
if(btn){btn.disabled=true;btn.textContent='處理中…';}
try{
const action=ST._pendingCancelIsRefund?'applyRefund':'cancelReg';
const em=getMemberEmail();
const res=await apiPost({action,regId,email:em,phone:getMemberPhone()});
if(res&&res.error){toast('❌ '+res.error,7000);return;}
closeModal('cancelModal');
const n=Number(res&&(res.affectedCount||res.bundleCount)?(res.affectedCount||res.bundleCount):1);
const groupMsg=n>1?`（同組 ${n} 筆）`:'';
toast(ST._pendingCancelIsRefund?'✅ 已送出退款申請'+groupMsg:'✅ 已取消報名'+groupMsg);
const refreshEmail = getMemberEmail();
if(refreshEmail){ ST.memberEmail = refreshEmail; await safeGetMyRegs(refreshEmail); }
ST._pendingCancelRegId=''; ST._pendingCancelSesName=''; ST._pendingCancelIsRefund=false;
}catch(e){
toast('❌ 取消失敗：'+(e&&e.message?e.message:e),6000);
}finally{
if(btn){
const cur=(ST.regs||[]).find(r=>String(r.id)===String(ST._pendingCancelRegId));
const gid=cur&&cur.bundleGroupId?String(cur.bundleGroupId):'';
const isBundle=gid&&(ST.regs||[]).filter(r=>String(r.bundleGroupId||'')===gid).length>1;
btn.disabled=false;
btn.textContent=isBundle?(ST._pendingCancelIsRefund?'確認申請整組退款':'確認取消整組報名'):(ST._pendingCancelIsRefund?'確認申請退費':'確認取消報名');
}
}
}
// ── 繳費流程 ──
let ST_currentPayRegId = '';
let ST_currentPayAmount = 0;
let ST_mergedPayIds = [];
let ST_currentPaymentCard = '';
let ST_currentPaymentInfo = null;
function findMyRegById(regId){ return (ST.regs||[]).find(r=>String(r.id)===String(regId)) || null; }
function paymentAllowedMethodsFromReg(reg){
// 以後端「可用付款方式」勾選旗標為唯一真實來源（與 worker.js _paymentMethodsAllowed 對齊）。
// 不可用「有沒有連結」推斷是否開放，否則主辦填了連結卻沒勾，攤友會選到被後端打回的方式。
const p=(reg&®.paymentProfile)||{};
const a=(reg&®.allowedPaymentMethods) || p.allowedMethods || {};
return {bank:a.bank!==false, linepay:!!a.linepay, card:!!a.card};
}
function bankInfoHtmlFromPayment(reg){
const p=(reg&®.paymentProfile)||{};
const b=(reg&®.bankAccount)||p.bankAccount||{};
const lines=[];
if(p.paymentProfileName) lines.push('本場收款：'+p.paymentProfileName);
if(b.bankName) lines.push('銀行：'+b.bankName);
if(b.branchName) lines.push('分行：'+b.branchName);
if(b.accountName) lines.push('戶名：'+b.accountName);
if(b.accountNumber) lines.push('帳號：'+b.accountNumber);
return lines.length?lines.map(escHtml).join('
'):'此報名尚未取得收款快照，請聯繫主辦';
}
function paymentMethodOptionsForReg(reg){
const a=paymentAllowedMethodsFromReg(reg);
let opts='';
if(a.bank) opts+='';
if(a.linepay) opts+='';
if(a.card) opts+='';
return opts || '';
}
function showPayPage(regId, sesName, amount, opts){
const merged = !!(opts && opts.merged);
if(!merged) ST_mergedPayIds = []; // 單筆繳費：清除合併狀態，避免殘留造成誤判
const reg=findMyRegById(regId) || {};
ST_currentPayRegId = regId;
// 正式回報金額由 Worker 再從資料庫核算；畫面也顯示同一筆未付差額，避免已繳後加價選位卻提示重繳全額。
const outstanding=regOutstandingAmount(reg);
ST_currentPayAmount = merged ? (Number(amount)||0) : (outstanding>0?outstanding:(Number(amount)||0));
ST_currentPaymentInfo = reg.paymentProfile || null;
$('payModalTitle').textContent = merged ? `合併繳費（共 ${ST_mergedPayIds.length} 場）` : '前往繳費';
const creditBalance=Math.max(0,Number(reg.activityCreditBalance||0)||0);
const creditApplied=Math.max(0,Number(reg.activityCreditApplied||0)||0);
const creditCanUse=!merged&&creditBalance>0&&ST_currentPayAmount>0;
$('payModalInfo').innerHTML = `${escHtml(sesName)}
原應繳：NT$ ${Number(reg.total||reg.totalAmount||0).toLocaleString()}${creditApplied>0?`｜已扣活動金：NT$ ${creditApplied.toLocaleString()}`:''}
${creditApplied>0?'扣抵後待繳餘額':'目前待繳'}：NT$ ${ST_currentPayAmount.toLocaleString()}
${creditCanUse?`可用活動金：NT$ ${creditBalance.toLocaleString()}
系統會先扣活動金，再只收剩餘金額。
`:''}`;
const bankEl=$('bankInfoDisplay'); if(bankEl) bankEl.innerHTML=bankInfoHtmlFromPayment(reg);
const payLastEl = $('payLastFive');
const methodEl = $('payMethod');
if(payLastEl) payLastEl.value = '';
if(methodEl){
methodEl.innerHTML=paymentMethodOptionsForReg(reg);
methodEl.value = methodEl.querySelector('option')?.value || '';
}
$('payFormArea').style.display='block';
$('paySuccessArea').style.display='none';
if(typeof clearPayFormError==='function') clearPayFormError();
onPayMethodChange();
$('payModal').classList.add('show');
}
async function applyActivityCreditForCurrent(btn){
const reg=findMyRegById(ST_currentPayRegId);if(!reg){toast('找不到報名資料');return;}
if(btn){btn.disabled=true;btn.textContent='活動金扣抵中…';}
try{
const preview=await apiPost({action:'activityCreditCheckout',regId:reg.id,email:getMemberEmail(),phone:getMemberPhone(),preview:true});
if(!(Number(preview.canApply||0)>0)){toast('目前沒有可扣抵的活動金');return;}
if(!await uiConfirm('本次使用活動金 '+Number(preview.canApply).toLocaleString()+' 元\n扣抵後待繳 '+Number(preview.remaining||0).toLocaleString()+' 元\n\n確定使用？'))return;
const r=await apiPost({action:'activityCreditCheckout',regId:reg.id,email:getMemberEmail(),phone:getMemberPhone()});
toast('已扣抵活動金 NT$ '+Number(r.applied||0).toLocaleString(),6000);
await safeGetMyRegs(getMemberEmail(),getMemberPhone());
const updated=findMyRegById(reg.id);
if(r.fullyPaid||!updated||regOutstandingAmount(updated)<=0){$('payModal').classList.remove('show');toast('活動金已全額付清，本筆不需再匯款',7000);}
else showPayPage(updated.id,updated.sessionName||updated.sesName||'場次',regOutstandingAmount(updated));
}catch(e){showPayFormError('活動金扣抵失敗：'+(e.message||e));}
finally{if(btn){btn.disabled=false;btn.textContent='先使用活動金扣抵';}}
}
function getPayLink(method){
const reg=findMyRegById(ST_currentPayRegId)||{};
const p=reg.paymentProfile||{};
if(method==='LINE Pay'){ const x=p.linepay||{}; return x.url||x.linepayUrl||x.linepay_url||x.link||''; }
if(method==='信用卡付款'){ const x=p.card||{}; return x.url||x.cardUrl||x.card_url||x.ecpayUrl||x.link||''; }
const hit=(PAY_METHODS||[]).find(x=>x && x.name===method);
return (hit&&hit.url)||'';
}
function onPayMethodChange(){
const method = $('payMethod')?.value || 'ATM 轉帳';
const isBank = method.includes('ATM') || method.includes('銀行') || method.includes('轉帳') || method.includes('匯款');
const bankBox=$('bankPayBox'); if(bankBox) bankBox.style.display=isBank?'block':'none';
const lastWrap=$('payLastFiveWrap'); if(lastWrap) lastWrap.style.display=isBank?'block':'none';
const btn=$('immediatePayBtn');
if(btn){ btn.style.display = isBank ? 'none' : 'block'; btn.textContent = '立即付款'; }
}
function openExternalPay(){
const method = $('payMethod')?.value || 'ATM 轉帳';
const isBank = method.includes('ATM') || method.includes('銀行') || method.includes('轉帳') || method.includes('匯款');
if(isBank){ toast('請依上方 ATM 資訊完成轉帳，付款後回來按「我已完成付款，回報付款」',5000); return; }
const url = getPayLink(method);
if(!url){ toast('此報名的收款設定尚未提供此付款方式連結，請改用已開放方式或聯繫主辦'); return; }
toast('付款前提醒：完成後請務必截圖付款證明，再回「我的紀錄」按「我已完成付款，回報付款」，並連同截圖傳到官方 LINE。',7000);
window.open(url,'_blank');
}
function showPayFormError(msg){
const el=$('payFormError');
if(el){ el.textContent=msg; el.style.display='block'; try{ el.scrollIntoView({behavior:'smooth',block:'center'}); }catch(e){} }
else { toast('❌ '+msg); }
}
function clearPayFormError(){ const el=$('payFormError'); if(el){ el.style.display='none'; el.textContent=''; } }
async function submitPaymentForm(){
clearPayFormError();
const method = $('payMethod')?.value || 'ATM 轉帳';
const isBank = method.includes('ATM') || method.includes('銀行') || method.includes('轉帳') || method.includes('匯款');
const lastFive = isBank ? ($('payLastFive')?.value.trim() || '') : '';
const amount = ST_currentPayAmount;
if(isBank && !lastFive){ showPayFormError('請填寫帳號末五碼'); return; }
if(!amount || amount<=0){ showPayFormError('金額異常，請聯繫該場次官方 LINE 客服'); return; }
const btn = $('reportPaymentBtn');
if(btn){ btn.disabled=true; btn.textContent='回報中…'; }
try{
const merged = Array.isArray(ST_mergedPayIds) && ST_mergedPayIds.length>1;
const res = merged
// B-06：正式金額只由後端從 DB 取，前端 amount 只能拿來顯示，不再送出。
? await apiPost({action:'submitPaymentBatch',regIds:ST_mergedPayIds,method,lastFive,email:getMemberEmail(),phone:getMemberPhone()})
: await apiPost({action:'submitPayment',regId:ST_currentPayRegId,method,lastFive,email:getMemberEmail(),phone:getMemberPhone()});
if(res.error){ showPayFormError(res.error); return; }
const cardText = res.lineCardText || res.paymentLineCardText || '';
if(!cardText){ showPayFormError('付款卡片產生失敗，請聯繫該場次官方 LINE 客服'); return; }
ST_currentPaymentCard = cardText;
ST_mergedPayIds = [];
showPaymentSuccess(cardText);
const refreshEmail2 = getMemberEmail();
if(refreshEmail2){ ST.memberEmail = refreshEmail2; await safeGetMyRegs(refreshEmail2); }
}catch(e){
// 原本沒有 catch：一旦發生非預期錯誤，畫面會完全沒反應，
// 攤友以為已經回報成功，主辦端卻仍是「未繳費」。
console.error('[submitPaymentForm]', e);
showPayFormError('回報失敗：'+((e&&e.message)?e.message:'請重新整理後再試一次，或截圖此畫面聯繫官方 LINE')+'（狀態仍為未繳費，請務必重新回報）');
}finally{
if(btn){ btn.disabled=false; btn.textContent='我已完成付款，回報付款'; }
}
}
function showPaymentSuccess(cardText){
$('payModalTitle').textContent='付款回報完成';
$('payFormArea').style.display='none';
$('paySuccessArea').style.display='block';
const card=$('paymentCopyCard');
if(card) card.textContent=cardText||'';
}
function copyPaymentCard(){
const text = ST_currentPaymentCard || $('paymentCopyCard')?.textContent || '';
if(!text){ toast('沒有可複製的付款卡片'); return; }
const done=()=>{
toast('已複製付款卡片，請貼到官方 LINE，並一起傳付款截圖');
const b=document.querySelector('.payment-copy-btn');
if(b){ const o=b.getAttribute('data-label')||b.textContent; b.setAttribute('data-label',o); b.textContent='✓ 已複製！請貼到官方 LINE'; b.disabled=true; setTimeout(()=>{ b.textContent=o; b.disabled=false; },2200); }
};
const fallback=()=>{
try{
const ta=document.createElement('textarea');
ta.value=text; ta.setAttribute('readonly','readonly');
ta.style.position='fixed'; ta.style.left='-9999px'; ta.style.top='0';
document.body.appendChild(ta);
ta.focus(); ta.select(); try{ ta.setSelectionRange(0,text.length); }catch(_e){}
let ok=false; try{ ok=document.execCommand('copy'); }catch(_e){}
document.body.removeChild(ta);
if(ok) done(); else prompt('請長按下方文字全選、複製，貼到官方 LINE：', text);
}catch(_e){ prompt('請長按下方文字全選、複製，貼到官方 LINE：', text); }
};
try{
if(navigator.clipboard && navigator.clipboard.writeText){
navigator.clipboard.writeText(text).then(done).catch(fallback);
} else { fallback(); }
}catch(_e){ fallback(); }
}
// ── URL 深連結：信件按鈕 / 查看報名紀錄 / 前往繳費 ──
(async()=>{
const _p = new URLSearchParams(window.location.search);
const isMemberLink = _p.get('member')==='1' || _p.get('page')==='member' || _p.get('view')==='records';
const _payRegId = _p.get('pay') || _p.get('reg') || _p.get('regId') || '';
const _email = (_p.get('email') || _p.get('mail') || '').trim();
if(_payRegId) window._pendingPayRegId = _payRegId;
if(_email){ ST.memberEmail=_email; memberSaveEmail(_email); if($('loginEmail')) $('loginEmail').value=_email; }
if(isMemberLink || _payRegId){
setTimeout(async()=>{
// B-02：原本會用 regId 向公開 API 反查 Email（等於任何人拿到 regId 就能拿到 Email）。
// 已移除。舊信件裡的 ?pay=REG_ID 仍可用：regId 先記著，等使用者用 Email＋手機登入後，
// 由 handlePendingPayLink(regs) 在自己的名單裡比對出這筆，再開啟付款／詳情。
let email = _email || ST.memberEmail || memberSafeEmail();
if(email){
await safeLoadMemberPage(email,{navOptions:{noPush:true}});
}else{
navTo('member',{noPush:true});
memberShowLogin();
const el=$('myRegsList');
if(el) el.innerHTML='找不到這筆報名對應的 Email。
請輸入報名 Email 查詢，或截圖聯繫官方 LINE。
';
}
const ml=$('memberLoginArea');
if(ml && ml.style.display!=='none') ml.scrollIntoView({behavior:'smooth',block:'start'});
}, 800);
}
})();
// ── 電腦版滑鼠拖曳橫向滑動 ──
function enableDragScroll(){
const el = document.querySelector('.events-scroll');
if(!el || el.__dragBound) return;
el.__dragBound = true;
let isDown=false, startX, scrollLeft;
el.addEventListener('mousedown', e=>{ isDown=true; startX=e.pageX-el.offsetLeft; scrollLeft=el.scrollLeft; });
el.addEventListener('mouseleave', ()=>{ isDown=false; });
el.addEventListener('mouseup', ()=>{ isDown=false; });
el.addEventListener('mousemove', e=>{
if(!isDown) return;
e.preventDefault();
const x=e.pageX-el.offsetLeft;
el.scrollLeft = scrollLeft - (x-startX)*1.5;
});
}
// ── 前台啟動：一定要自動載入首頁資料 ──
function initFrontApp(){
if(window.__tbFrontInited) return;
window.__tbFrontInited = true;
try{ history.replaceState({page:'home'}, '', location.href); }catch(e){}
clearFrontPageStateForDeepLink();
try{
const saved=null; // V5: 只從 DB 回抓，不從 localStorage 讀取 member 資料
if(saved){
const d=JSON.parse(saved);
if(d&&d.email){
ST.memberEmail=d.email;
ST.member=null;
api({action:'getMember',email:d.email,phone:getMemberPhone(),_t:Date.now()}).then(m=>{ if(m&&!m.error) ST.member=m; }).catch(()=>{});
}
}
}catch(e){}
try{ applySiteConfig(); }catch(e){}
// 深層分享與頁面還原統一交給 bootDbFront，避免同一連結被開兩次或被上次報名頁覆蓋
if(!window.__tbBootDbFrontAutoScheduled && typeof bootDbFront === 'function') {
bootDbFront().catch(e=>{ console.error('bootDbFront error:',e); loadHome(); });
}
}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded', initFrontApp);
}else{
initFrontApp();
}
// ────────────────────────────────────────────────────────────────
// DB-DRIVEN CORE PATCH 20260618：資料庫主導前台，不再靠零散前台狀態
// ────────────────────────────────────────────────────────────────
(function(){
const portalTypeMap = {'市集報名':['市集場次'],'體驗活動':['活動報名','體驗活動'],'通路寄賣':['通路寄賣'],'合作洽詢':['合作申請']};
// 開放狀態判斷唯一來源（與上方 isOpenSession 同一份規則：未設定或報名中／開放中皆為開放）。
// 注意：這裡不可呼叫 isOpenSession，因為下方 window.isOpenSession = openSess 會覆蓋它，
// 互相呼叫會造成無限遞迴、前台卡在載入中。
function openSess(s){ const st=String(s?.status||'').trim(); return !st || st==='報名中' || st==='開放中'; }
function asArr(v){ return Array.isArray(v)?v:[]; }
function uniqueSessions(list){ return [...new Map(asArr(list).filter(Boolean).map(s=>[String(s.id),s])).values()]; }
function saveEmail(email){ try{ localStorage.setItem('doing_market_member_email', email||''); localStorage.removeItem('tb_member'); }catch(e){} }
function readEmail(){ try{ return localStorage.getItem('doing_market_member_email')||''; }catch(e){ return ''; } }
window.isOpenSession = openSess;
window.loadHome = async function(){
const evEl=$('eventsList'); if(evEl) evEl.innerHTML='載入中…
';
try{ const boot = await api({action:'frontBootstrap', tenant:TENANT_ID, _t:Date.now()});
ST.events=asArr(boot.events); ST.sessions=uniqueSessions(boot.sessions).filter(openSess); ST.allSessionsData=ST.sessions;
try{
const publicBundles=await api({action:'getBundlesPublic', tenant:TENANT_ID, _t:Date.now()});
ST.bundles=Array.isArray(publicBundles)?publicBundles:[];
}catch(_bundleErr){
ST.bundles=[];
}
if(boot.tenant){
ST.tenant = boot.tenant;
// 動態更新 LINE_URL
if(boot.tenant.name) document.title = boot.tenant.name + '｜報名系統';
if(boot.tenant.lineUrl) LINE_URL = boot.tenant.lineUrl;
// 動態更新銀行帳號與線上付款連結顯示（缺設定不 fallback，顯示未設定）
const bankEl = document.getElementById('bankInfoDisplay');
if(boot.tenant.bankInfo){
const bi = boot.tenant.bankInfo;
if(bankEl){ bankEl.innerHTML = bi.replace(/\n/g,'
'); }
} else if(bankEl){
bankEl.innerHTML = '此主辦尚未設定付款資訊，請聯繫主辦';
}
const payCfg = boot.tenant.paymentConfig || boot.tenant.paymentLinks || {};
const tenantLinePay = payCfg.linePayUrl || payCfg.linePay || payCfg.linepay || payCfg.line_pay_url || '';
const tenantCardPay = payCfg.cardPayUrl || payCfg.creditCardUrl || payCfg.ecpayUrl || payCfg.card || payCfg.card_pay_url || '';
if(tenantLinePay) LINEPAY_LINK = tenantLinePay;
if(tenantCardPay) CARDPAY_LINK = tenantCardPay;
PAY_METHODS = Array.isArray(payCfg.payMethods) ? payCfg.payMethods.filter(m=>m && m.name) : [];
// 動態更新品牌顯示
const logoText = document.querySelector('.logo-text');
if(logoText && boot.tenant.name) logoText.childNodes[0].textContent = boot.tenant.name;
const logoImg = document.querySelector('.logo-img');
if(logoImg && boot.tenant.logoUrl) logoImg.src = boot.tenant.logoUrl;
// infoText / heroImg
const band=$('siteInfoBand'); const strong=band&&band.querySelector('strong');
if(strong && boot.tenant.infoText) strong.textContent=boot.tenant.infoText;
const hero=$('siteHero');
const tenantCover = boot.tenant.coverUrl || boot.tenant.heroImg || '';
if(hero && tenantCover){ hero.style.backgroundImage='url('+tenantCover+')'; hero.style.backgroundSize='cover'; hero.style.backgroundPosition='center'; }
}
renderAnnouncements(asArr(boot.announcements)); renderEvents(); return boot;
}catch(e){ console.error('[frontBootstrap failed]', e); const sessions=await api({action:'getSessions', _t:Date.now()}); ST.allSessionsData=uniqueSessions(sessions).filter(openSess); ST.sessions=ST.allSessionsData; ST.events=[]; ST.bundles=[]; renderEvents(); }
};
window.renderEvents = function(){
// ── 精選主題活動（ST.events 活動層）──
const fl=$('featuredEventsList');
if(fl){
const events=asArr(ST.events);
if(events.length){
fl.innerHTML=events.map(e=>{
const coverHtml=e.cover
?`})
`
:``;
const placeholderHtml=``;
return `
${coverHtml}${placeholderHtml}
${esc(e.title||'')}
${e.location?`
📍 ${esc(e.location)}
`:''}
${e.desc?`
${esc(e.desc)}
`:''}
🎪 ${eventSessionCount(e.id)} 個場次
目前無主題活動
';
}
}
// ── 近期場次（ST.allSessionsData 場次層）──
const el=$('eventsList');
if(el){
const sessions=sortSessionsByUpcoming(uniqueSessions(ST.allSessionsData).filter(openSess));
setActivitySessions('home',sessions);
}
setTimeout(enableDragScroll,100);
};
window.openSessionFromCard=function(ev,sessionId){ if(ev){ev.preventDefault();ev.stopPropagation();} openSession(sessionId); }; window.handleSessionTap=window.openSessionFromCard;
window.openEvent=async function(eventId){ const evt=asArr(ST.events).find(e=>String(e.id)===String(eventId)); const list=$('portalSessionList'); const title=$('portalTitle'); if(title) title.textContent=evt?evt.title:'場次列表'; navTo('portal'); if(list) list.innerHTML='載入中…
'; let data=uniqueSessions(ST.allSessionsData).filter(s=>String(s.eventId||'')===String(eventId)&&openSess(s)); if(!data.length){ data=uniqueSessions(await api({action:'getSessions',eventId,_t:Date.now()})).filter(openSess); ST.allSessionsData=uniqueSessions([...(ST.allSessionsData||[]),...data]); } setActivitySessions('portal',data); };
window.filterCat=async function(type,el){ ST.currentCatFilter=type; document.querySelectorAll('.cat-btn').forEach(b=>b.classList.remove('active')); if(el) el.classList.add('active'); const title=$('portalTitle'); if(title) title.textContent=type; const list=$('portalSessionList'); if(list) list.innerHTML='載入中…
'; navTo('portal'); const allow=portalTypeMap[type]||[]; let data=uniqueSessions(ST.allSessionsData).filter(s=>openSess(s)&&((asArr(s.portals).includes(type))||allow.includes(s.type))); if(!data.length){ data=uniqueSessions(await api({action:'getSessions',portal:type,_t:Date.now()})).filter(openSess); ST.allSessionsData=uniqueSessions([...(ST.allSessionsData||[]),...data]); } setActivitySessions('portal',data); };
// 會員登入與我的紀錄統一由 safeLoadMemberPage 管理；此處不再覆蓋 memberLogin/goMemberPage。
async function bootDbFront(){
// 前台使用固定 30 天的安全登入憑證；憑證不保存手機，頁面載入後向 Worker 重新核對會員。
const savedEmail = readEmail();
const savedMemberToken = memberSafeToken();
if (savedEmail) ST.memberEmail = savedEmail;
if (savedMemberToken) ST.memberToken = savedMemberToken;
// 讀取分享連結；若網址有指定場次/主題，必須優先於上次停留頁面
const deepLink = readFrontDeepLink();
if(deepLink.hasDeepLink) clearFrontPageStateForDeepLink();
// 讀取上次儲存的完整狀態
let savedState = null;
try { savedState = deepLink.hasDeepLink ? null : JSON.parse(localStorage.getItem('doing_market_page_state')||'null'); } catch(e){}
const rawTab = (savedState && savedState.tab) || localStorage.getItem('doing_market_current_tab') || 'home';
const lastTab = deepLink.hasDeepLink ? 'home' : ((rawTab === 'myregs') ? 'member' : rawTab);
// 分享連結：先蓋一層載入畫面，避免使用者看到首頁閃一下才跳到場次
if(deepLink.hasDeepLink) showDeepLinkLoading();
try{ await loadPhotoFrames(); }catch(e){}
try{ await openPhotoFrameByLink(); }catch(e){}
await loadHome();
if(deepLink.sessionId){ await openSession(deepLink.sessionId); hideDeepLinkLoading(); return; }
if(deepLink.eventId){ await openEvent(deepLink.eventId); hideDeepLinkLoading(); return; }
if(deepLink.isMember){ await navToTab('member'); hideDeepLinkLoading(); return; }
hideDeepLinkLoading();
// 還原頁面：非分享連結一律回到單一首頁；避免上次停留的報名表或舊場次列表蓋回首頁。
if(lastTab === 'member' && (savedEmail||savedMemberToken)){
setTimeout(()=>{ navToTab('member'); }, 200);
} else if(lastTab === 'support'){
setTimeout(()=>{ navToTab('support'); }, 200);
} else {
navToTab('home');
}
}
handleDoingLineCallback();
window.__tbBootDbFrontAutoScheduled = true;
if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',bootDbFront,{once:true}); else setTimeout(bootDbFront,0);
})();
`;
const unavailableLabel=full?'名額已滿':(scheduleUnavailable?({upcoming:'尚未開放',paused:'暫停報名',ended:'報名已截止'}[s.registrationState]||'目前未開放'):'已關閉');
const scheduleNote=scheduleUnavailable&&s.registrationMessage?`