<div style="display:flex;flex-direction:column;gap:8px">
      <button id="doManualTranslate" class="btn primary">Tarjima qil (UZ)</button>
      <button id="saveManual" class="btn">Saqlash tarjima</button>
    </div>
  </div>
  <div id="manualResult" class="hint" style="margin-top:8px"></div>
`;
document.getElementById('doManualTranslate').onclick = async ()=>{
  const txt = document.getElementById('manualText').value.trim();
  if(!txt) return alert('Matn kiriting.');
  document.getElementById('manualResult').innerText = 'Tarjima qilinmoqda...';
  try{
    const tr = await translateText(txt,'uz');
    document.getElementById('manualResult').innerText = tr;
  }catch(e){ document.getElementById('manualResult').innerText = 'Tarjima xatosi.'; }
};
document.getElementById('saveManual').onclick = async ()=>{
  const tr = document.getElementById('manualResult').innerText.trim();
  if(!tr) return alert('Avval tarjima qiling yoki matn kiriting.');
  // save manual translation in comic metadata under chapters[0].manuals = {pageIndex: tr}
  const comics = loadComics();
  const found = comics.map(x=>{
    if(x.id===c.id){
      x.chapters = x.chapters || [];
      x.chapters[0] = x.chapters[0] || { id: genId(), title: '1-bob', pageIds: pageIds };
      x.chapters[0].manuals = x.chapters[0].manuals || {};
      x.chapters[0].manuals[i] = tr;
    }
    return x;
  });
  saveComics(found);
  alert('Tarjima saqlandi (mahalliy).');
};

}; const prevBtn = document.createElement('button'); prevBtn.className='btn'; prevBtn.textContent='⬅ Oldingi'; const nextBtn = document.createElement('button'); nextBtn.className='btn'; nextBtn.textContent='Keyingi ➡'; prevBtn.onclick = ()=> { if(idx>0){ idx--; show(idx);} }; nextBtn.onclick = ()=> { if(idx < pageIds.length-1){ idx++; show(idx);} }; readerNav.appendChild(prevBtn); readerNav.appendChild(nextBtn); await show(0); readerModal.style.display='flex'; }

/* close reader */ closeReader.addEventListener('click', ()=> { readerModal.style.display='none'; readerContent.innerHTML=''; readerNav.innerHTML=''; translateArea.style.display='none'; manualTranslate.style.display='none'; translateResult.textContent=''; });

/* translate PDF blob using pdf.js to extract text page-by-page, then LibreTranslate */ async function translatePdfBlob(blob, title){ translateArea.style.display='block'; translateResult.textContent = 'PDF sahifalari o‘qilmoqda va tarjima qilinmoqda — biroz vaqt olishi mumkin...'; try{ const arrayBuf = await blob.arrayBuffer(); const pdf = await pdfjsLib.getDocument({data: arrayBuf}).promise; let fullText = ''; for(let p=1;p<=pdf.numPages;p++){ const page = await pdf.getPage(p); const txtContent = await page.getTextContent(); const strs = txtContent.items.map(i=> (i.str || '')).join(' '); fullText += \n\n--- Page ${p} ---\n + strs; } // now translate in chunks (LibreTranslate recommends smaller payloads) const translated = await translateText(fullText, 'uz'); translateResult.textContent = translated; // enable download translated pdf downloadTranslatedPdf.onclick = ()=> createPdfFromText(translated, (title||'translated') + '-uz.pdf'); }catch(e){ console.error(e); translateResult.textContent = 'Tarjima yoki PDF o‘qishda xatolik yuz berdi: ' + (e.message || e); } }

/* translate plain text using LibreTranslate public API */ async function translateText(text, target='uz'){ if(!text || !text.trim()) return ''; // chunking: keep under ~4000 chars per request to be safe const CHUNK = 3000; const chunks = []; for(let i=0;i<text.length;i+=CHUNK) chunks.push(text.slice(i,i+CHUNK)); let out = ''; for(const ch of chunks){ const resp = await fetch(LIBRE_TRANSLATE_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({q: ch, source:'auto', target}) }); if(!resp.ok) throw new Error('Translate API error: ' + resp.status); const j = await resp.json(); out += j.translatedText + (j.translatedText.endsWith('\n') ? '' : '\n'); // small delay to avoid rate limits await new Promise(r=>setTimeout(r,300)); } return out; }

/* create simple PDF from translated text using jsPDF / async function createPdfFromText(text, filename='translated.pdf'){ const { jsPDF } = window.jspdf; const doc = new jsPDF({unit:'pt', format:'a4'}); const lineHeight = 14; const margin = 40; const pageWidth = doc.internal.pageSize.getWidth() - margin2; const words = text.split(/\s+/); let cursorY = margin; let line = ''; const fontSize = 12; doc.setFontSize(fontSize); for(const w of words){ const testLine = line + (line ? ' ' : '') + w; const testWidth = doc.getTextWidth(testLine); if(testWidth > pageWidth){ doc.text(line, margin, cursorY); line = w; cursorY += lineHeight; if(cursorY > doc.internal.pageSize.getHeight() - margin){ doc.addPage(); cursorY = margin; } } else { line = testLine; } } if(line) doc.text(line, margin, cursorY); const out = doc.output('blob'); downloadBlob(out, filename); }

/* admin helpers */ function isAdmin(){ return sessionStorage.getItem('uzb_admin') === '1'; }

/* expose helper to change admin password via console if needed */ window.setAdminPwd = function(p){ if(!p) return alert('empty'); localStorage.setItem(KEY_ADMIN, JSON.stringify({hash:simpleHash(p)})); alert('Done'); };

/* initial call to render grid */ setTimeout(()=>renderGrid(),200); </script>