PERMOHONAN KEAHLIAN PEKEMA

Borang Keahlian Baharu

'; }, _openFormWindow(html, autoPrint) { try { var blob = new Blob([html], { type: 'text/html;charset=utf-8' }); var url = URL.createObjectURL(blob); var w = window.open(url, '_blank', 'width=900,height=1100,scrollbars=yes'); if (!w) { // Popup blocked — fallback: open in same tab URL.revokeObjectURL(url); var fallback = document.createElement('a'); fallback.href = 'data:text/html;charset=utf-8,' + encodeURIComponent(html); fallback.download = 'Borang_Pencadang_Penyokong.html'; fallback.click(); return; } if (autoPrint) { w.onload = function() { setTimeout(function() { try { w.print(); } catch(e) {} }, 500); }; } setTimeout(function() { URL.revokeObjectURL(url); }, 60000); } catch(e) { // Ultimate fallback: write directly var w2 = window.open('', '_blank'); if (w2) { w2.document.write(html); w2.document.close(); } } }, printForm() { var html = this.buildFormHTML(); this._openFormWindow(html, true); }, previewForm() { var html = this.buildFormHTML(); this._openFormWindow(html, false); }, handleUpload(event) { const file = event.target.files[0]; if (!file) return; // Validate file size (10MB) if (file.size > 10 * 1024 * 1024) { alert('Fail terlalu besar. Maksimum 10MB.'); event.target.value = ''; return; } // Validate file type const allowed = ['.pdf','.jpg','.jpeg','.png','.doc','.docx']; const ext = '.' + file.name.split('.').pop().toLowerCase(); if (!allowed.includes(ext)) { alert('Format fail tidak dibenarkan. Sila muat naik PDF, JPG, PNG, DOC, atau DOCX.'); event.target.value = ''; return; } this.uploadedFile = { name: file.name, size: file.size, type: file.type, lastModified: file.lastModified }; // Show uploaded state const zone = document.getElementById('pencadangUploadZone'); zone.classList.add('has-file'); document.getElementById('uploadedFileName').textContent = file.name; document.getElementById('uploadedFileInfo').textContent = this.formatFileSize(file.size) + ' • ' + new Date().toLocaleString('ms-MY'); // Show success status const status = document.getElementById('pencadangUploadStatus'); status.style.display = 'block'; status.style.background = 'rgba(34,197,94,0.12)'; status.style.color = '#22c55e'; status.innerHTML = ' Borang berjaya dimuat naik. Admin akan menyemak dan mengesahkan.'; this.updateFlowSteps(); PekeApplication.saveProgress(); // AJAX upload (production) if (typeof pekeAjax === 'function') { const formData = new FormData(); formData.append('action', 'pekema_upload_pencadang_form'); formData.append('file', file); // Send via AJAX... } }, removeUpload() { this.uploadedFile = null; const zone = document.getElementById('pencadangUploadZone'); zone.classList.remove('has-file'); document.getElementById('pencadangFormFile').value = ''; document.getElementById('pencadangUploadStatus').style.display = 'none'; this.updateFlowSteps(); PekeApplication.saveProgress(); }, formatFileSize(bytes) { if (bytes < 1024) return bytes + ' B'; if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB'; return (bytes / (1024 * 1024)).toFixed(1) + ' MB'; }, esc(str) { if (!str) return ''; return String(str).replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); }, restoreSelections() { // Restore from localStorage if available try { const draft = JSON.parse(localStorage.getItem('pekema_application_draft') || '{}'); const data = draft.data || {}; const ps = draft.pencadangState || {}; // Restore pencadang selection from saved member ID if (data.pencadangMemberId) { const pSel = document.getElementById('pencadangSelect'); if (pSel) { pSel.value = data.pencadangMemberId; this.onSelectMember('pencadang'); } } // Restore penyokong selection if (data.penyokongMemberId) { const ySel = document.getElementById('penyokongSelect'); if (ySel) { ySel.value = data.penyokongMemberId; this.onSelectMember('penyokong'); } } // Restore form generated state if (ps._pencadangFormGenerated) { this.formGenerated = true; this.formData = ps._pencadangFormData || null; if (this.formData) { document.getElementById('formPreviewEmpty').style.display = 'none'; document.getElementById('formPreviewReady').style.display = 'block'; document.getElementById('formPreviewWrap').classList.add('has-form'); } } // Restore upload state if (ps._pencadangUploadedFile) { this.uploadedFile = ps._pencadangUploadedFile; const zone = document.getElementById('pencadangUploadZone'); if (zone) { zone.classList.add('has-file'); document.getElementById('uploadedFileName').textContent = this.uploadedFile.name; document.getElementById('uploadedFileInfo').textContent = this.formatFileSize(this.uploadedFile.size); const status = document.getElementById('pencadangUploadStatus'); status.style.display = 'block'; status.style.background = 'rgba(34,197,94,0.12)'; status.style.color = '#22c55e'; status.innerHTML = ' Borang berjaya dimuat naik. Admin akan menyemak dan mengesahkan.'; } } this.updateFlowSteps(); } catch(e) {} }, // Called by PekeApplication.saveProgress to include pencadang data getExtraData() { return { _pencadangFormGenerated: this.formGenerated, _pencadangFormData: this.formData || null, _pencadangUploadedFile: this.uploadedFile || null }; } }; // ── Brand Table Functions (CHANGE 3b) ──────────────────────────────────────── var brandRowCount = 1; function addBrandRow() { brandRowCount++; var tbody = document.getElementById('brand-table-body'); if (!tbody) return; var tr = document.createElement('tr'); tr.className = 'brand-row'; tr.id = 'brand-row-' + brandRowCount; tr.innerHTML = '' + brandRowCount + '' + '' + '-- Pilih --Kereta PenumpangKereta DaganganMotosikal' + '' + ''; tbody.appendChild(tr); updateBrandRowNumbers(); document.querySelectorAll('.remove-brand-btn').forEach(function(b){ b.style.display='block'; }); } function removeBrandRow(btn) { var rows = document.querySelectorAll('.brand-row'); if (rows.length <= 1) return; btn.closest('tr').remove(); updateBrandRowNumbers(); if (document.querySelectorAll('.brand-row').length === 1) { document.querySelectorAll('.remove-brand-btn').forEach(function(b){ b.style.display='none'; }); } } function updateBrandRowNumbers() { var rows = document.querySelectorAll('.brand-row'); rows.forEach(function(row, idx) { var numCell = row.querySelector('.row-num'); if (numCell) numCell.textContent = (idx + 1); }); } // ── Pencadang/Penyokong Dropdown Loader (CHANGE 4) ──────────────────────────── function loadPencadangPenyokong() { var fd = new FormData(); fd.append('action', 'get_eligible_pencadang'); fd.append('nonce', window.pekema_app_config ? (window.pekema_app_config.nonce || '') : ''); fetch((window.pekema_app_config ? window.pekema_app_config.ajax_url : null) || '/wp-admin/admin-ajax.php', { method:'POST', body:fd }) .then(function(r){ return r.json(); }) .then(function(res) { if (res && res.success && Array.isArray(res.data)) { var pencadangSel = document.getElementById('pencadang-select'); var penyokongSel = document.getElementById('penyokong-select'); if (!pencadangSel || !penyokongSel) return; var defaultOpt = '-- Pilih Syarikat --'; var opts = defaultOpt; res.data.forEach(function(m) { opts += '' + (m.nama_syarikat || m.company || '') + ' (' + (m.no_ahli || m.membership_no || '') + ')'; }); pencadangSel.innerHTML = opts; penyokongSel.innerHTML = opts; [pencadangSel, penyokongSel].forEach(function(sel) { sel.addEventListener('change', function() { var p = pencadangSel.value, py = penyokongSel.value; var errEl = document.getElementById('pencadang-penyokong-error'); if (errEl) { if (p && py && p === py) { errEl.style.display = 'block'; errEl.textContent = 'Pencadang dan Penyokong mestilah syarikat yang berbeza.'; } else { errEl.style.display = 'none'; } } }); }); } }) .catch(function() { // Silently fail — existing PekePencadang handles member loading }); } function onPencadangSelectChange() { var sel = document.getElementById('pencadang-select'); if (!sel) return; // Sync to existing pencadangSelect if needed var existingSel = document.getElementById('pencadangSelect'); if (existingSel && sel.value) { existingSel.value = sel.value; if (typeof PekePencadang !== 'undefined') PekePencadang.onSelectMember('pencadang'); } var errEl = document.getElementById('pencadang-penyokong-error'); var penyokongVal = document.getElementById('penyokong-select') ? document.getElementById('penyokong-select').value : ''; if (errEl) { if (sel.value && penyokongVal && sel.value === penyokongVal) { errEl.style.display = 'block'; errEl.textContent = 'Pencadang dan Penyokong mestilah syarikat yang berbeza.'; } else { errEl.style.display = 'none'; } } } function onPenyokongSelectChange() { var sel = document.getElementById('penyokong-select'); if (!sel) return; var existingSel = document.getElementById('penyokongSelect'); if (existingSel && sel.value) { existingSel.value = sel.value; if (typeof PekePencadang !== 'undefined') PekePencadang.onSelectMember('penyokong'); } var errEl = document.getElementById('pencadang-penyokong-error'); var pencadangVal = document.getElementById('pencadang-select') ? document.getElementById('pencadang-select').value : ''; if (errEl) { if (sel.value && pencadangVal && sel.value === pencadangVal) { errEl.style.display = 'block'; errEl.textContent = 'Pencadang dan Penyokong mestilah syarikat yang berbeza.'; } else { errEl.style.display = 'none'; } } }