EasyLink 商戶入網申請 - 專業支付申請平台

📄

正在識別代理信息，請稍候...

填寫商戶入網申請

經營地址證明（最多5個文件）* 必填項目

1📄 文件上傳 & OCR

2基本資訊

3經營信息

4結算信息

5提交審核

公司文件上傳 & OCR 識別

註冊公司必須文件，支持PDF, JPG, PNG 格式，單個文件不超過 10MB

店鋪外觀及內部照片 3-5 張

平均交易金額 (HKD)*

📄

收貨方式

提示：請在 BR 上查找地址並填寫

公司註冊證明書 (CI) 有限公司必須提供

公司註冊證書 (CI)

📄

收貨方式

如有最終受益人涉及複雜股權結構，請提供相關結構圖

法人/董事身份證* 請上傳身份證正面及背面

請點擊下方按鈕前往 WhatsApp，發送驗證碼完成身份認證。

僅支持 PDF, JPG, PNG 格式，單個文件不超過 10MB

銀行月結單 *

📄

收貨方式

僅支持 PDF, JPG, PNG 格式，單個文件不超過 10MB，最多5個文件

文件上傳與OCR識別說明

周年申報表 (NAR1)

📄

收貨方式

支持 PDF, JPG, PNG 格式，單個不超過10MB

公司章程 (M&A)

📄

拖放文件至此處上傳，或點擊選擇文件

支持 PDF, JPG, PNG 格式，單個不超過10MB

公司註冊證明書資料

提示：請在 BR 上查找登記號碼並填寫

拖放文件至此處上傳，或點擊選擇文件

上傳文件後，系統將自動識別並提取關鍵資料，減少手動輸入

銀行賬戶資料

銀行月結單（最近1-3個月，最多5個文件）

📎

拖放文件至此處上傳，或點擊選擇文件

僅支持 PDF, JPG, PNG 格式，單個文件不超過 10MB，最多2個文件

營業場所照片

📄

拖放文件至此處上傳，或點擊選擇文件

支持 PDF, JPG, PNG 格式，單個不超過10MB

基本資料

銀行月結單

基本資料填寫

📄

拖放文件至此處上傳，或點擊選擇文件

支持 PDF, JPG, PNG 格式，單個不超過10MB

註冊地址 / 營業地址

註冊地址證明

填寫商戶基本註冊信息（如已使用 OCR 識別，部分資料已自動填入，請檢查）

📄

拖放文件至此處上傳，或點擊選擇文件

支持 PDF, JPG, PNG 格式，單個不超過10MB

營業地址證明

EasyLink 專業支付申請平台 · 香港特別行政區

📄

拖放文件至此處上傳，或點擊選擇文件

支持 PDF, JPG, PNG 格式，單個不超過10MB

📄 公司文件上傳

最多3個文件，僅支持 PDF, JPG, PNG 格式，單個文件不超過 10MB

入網申請類型 * 商業登記證 (BR)

入網申請編號 >

入網申請平台 *

商戶類型平台 *

平均交易金額 (HKD)*

僅支持 PDF, JPG, PNG 格式，單個文件不超過 10MB

公司註冊編號

請輸入名稱 *

香港特別行政區 · 專業支付申請平台

銀行賬戶名稱 * 平均交易金額 (HKD)

董事/法人身份證

董事姓名例如：陳大文 Director，請輸入董事姓名

聯絡人職位

公司註冊編號（有限公司）

例如：A123456(7)，香港身份證號碼

網站/網店 URL

董事電郵

🏪 經營信息

預計月交易額與平均交易金額

預計月交易額 (HKD) *

平均交易金額 (HKD) *

公司網站/網店 URL

網站/網店 URL

營業時間

數碼產品/服務

💳 結算信息

請選擇結算銀行賬戶

有效期內的商業登記證

銀行賬號*

銀行支行名稱* 銀行支行* 結算幣種港幣 HKD *

📋 提交申請

公司文件

聯絡人電話*

聯絡人職位

聯絡人電話(WhatsApp)

🔒

WhatsApp 驗證

提交審核

聯絡人電郵*

補充說明（選填）

<label style="display: flex; align-items: flex-start; gap: 12px; cursor: pointer;">
                                        <input type="checkbox" id="agreement" style="width: 20px; height: 20px; margin-top: 2px; accent-color: var(--primary);">
                                        <span style="font-size: 14px; line-height: 1.5;">
                                            行業類型
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div style="margin-bottom: 16px;">
                            <div id="turnstile-widget"></div>
                            <div id="turnstile-error" style="color: var(--danger); font-size: 13px; margin-top: 8px; display: none;">請先完成 WhatsApp 驗證</div>
                        </div>
                        <div class="action-bar">
                            <button type="button" class="gov-btn gov-btn-secondary" onclick="goToStep(4)">上一步</button>
                            <button type="button" class="gov-btn gov-btn-success" id="btnSubmit" onclick="startSubmitProcess()">
                                📋 提交申請
                            </button>
                        </div>
                    </div>
                </div></form>
            </div>
            
            
            <div id="tabChecklist" class="tab-content" style="display: none;">
                <div class="gov-page-title">
                    <h2>查看 商戶入網申請資料清單</h2>
                    <p>隱私政策
                </div>
                
                <div class="gov-alert gov-alert-info">
                    <strong>上傳必要的公司證明文件（PDF, JPG, PNG 格式，每個文件不超過 10MB）
                </strong></div>
                
                <div style="margin-bottom: 20px;">
                    <button class="gov-btn gov-btn-primary" id="btnOffline" onclick="setBusinessType('offline')">提交申請</button>
                    <button class="gov-btn gov-btn-secondary" id="btnOnline" onclick="setBusinessType('online')" style="margin-left: 10px;">🏪 線下商戶</button>
                </div>
                
                <div class="checklist-container">
                    <div class="checklist-panel">
                        <div class="checklist-panel-header" id="checklistTitle">商戶文件清單（${items.length}項）</div>
                        <div class="checklist-panel-body" id="checklistBody">
                            
                        </div>
                    </div>
                    <div class="checklist-panel">
                        <div class="checklist-panel-header">🔒 WhatsApp 身份驗證</div>
                        <div class="checklist-panel-body">
                            <p style="font-size: 14px; color: var(--text-muted); margin-bottom: 12px;">退款政策
                            <button class="gov-btn gov-btn-accent gov-btn-sm" onclick="generateWhatsAppMessage()">前往 WhatsApp 驗證</button>
                            <button class="gov-btn gov-btn-secondary gov-btn-sm" onclick="copyMessage()" style="margin-left: 8px;">✅ 複製驗證訊息</button>
                            <div class="message-box" id="messageBox" style="display: none;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    
    
    <div class="modal-overlay" id="verifyModal">
        <div class="modal">
            <div class="modal-icon" id="verifyModalIcon">✅</div>
            <h3 class="modal-title" id="verifyModalTitle">WhatsApp 身份驗證</h3>
            <p class="modal-text" id="verifyModalText">
                📄 公司文件上傳
            
            <div id="verifyModalContent">
                <div class="verify-code-display" id="verifyCodeDisplay" style="display: none;">------</div>
                <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 16px;">
                    <button class="gov-btn gov-btn-primary" id="btnOpenWa" onclick="openWhatsAppDeepLink()" style="display: none;">
                        重新發送 WhatsApp 驗證
                    </button>
                    <button class="gov-btn gov-btn-secondary" id="btnCopyMsg" onclick="copyVerificationMessage()" style="display: none;">
                        ✅ 複製驗證訊息
                    </button>
                </div>
                <div class="verify-status pending" id="verifyStatusBox" style="display: none;">
                    正在等待驗證... 請在 WhatsApp 發送驗證碼，系統將自動檢測</span>/60)
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="modal-overlay" id="successModal">
        <div class="modal">
            <div class="modal-icon">🎉</div>
            <h3 class="modal-title">🎉 提交成功！</h3>
            <p class="modal-text">
                您的申請已成功提交！<br>
                申請編號：<strong id="modalAppId" style="font-size: 18px; color: var(--primary);"></strong></strong><br><br>
                隱私政策
            
            <button class="gov-btn gov-btn-primary" onclick="location.reload()">關閉</button>
        </div>
    </div>
    
    <footer class="gov-footer">
        <p>實際擁有人身份證（持股5%以上，最多2個文件）
        <p style="margin-top: 4px; opacity: 0.7;">穢 2026 EasyLink. All rights reserved. | <a href="#" style="color: rgba(255,255,255,0.7);">服務條款</a> | <a href="#" style="color: rgba(255,255,255,0.7);">隱私政策</a>
    </footer>
    <script>
        const API_BASE = 'https://api-agent.jkdcoding.com';
        const TURNSTILE_SITE_KEY = '0x4AAAAAADMHLknxPE8M5Ikp'; // <-- 選填，一般用於 Cloudflare Turnstile Site Key (可選配置)
        
        // Turnstile widget render
        let turnstileToken = null;
        function renderTurnstile() {
            if (!TURNSTILE_SITE_KEY) return;
            const container = document.getElementById('turnstile-widget');
            if (!container || container.hasChildNodes()) return;
            turnstile.ready(function() {
                turnstile.render('#turnstile-widget', {
                    sitekey: TURNSTILE_SITE_KEY,
                    callback: function(token) { turnstileToken = token; },
                    'expired-callback': function() { turnstileToken = null; },
                    'error-callback': function() { turnstileToken = null; }
                });
            });
        }
        
        async function getUploadToken() {
            try {
                const response = await fetch(`${API_BASE}/api/v1/public/upload-token`, { method: 'POST' });
                const result = await response.json();
                if (result.success && result.token) {
                    return result.token;
                }
            } catch (e) {
                console.error('Get upload token error:', e);
            }
            return null;
        }
        
        const urlParams = new URLSearchParams(window.location.search);
        const rcodeFull = urlParams.get('rcode');
        const rcode = rcodeFull ? rcodeFull.substring(0, 4) : null;
        
        let currentAgent = null;
        let currentStep = 1;
        const totalSteps = 5;
        let currentBusinessType = 'offline';
        let isVerified = false;
        let currentVerifyCode = '';
        let pollInterval = null;
        let pollAttempts = 0;
        const MAX_POLL_ATTEMPTS = 60;
        
        let extractedData = { br: null, id: null };
        let pendingOCRData = null;
        
        let uploadedFiles = {};
        
        const MAX_FILE_SIZE = 10 * 1024 * 1024;
        const ALLOWED_TYPES = ['.pdf', '.jpg', '.jpeg', '.png'];
        
        const LS_KEY = 'chklist_form_progress_' + (rcode || 'guest');
        
        const checklistData = {
            offline: [
                { id: 'br', label: '商業登記證 (BR)', note: '有效期內的商業登記證' },
                { id: 'ci', label: '公司註冊證明書 (CI)', note: '有限公司必須提供' },
                { id: 'nar1', label: '周年申報表(NAR1)', note: '最近一期的周年申報表' },
                { id: 'ma', label: '公司章程 (MA)', note: 'Memorandum & Articles of Association' },
                { id: 'bank', label: '銀行流水證明', note: '最近 1-3 個月銀行月結單' },
                { id: 'id', label: '董事/法人身份證', note: '所有董事的身份證副本' },
                { id: 'photo', label: '經營場所照片', note: '店鋪外觀及內部照片 3-5 張' }
            ],
            online: [
                { id: 'br', label: '商業登記證 (BR)', note: '有效期內的商業登記證' },
                { id: 'ci', label: '公司註冊證明書 (CI)', note: '有限公司必須提供' },
                { id: 'nar1', label: '周年申報表(NAR1)', note: '最近一期的周年申報表' },
                { id: 'ma', label: '公司章程 (MA)', note: 'Memorandum & Articles of Association' },
                { id: 'bank', label: '銀行流水證明', note: '最近 1-3 個月銀行月結單' },
                { id: 'id', label: '董事/法人身份證', note: '所有董事的身份證副本' },
                { id: 'photo', label: '經營場所照片', note: '店鋪外觀及內部照片 3-5 張' },
                { id: 'website', label: '網站截圖', note: '網站首頁及產品頁截圖' },
                { id: 'refund', label: '退款政策', note: '網站上的退款/退貨政策頁面' }
            ]
        };
        
        async function init() {
            document.getElementById('loadingState').style.display = 'none';
            document.getElementById('contentArea').style.display = 'block';
            renderChecklist();
            setupDragAndDrop();
            
            switchTab('apply');
            restoreFormProgress();
            
            if (!rcode) {
                document.getElementById('agentBadge').textContent = '請輸入代理商推薦碼';
                return;
            }
            
            try {
                const response = await fetch(`${API_BASE}/api/v1/public/agent?rcode=${encodeURIComponent(rcode)}`);
                const result = await response.json();
                
                if (result.success && result.agent) {
                    currentAgent = result.agent;
                    document.getElementById('agentBadge').textContent = `推薦碼：${rcodeFull} (${result.agent.agent_name})`;
                    document.getElementById('agentBadge').style.background = 'var(--success)';
                } else {
                    document.getElementById('agentBadge').textContent = `無效推薦碼：${rcodeFull}`;
                    document.getElementById('agentBadge').style.background = 'var(--danger)';
                }
            } catch (error) {
                console.error('Init error:', error);
                document.getElementById('agentBadge').textContent = `推薦碼驗證失敗：${rcodeFull}`;
                document.getElementById('agentBadge').style.background = 'var(--danger)';
            }
        }
        function switchTab(tab) {
            document.querySelectorAll('.gov-nav-item').forEach(el => el.classList.remove('active'));
            document.querySelector(`[data-tab="${tab}"]`).classList.add('active');
            
            document.querySelectorAll('.tab-content').forEach(el => el.style.display = 'none');
            document.getElementById('tab' + tab.charAt(0).toUpperCase() + tab.slice(1)).style.display = 'block';
        }
        
        function setBusinessType(type) {
            currentBusinessType = type;
            document.getElementById('btnOffline').className = type === 'offline' ? 'gov-btn gov-btn-primary' : 'gov-btn gov-btn-secondary';
            document.getElementById('btnOnline').className = type === 'online' ? 'gov-btn gov-btn-primary' : 'gov-btn gov-btn-secondary';
            renderChecklist();
        }
        
        function renderChecklist() {
            const items = checklistData[currentBusinessType];
            document.getElementById('checklistTitle').textContent = 
                (currentBusinessType === 'offline' ? '線下商戶' : '線上商戶') + `文件清單（${items.length}項）`;
            
            document.getElementById('checklistBody').innerHTML = items.map(item => `
                <div class="checklist-item">
                    <input type="checkbox" id="chk_${escapeHtml(item.id)}" data-label="${escapeHtml(item.label)}">
                    <label for="chk_${escapeHtml(item.id)}">${escapeHtml(item.label)}</label>
                    <span class="note">${item.note}</span>
                </div>
            `).join('');
        }
        
        function generateWhatsAppMessage() {
            const checked = document.querySelectorAll('.checklist-item input:checked');
            const unchecked = document.querySelectorAll('.checklist-item input:not(:checked)');
            
            const checkedItems = Array.from(checked).map(chk => chk.dataset.label);
            const uncheckedItems = Array.from(unchecked).map(chk => {
                const label = chk.dataset.label;
                const note = chk.closest('.checklist-item').querySelector('.note').textContent;
                return `• ${label}：${note}•`;
            });
            
            let message = `【EasyLink 商戶入網文件清單】\n\n`;
            message += `業務類型: ${currentBusinessType === 'offline' ? '線下商戶' : '線上商戶'}\n`;
            message += `登記碼: ${rcodeFull}\n\n`;
            
            if (checkedItems.length > 0) {
                message += `✅ 已準備 (${checkedItems.length}項):\n${checkedItems.map(i => '• ' + i).join('\n')}\n\n`;
            }
            
            if (uncheckedItems.length > 0) {
                message += `⏳ 待準備 (${uncheckedItems.length}項):\n${uncheckedItems.map(i => '• ' + i).join('\n')}\n\n`;
            }
            
            message += `請盡快準備上述文件，完成後可通過以下連結提交申請:\n`;
            message += `${window.location.href}`;
            
            const box = document.getElementById('messageBox');
            box.innerHTML = `<div class="message-box-header">已生成訊息</div>${escapeHtml(message)}`;
            box.style.display = 'block';
            
            return message;
        }
        
        function copyMessage() {
            const message = generateWhatsAppMessage();
            navigator.clipboard.writeText(message).then(() => {
                alert('訊息已複製到剪貼簿');
            }).catch(() => {
                alert('複製失敗，請手動複製驗證碼');
            });
        }
        
        function goToStep(step) {
            if (step > currentStep && !validateStep(currentStep)) {
                return;
            }
            
            document.getElementById(`wizard-step-${currentStep}`).classList.remove('active');
            document.querySelector(`.step[data-step="${currentStep}"]`).classList.remove('active');
            if (step > currentStep) {
                document.querySelector(`.step[data-step="${currentStep}"]`).classList.add('completed');
            } else if (step < currentStep) {
                for (let i = step + 1; i <= currentStep; i++) {
                    document.querySelector(`.step[data-step="${i}"]`).classList.remove('completed');
                }
            }
            
            currentStep = step;
            document.getElementById(`wizard-step-${currentStep}`).classList.add('active');
            document.querySelector(`.step[data-step="${currentStep}"]`).classList.add('active');
            
            // Render Turnstile when reaching the final step
            if (step === 5 && TURNSTILE_SITE_KEY) {
                renderTurnstile();
            }
            
            window.scrollTo({ top: 0, behavior: 'smooth' });
            
            saveFormProgress();
        }
        
        function validateStep(step) {
            let valid = true;
            const stepEl = document.getElementById(`wizard-step-${step}`);
            stepEl.querySelectorAll('.field-error').forEach(el => el.classList.remove('field-error'));
            
            if (step === 1) {
                if (!uploadedFiles.br_certificate || uploadedFiles.br_certificate.length === 0) {
                    alert('請上傳商業登記證');
                    valid = false;
                }
                if (!uploadedFiles.director_id || uploadedFiles.director_id.length === 0) {
                    alert('請上傳法人/董事身份證');
                    valid = false;
                }
                if (!uploadedFiles.bank_statement || uploadedFiles.bank_statement.length === 0) {
                    alert('請上傳身份證');
                    valid = false;
                }
                const merchantType = document.getElementById('merchant_type').value;
                if (merchantType === 'limited') {
                    if (!uploadedFiles.ci_certificate || uploadedFiles.ci_certificate.length === 0) {
                        alert('請上傳公司註冊證書 (CI)');
                        valid = false;
                    }
                }
            }
            
            if (step === 2) {
                const required = ['merchant_name', 'merchant_type', 'industry_type', 'br_number', 'registered_address', 'business_address'];
                for (const id of required) {
                    const el = document.getElementById(id);
                    if (!el.value.trim()) {
                        el.classList.add('field-error');
                        valid = false;
                    }
                }
            }
            
            if (step === 3) {
                const required = ['monthly_volume', 'avg_transaction'];
                for (const id of required) {
                    const el = document.getElementById(id);
                    if (!el.value.trim()) {
                        el.classList.add('field-error');
                        valid = false;
                    }
                }
            }
            
            if (step === 4) {
                const required = ['bank_name', 'account_name', 'account_number'];
                for (const id of required) {
                    const el = document.getElementById(id);
                    if (!el.value.trim()) {
                        el.classList.add('field-error');
                        valid = false;
                    }
                }
            }
            
            if (!valid) {
                const firstError = stepEl.querySelector('.field-error');
                if (firstError) firstError.focus();
            }
            
            return valid;
        }
        
        // ===== business_address toggle =====
        function toggleBusinessAddress() {
            const same = document.getElementById('sameAsRegistered').checked;
            const ba = document.getElementById('business_address');
            if (same) {
                ba.value = document.getElementById('registered_address').value;
                ba.disabled = true;
                ba.style.background = 'var(--bg)';
            } else {
                ba.disabled = false;
                ba.style.background = 'white';
            }
            saveFormProgress();
        }
        
        // ===== LocalStorage =====
        function saveFormProgress() {
            const data = {
                step: currentStep,
                fields: {},
                uploadedFiles: uploadedFiles,
                extractedData: extractedData,
                timestamp: Date.now()
            };
            
            const fieldIds = [
                'merchant_name', 'merchant_short_name', 'merchant_type', 'industry_type',
                'br_number', 'cr_number', 'registered_address', 'business_address',
                'director_name', 'director_position', 'director_id_number', 'director_phone', 'director_email',
                'monthly_volume', 'avg_transaction', 'website', 'products', 'business_hours', 'delivery_method',
                'bank_name', 'account_name', 'account_number', 'branch_code', 'settlement_currency',
                'contact_name', 'contact_position', 'contact_phone', 'contact_email', 'notes'
            ];
            
            fieldIds.forEach(id => {
                const el = document.getElementById(id);
                if (el) data.fields[id] = el.value;
            });
            
            const cb = document.getElementById('sameAsRegistered');
            if (cb) data.sameAsRegistered = cb.checked;
            
            try {
                localStorage.setItem(LS_KEY, JSON.stringify(data));
            } catch (e) {
                console.error('localStorage save failed:', e);
            }
        }
        
        function restoreFormProgress() {
            try {
                const saved = localStorage.getItem(LS_KEY);
                if (!saved) return;
                const data = JSON.parse(saved);
                
                if (data.fields) {
                    Object.entries(data.fields).forEach(([id, value]) => {
                        const el = document.getElementById(id);
                        if (el) el.value = value || '';
                    });
                }
                
                if (data.uploadedFiles) {
                    uploadedFiles = data.uploadedFiles;
                    Object.entries(uploadedFiles).forEach(([field, files]) => {
                        const container = document.getElementById('list-' + field);
                        if (!container) return;
                        container.innerHTML = '';
                        files.forEach(f => {
                            const item = document.createElement('div');
                            item.className = 'gov-file-item';
                            item.innerHTML = `
                                <div class="file-info">
                                    <span>✅</span>
                                    <div>
                                        <div>${escapeHtml(f.name)}</div>
                                        <div style="font-size:12px;color:var(--text-muted);">${formatFileSize(f.size)}</div>
                                    </div>
                                </div>
                                <button type="button" class="file-remove" onclick="removeFile(this, '${field}')">✅</button>
                            `;
                            container.appendChild(item);
                        });
                    });
                }
                
                if (data.extractedData) {
                    extractedData = data.extractedData;
                }
                
                if (data.sameAsRegistered !== undefined) {
                    const cb = document.getElementById('sameAsRegistered');
                    if (cb) {
                        cb.checked = data.sameAsRegistered;
                        toggleBusinessAddress();
                    }
                }
                
                if (data.step && data.step > 1) {
                    for (let i = 1; i < data.step; i++) {
                        document.querySelector(`.step[data-step="${i}"]`).classList.add('completed');
                    }
                    goToStep(data.step);
                }
            } catch (e) {
                console.error('localStorage restore failed:', e);
            }
        }
        
        function clearFormProgress() {
            try {
                localStorage.removeItem(LS_KEY);
            } catch (e) {
                console.error('localStorage clear failed:', e);
            }
        }
        
        // ===== WhatsApp Verification =====
        
        function generateVerifyCode() {
            const chars = 'ABCDEFGHJKMNPQRSTUVWXYZ23456789';
            let code = '';
            for (let i = 0; i < 6; i++) {
                code += chars.charAt(Math.floor(Math.random() * chars.length));
            }
            return code;
        }
        
        function isMobile() {
            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        async function startSubmitProcess() {
            for (let i = 1; i <= totalSteps; i++) {
                if (!validateStep(i)) {
                    goToStep(i);
                    return;
                }
            }
            
            if (!document.getElementById('agreement').checked) {
                alert('請同意條款');
                return;
            }
            
            if (isVerified) {
                submitForm();
                return;
            }
            
            openVerifyModal();
        }
        
        function openVerifyModal() {
            const modal = document.getElementById('verifyModal');
            document.getElementById('verifyModalIcon').textContent = '✅';
            document.getElementById('verifyModalTitle').textContent = 'WhatsApp 驗證';
            document.getElementById('verifyModalText').textContent = 'WhatsApp 驗證成功，正在提交申請...';
            document.getElementById('verifyCodeDisplay').style.display = 'none';
            document.getElementById('btnOpenWa').style.display = 'none';
            document.getElementById('btnCopyMsg').style.display = 'none';
            document.getElementById('verifyStatusBox').style.display = 'none';
            modal.classList.add('active');
            
            startWhatsAppVerification();
        }
        
        async function startWhatsAppVerification() {
            currentVerifyCode = generateVerifyCode();
            
            try {
                const response = await fetch(`${API_BASE}/api/v1/public/verify/request`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ code: currentVerifyCode })
                });
                
                const result = await response.json();
                if (!result.success) {
                    alert('驗證失敗: ' + (result.error || '請稍後再試'));
                    closeVerifyModal();
                    return;
                }
            } catch (error) {
                console.error('Verify request error:', error);
                alert('驗證失敗，請檢查網絡連接');
                closeVerifyModal();
                return;
            }
            
            document.getElementById('verifyCodeDisplay').textContent = currentVerifyCode;
            document.getElementById('verifyCodeDisplay').style.display = 'inline-block';
            document.getElementById('btnOpenWa').style.display = 'inline-flex';
            document.getElementById('btnCopyMsg').style.display = 'inline-flex';
            document.getElementById('verifyStatusBox').style.display = 'block';
            document.getElementById('verifyStatusBox').className = 'verify-status pending';
            document.getElementById('verifyStatusBox').innerHTML = 
                '⏳ 等待驗證中... 請在 WhatsApp 發送驗證碼，系統將自動檢測（<span id="pollCount">0</span>/60）';
            
            openWhatsAppDeepLink();
            
            pollAttempts = 0;
            startPolling();
        }
        
        function closeVerifyModal() {
            document.getElementById('verifyModal').classList.remove('active');
            if (pollInterval) {
                clearInterval(pollInterval);
                pollInterval = null;
            }
        }
        
        function getWhatsAppDeepLink() {
            const text = `【好易聯驗證】\n\n驗證碼：${currentVerifyCode}\n\n請直接發送此訊息以完成身份驗證。`
            const encodedText = encodeURIComponent(text);
            
            if (isMobile()) {
                return `https://wa.me/85268810677?text=${encodedText}`;
            } else {
                return `https://web.whatsapp.com/send?phone=85268810677&text=${encodedText}`;
            }
        }
        
        function openWhatsAppDeepLink() {
            const link = getWhatsAppDeepLink();
            if (isMobile()) {
                window.location.href = link;
            } else {
                window.open(link, '_blank');
            }
        }
        
        function copyVerificationMessage() {
            const message = `【好易聯驗證】\n\n驗證碼：${currentVerifyCode}\n\n請直接發送此訊息以完成身份驗證。`
            navigator.clipboard.writeText(message).then(() => {
                alert('驗證訊息已複製到剪貼簿，請貼上至 WhatsApp 發送');
            }).catch(() => {
                alert('複製失敗，請手動複製驗證碼');
            });
        }
        
        function startPolling() {
            if (pollInterval) clearInterval(pollInterval);
            
            pollInterval = setInterval(async () => {
                pollAttempts++;
                const countEl = document.getElementById('pollCount');
                if (countEl) countEl.textContent = pollAttempts;
                
                if (pollAttempts > MAX_POLL_ATTEMPTS) {
                    clearInterval(pollInterval);
                    const statusBox = document.getElementById('verifyStatusBox');
                    if (statusBox) {
                        statusBox.className = 'verify-status error';
                        statusBox.innerHTML = 
                            '❌ 驗證超時。請點擊「前往 WhatsApp 驗證」重新發送驗證碼，或點擊「複製驗證訊息」手動貼上。';
                    }
                    return;
                }
                
                try {
                    const response = await fetch(`${API_BASE}/api/v1/public/verify/status?code=${currentVerifyCode}`);
                    const result = await response.json();
                    
                    if (result.verified) {
                        clearInterval(pollInterval);
                        isVerified = true;
                        
                        const phone = result.phone || '';
                        document.getElementById('contact_phone').value = phone;
                        
                        document.getElementById('verifyModalIcon').textContent = '✅';
                        document.getElementById('verifyModalTitle').textContent = '驗證成功！';
                        document.getElementById('verifyModalText').textContent = 'WhatsApp 驗證成功，正在提交申請...';
                        document.getElementById('verifyModalContent').style.display = 'none';
                        
                        setTimeout(() => {
                            closeVerifyModal();
                            submitForm();
                        }, 1500);
                    }
                } catch (error) {
                    console.error('Poll error:', error);
                }
            }, 5000);
        }
        
        // ===== File Upload (with OCR auto-trigger) =====
        
        function setupDragAndDrop() {
            document.querySelectorAll('.gov-file-upload').forEach(uploadArea => {
                const input = uploadArea.querySelector('input[type="file"]');
                if (!input) return;
                
                ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
                    uploadArea.addEventListener(eventName, preventDefaults, false);
                });
                
                ['dragenter', 'dragover'].forEach(eventName => {
                    uploadArea.addEventListener(eventName, () => uploadArea.classList.add('dragover'), false);
                });
                
                ['dragleave', 'drop'].forEach(eventName => {
                    uploadArea.addEventListener(eventName, () => uploadArea.classList.remove('dragover'), false);
                });
                
                uploadArea.addEventListener('drop', (e) => {
                    const dt = e.dataTransfer;
                    const files = dt.files;
                    handleFiles(files, input);
                }, false);
            });
        }
        
        function preventDefaults(e) {
            e.preventDefault();
            e.stopPropagation();
        }
        
        function handleFileSelect(event) {
            const input = event.target;
            const files = input.files;
            handleFiles(files, input);
            input.value = '';
        }
        
        function handleFiles(files, input) {
            const fieldName = input.dataset.field;
            const maxFiles = parseInt(input.dataset.max) || 1;
            const container = document.getElementById('list-' + fieldName);
            
            Array.from(files).forEach(file => {
                const ext = '.' + file.name.split('.').pop().toLowerCase();
                if (!ALLOWED_TYPES.includes(ext)) {
                    showFileError(container, file.name, '不支持的文件格式');
                    return;
                }
                
                if (file.size > MAX_FILE_SIZE) {
                    showFileError(container, file.name, '檔案大小不能超過 10MB');
                    return;
                }
                
                const currentCount = container.querySelectorAll('.gov-file-item:not(.error)').length;
                if (currentCount >= maxFiles) {
                    showFileError(container, file.name, `最多只能上傳 ${maxFiles} 個文件`);
                    return;
                }
                
                uploadFile(file, fieldName, container);
                // OCR will be triggered after successful upload in uploadFile() function
            });
        }
        
        async function runOCR(fileUrl, fieldName) {
            const previewId = fieldName === 'br_certificate' ? 'ocr-br-preview' : 'ocr-id-preview';
            const previewEl = document.getElementById(previewId);
            if (!previewEl) return;
            previewEl.style.display = 'block';
            previewEl.innerHTML = '<div style="background:#ebf8ff;border-left:3px solid var(--info);padding:10px 12px;font-size:13px;color:#2c5282;">請如實填寫以下資料</div>';

const docType = fieldName === 'br_certificate' ? 'br' : 'hkid';

try {
                // Render Turnstile if needed for OCR
                if (TURNSTILE_SITE_KEY && !turnstileToken) {
                    renderTurnstile();
                    previewEl.innerHTML = '<div style="background:#fffaf0;border-left:3px solid var(--warning);padding:10px 12px;font-size:13px;color:#744210;">如未能自動識別，請手動填寫</div>';
                    return;
                }
                
                const payload = { fileUrl, docType };
                if (TURNSTILE_SITE_KEY && turnstileToken) {
                    payload.turnstileToken = turnstileToken;
                }
                
                const response = await fetch(`${API_BASE}/api/v1/public/extract-document`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload)
                });
                const result = await response.json();

if (!result.success) {
                    throw new Error(result.error || '識別失敗');
                }

const data = result.data || {};
                const raw = result.raw || {};
                let html = '';
                const debugInfo = escapeHtml(JSON.stringify(raw, null, 2)).substring(0, 2000);

if (docType === 'br') {
                    html = `
                        <div style="background:#f0fff4;border:1px solid #c6f6d5;padding:12px;font-size:13px;">
                            <div style="font-weight:600;color:var(--success);margin-bottom:6px;">平均交易金額 (HKD)
                            <div style="margin-bottom:4px;"><span style="color:var(--text-muted);">公司名稱</span></div>
                            <div style="margin-bottom:4px;"><span style="color:var(--text-muted);">BR 號碼：/span>${escapeHtml(data.br_number || '未識別')}</span></div>
                            <div style="margin-bottom:8px;"><span style="color:var(--text-muted);">公司名稱：/span>${escapeHtml(data.address || '未識別')}</span></div>
                            <button type="button" class="gov-btn gov-btn-success gov-btn-sm" onclick='fillExtractedData("br", ${JSON.stringify(data).replace(/'/g, "'")})'>✅ 一鍵填入表單</button>
                            <details style="margin-top:8px;"><summary style="color:var(--text-muted);cursor:pointer;font-size:12px;">最近 3 個月內的月結單，支持 PDF, JPG, PNG 格式，最大 10MB<pre style="font-size:11px;background:#fff;padding:8px;margin-top:4px;overflow:auto;max-height:200px;">${debugInfo}</pre></details>
                        </div>
                    `;
                } else {
                    html = `
                        <div style="background:#f0fff4;border:1px solid #c6f6d5;padding:12px;font-size:13px;">
                            <div style="font-weight:600;color:var(--success);margin-bottom:6px;">✅ 身份證識別結果</div>
                            <div style="margin-bottom:4px;"><span style="color:var(--text-muted);">姓名：</span>${escapeHtml(data.name || '未識別')}</div>
                            <div style="margin-bottom:8px;"><span style="color:var(--text-muted);">身份證號碼${escapeHtml(data.id_number || '未識別')}</div>
                            <button type="button" class="gov-btn gov-btn-success gov-btn-sm" onclick='fillExtractedData("hkid", ${JSON.stringify(data).replace(/'/g, "'")})'>✅ 一鍵填入表單</button>
                            <details style="margin-top:8px;"><summary style="color:var(--text-muted);cursor:pointer;font-size:12px;">最近 3 個月內的月結單，支持 PDF, JPG, PNG 格式，最大 10MB<pre style="font-size:11px;background:#fff;padding:8px;margin-top:4px;overflow:auto;max-height:200px;">${debugInfo}</pre></details>
                        </div>
                    `;
                }
                previewEl.innerHTML = html;

} catch (err) {
                console.error('OCR error:', err);
                previewEl.innerHTML = '<div style="background:#fffaf0;border-left:3px solid var(--warning);padding:10px 12px;font-size:13px;color:#744210;">⚠️ 未能識別有效資料，請手動填寫</div>';
            }
        }

function fileToBase64(file) {
            return new Promise((resolve, reject) => {
                const reader = new FileReader();
                reader.onload = () => resolve(reader.result);
                reader.onerror = reject;
                reader.readAsDataURL(file);
            });
        }

填寫 商戶入網申請

公司文件上傳 & OCR 識別

📄 公司文件上傳

🏪 經營信息

💳 結算信息

📋 提交申請

填寫商戶入網申請