let CACHED_REPORTS = null;

export default {
  async fetch(request, env) {
    const url = new URL(request.url);

    if (url.pathname === "/wq-admin") {
      return new Response(getAdminLoginPage(), { headers: { "Content-Type": "text/html; charset=utf-8" } });
    }

    if (url.pathname === "/api/upload" && request.method === "POST") {
        const res = await handleUpload(request, env);
        if (res.ok) CACHED_REPORTS = null; 
        return res;
    }

    if (url.pathname === "/api/delete" && request.method === "POST") {
        const res = await handleDelete(request, env);
        if (res.ok) CACHED_REPORTS = null;
        return res;
    }

    if (!CACHED_REPORTS) {
        CACHED_REPORTS = await fetchAllReportsFromGithub(env);
    }

    const isAdmin = url.searchParams.has('admin');
    return new Response(getMainSiteHTML(isAdmin, CACHED_REPORTS), { 
        headers: { "Content-Type": "text/html; charset=utf-8" } 
    });
  }
};

// دالة جلب البيانات
async function fetchAllReportsFromGithub(env) {
    const SECTIONS = ['أخبار الرياضيات', 'قسم الذكاء الاصطناعي', 'قسم نشر ابحاث الاعضاء', 'قسم الفيزياء', 'قسم الحوسبة'];
    let allData = [];
    const baseUrl = `https://raw.githubusercontent.com/${env.REPO_OWNER}/${env.REPO_NAME}/main`;

    for(let sec of SECTIONS) {
        for(let i=1; i<=30; i++) {
            try {
                const r = await fetch(`${baseUrl}/${encodeURI(sec)}/write/index${i}.html`);
                if(r.ok) {
                    const text = await r.text();
                    const lines = text.split('\n').map(l=>l.trim()).filter(Boolean);
                    allData.push({ 
                        id: i, section: sec, title: lines[0], 
                        description: lines[1] || '', 
                        content: lines.slice(2).join('\n'), 
                        image: `${baseUrl}/${encodeURI(sec)}/pic/pic${i}.jpg` 
                    });
                } else break;
            } catch(e) { break; }
        }
    }
    return JSON.stringify(allData);
}

// دالة الرفع
async function handleUpload(request, env) {
  const data = await request.json();
  if (data.password !== env.ADMIN_PASSWORD) return new Response("Unauthorized", { status: 401 });
  const githubApi = `https://api.github.com/repos/${env.REPO_OWNER}/${env.REPO_NAME}/contents`;
  const headers = { "Authorization": `token ${env.GITHUB_TOKEN}`, "User-Agent": "MathHub-Worker" };
  try {
    const sectionPath = encodeURI(data.section);
    const res = await fetch(`${githubApi}/${sectionPath}/write`, { headers });
    let nextId = 1; if (res.ok) { const files = await res.json(); nextId = files.length + 1; }
    // هنا ندمج اسم المؤلف المكتوب يدوياً
    const reportBody = `${data.title}\n${data.description}\nالمؤلف: ${data.author}\n${data.content}`;
    await fetch(`${githubApi}/${sectionPath}/write/index${nextId}.html`, { method: "PUT", headers, body: JSON.stringify({ message: "Add Report", content: btoa(unescape(encodeURIComponent(reportBody))) }) });
    const imgData = data.imageBase64.split(',')[1];
    await fetch(`${githubApi}/${sectionPath}/pic/pic${nextId}.jpg`, { method: "PUT", headers, body: JSON.stringify({ message: "Add Pic", content: imgData }) });
    return new Response(JSON.stringify({ success: true }));
  } catch (e) { return new Response(e.message, { status: 500 }); }
}

// دالة الحذف
async function handleDelete(request, env) {
  const data = await request.json();
  if (data.password !== env.ADMIN_PASSWORD) return new Response("Unauthorized", { status: 401 });
  const githubApi = `https://api.github.com/repos/${env.REPO_OWNER}/${env.REPO_NAME}/contents`;
  const headers = { "Authorization": `token ${env.GITHUB_TOKEN}`, "User-Agent": "MathHub-Worker" };
  try {
    const getSha = async (p) => { const r = await fetch(`${githubApi}/${encodeURI(p)}`, { headers }); return r.ok ? (await r.json()).sha : null; };
    const tSha = await getSha(`${data.section}/write/index${data.id}.html`);
    const pSha = await getSha(`${data.section}/pic/pic${data.id}.jpg`);
    if (tSha) await fetch(`${githubApi}/${encodeURI(data.section)}/write/index${data.id}.html`, { method: "DELETE", headers, body: JSON.stringify({ message: "Delete", sha: tSha })});
    if (pSha) await fetch(`${githubApi}/${encodeURI(data.section)}/pic/pic${data.id}.jpg`, { method: "DELETE", headers, body: JSON.stringify({ message: "Delete", sha: pSha })});
    return new Response(JSON.stringify({ success: true }));
  } catch (e) { return new Response(e.message, { status: 500 }); }
}

function getMainSiteHTML(isAdmin, preloadedData) {
  return `<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  <title>MathHub</title>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;800&family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet">
  <style>
    :root { --bg-color: #ffffff; --text-color: #1a1a1a; --card-bg: #ffffff; --card-border: #f0f0f0; --header-bg: #ffffff; --secondary-text: #666666; --divider-color: #eeeeee; --btn-bg: #1a1a1a; --btn-text: #ffffff; }
    [data-theme="dark"] { --bg-color: #0a0a0a; --text-color: #f3f4f6; --card-bg: #141414; --card-border: #262626; --header-bg: #0a0a0a; --secondary-text: #a1a1aa; --divider-color: #262626; --btn-bg: #ffffff; --btn-text: #0a0a0a; }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'Tajawal','Cairo',sans-serif;background:var(--bg-color);color:var(--text-color);transition: 0.3s; overflow-x: hidden;}
    #loadingScreen { position:fixed; top:0; left:0; width:100%; height:100%; background:var(--bg-color); z-index:9999; display:flex; flex-direction:column; align-items:center; justify-content:center; }
    .loader-container { width: 200px; height: 3px; background: var(--card-border); border-radius: 10px; margin-top: 20px; overflow: hidden; }
    #loaderBar { width: 0%; height: 100%; background: #22c55e; transition: width 0.1s linear; }
    header { background: var(--header-bg); border-bottom: 1px solid var(--divider-color); padding: 0.6rem 0; position: sticky; top: 0; z-index: 1000; }
    header.hidden { display: none; }
    .header-content { display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; max-width: 1200px; margin: 0 auto; }
    .logo-area { display: flex; align-items: center; gap: 12px; margin-right: 2cm; }
    .logo { font-size: 1.4rem; font-weight: 800; color: var(--text-color); text-decoration: none; cursor: pointer; }
    .theme-toggle-square { width: 35px; height: 35px; border: 1px solid var(--divider-color); background: var(--card-bg); color: var(--text-color); border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
    .btn-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
    .section-button { background: var(--btn-bg); border: none; color: var(--btn-text); padding: 5px 12px; border-radius: 4px; cursor: pointer; font-family: inherit; font-size: 0.75rem; text-align: center; font-weight: 500; }
    main.container { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; }
    .page-title { font-size: 1.7rem; font-weight: 800; border-right: 5px solid #22c55e; padding-right: 15px; margin-bottom: 2.5rem; }
    .reports-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
    .report-card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 12px; overflow: hidden; cursor: pointer; transition: 0.3s; position: relative; }
    .img-box { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #000; }
    .img-box img { width: 100%; height: 100%; object-fit: cover; }
    .card-txt { padding: 1.2rem; }
    .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 2000; }
    .modal.active { display: flex; }
    .modal-content { background: var(--card-bg); padding: 2.5rem; border-radius: 15px; max-width: 700px; width: 90%; max-height: 90vh; overflow-y: auto; color: var(--text-color); position: relative; }
    .modal-close { position: absolute; top: 1rem; left: 1rem; cursor: pointer; font-size: 1.5rem; border: none; background: none; color: var(--text-color); }
    .upload-input { width: 100%; padding: 12px; margin-top: 10px; border-radius: 8px; border: 1px solid var(--card-border); background: transparent; color: inherit; font-family: inherit; font-size: 1rem; }
    @media(max-width:768px){ .header-content { flex-direction: column; gap: 1rem; } .logo-area { margin-right: 0; } .btn-group { width: 100%; } }
  </style>
</head>
<body data-theme="light">
  <div id="loadingScreen"><h1>MathHub</h1><div class="loader-container"><div id="loaderBar"></div></div></div>
  <header id="mainHeader">
    <div class="header-content">
      <div class="logo-area">
        <button class="theme-toggle-square" onclick="toggleTheme()">🌙</button>
        <a class="logo" onclick="showHome()">MathHub</a>
      </div>
      <div id="topButtons" class="btn-group"></div>
    </div>
  </header>
  <main class="container">
    <div id="homePage">
      <h2 id="pageTitle" class="page-title">التقارير العلمية</h2>
      <div id="reportsGrid" class="reports-grid"></div>
    </div>
    <div id="detailPage" style="display:none;">
      <button onclick="showHome()" style="background:none; border:none; color:var(--text-color); cursor:pointer; font-weight:700; margin-bottom:1.5rem;">← العودة</button>
      <div id="detailContainer" class="detail-container"></div>
    </div>
  </main>

  <div id="uploadModal" class="modal">
    <div class="modal-content">
      <button class="modal-close" onclick="closeUpload()">×</button>
      <h2 style="margin-bottom:1rem;">رفع تقرير جديد</h2>
      <div style="border:2px dashed #666; height:120px; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:8px;" onclick="document.getElementById('fInp').click()">
          <input type="file" id="fInp" hidden accept="image/*" onchange="previewImg(this)">
          <img id="pImg" style="display:none; width:100%; height:100%; object-fit:cover;">
          <span id="pTxt">اضغط لإرفاق صورة</span>
      </div>
      <input id="nT" class="upload-input" placeholder="عنوان التقرير">
      <input id="nA" class="upload-input" placeholder="اسم المؤلف (مثال: إدارة MathHub)">
      <textarea id="nD" class="upload-input" placeholder="وصف التقرير (يظهر في البطاقة)" style="height:60px"></textarea>
      <textarea id="nC" class="upload-input" placeholder="تفاصيل التقرير الكاملة..." style="height:150px"></textarea>
      <button id="pubBtn" onclick="publishNow()" style="width:100%; padding:15px; background:#22c55e; color:white; border:none; border-radius:8px; margin-top:15px; font-weight:bold; font-size:1.1rem; cursor:pointer;">نشر التقرير</button>
    </div>
  </div>

  <div id="infoModal" class="modal"><div class="modal-content"><button class="modal-close" onclick="closeInfo()">×</button><div id="infoBody"></div></div></div>

  <script>
    const SECTIONS = ['أخبار الرياضيات', 'قسم الذكاء الاصطناعي', 'قسم نشر ابحاث الاعضاء', 'قسم الفيزياء', 'قسم الحوسبة'];
    let allReports = ${preloadedData};
    const isAdmin = ${isAdmin};
    let currentFilter = null;

    function initUI() {
      const group = document.getElementById('topButtons');
      SECTIONS.forEach(s => {
        const btn = document.createElement('button'); btn.className = 'section-button'; btn.textContent = s;
        btn.onclick = () => filterBy(s); group.appendChild(btn);
      });
      // أزرار إضافية
      const b2 = (t,f) => { const b=document.createElement('button'); b.className='section-button'; b.textContent=t; b.onclick=f; group.appendChild(b); }
      b2('تقديم بحث', () => window.open('https://t.me/math_hub1_bot'));
      b2('معلومات إضافية', openInfo);
      b2('القناة الأصلية', () => window.open('https://t.me/matrixusa1'));
      document.getElementById('loadingScreen').style.display = 'none';
      render();
    }

    window.toggleTheme = () => {
      document.body.setAttribute('data-theme', document.body.getAttribute('data-theme') === 'light' ? 'dark' : 'light');
    };

    function render() {
      const grid = document.getElementById('reportsGrid');
      let html = '';
      if(isAdmin && currentFilter) {
          html += \`<div class="report-card" style="border:2px dashed #22c55e; display:flex; align-items:center; justify-content:center; min-height:200px;" onclick="document.getElementById('uploadModal').classList.add('active')"><h1 style="color:#22c55e; font-size:4rem;">+</h1></div>\`;
      }
      const data = currentFilter ? allReports.filter(r => r.section === currentFilter) : allReports;
      html += data.map(r => \`
        <div class="report-card" onclick="openFullReport('\${r.section}', \${r.id})">
          \${isAdmin ? \`<button style="position:absolute; top:5px; left:5px; background:red; color:white; border:none; padding:4px 8px; border-radius:4px; z-index:10;" onclick="deleteReport(event,'\${r.section}',\${r.id})">حذف</button>\` : ''}
          <div class="img-box"><img src="\${r.image}"></div>
          <div class="card-txt"><h3>\${r.title}</h3><p>\${r.description}</p></div>
        </div>
      \`).join('');
      grid.innerHTML = html;
    }

    window.filterBy = (s) => { currentFilter = (currentFilter===s)?null:s; document.getElementById('pageTitle').textContent=currentFilter||'التقارير العلمية'; render(); };
    window.showHome = () => { document.getElementById('mainHeader').style.display='block'; document.getElementById('homePage').style.display='block'; document.getElementById('detailPage').style.display='none'; };
    
    window.openFullReport = (sec, id) => {
      const r = allReports.find(x => x.section === sec && x.id === id);
      document.getElementById('mainHeader').style.display='none';
      document.getElementById('homePage').style.display='none';
      document.getElementById('detailPage').style.display='block';
      document.getElementById('detailContainer').innerHTML = \`
        <img src="\${r.image}" style="width:100%; border-radius:12px;">
        <h1 style="margin:1rem 0;">\${r.title}</h1>
        <p style="white-space:pre-wrap; line-height:1.8;">\${r.content}</p>
      \`;
    };

    window.previewImg = (i) => { const f = new FileReader(); f.onload = e => { document.getElementById('pImg').src=e.target.result; document.getElementById('pImg').style.display='block'; document.getElementById('pTxt').style.display='none'; }; f.readAsDataURL(i.files[0]); };
    window.closeUpload = () => document.getElementById('uploadModal').classList.remove('active');
    
    window.publishNow = async () => {
      const btn = document.getElementById('pubBtn'); btn.disabled=true; btn.textContent='جاري الرفع...';
      const payload = {
        password: localStorage.getItem('math_pass'), section: currentFilter,
        title: document.getElementById('nT').value, author: document.getElementById('nA').value,
        description: document.getElementById('nD').value, content: document.getElementById('nC').value,
        imageBase64: document.getElementById('pImg').src
      };
      const res = await fetch('/api/upload', { method:'POST', body:JSON.stringify(payload) });
      if(res.ok) location.reload(); else alert('خطأ في الرفع');
    };

    window.deleteReport = async (e, sec, id) => { e.stopPropagation(); if(confirm('حذف؟')) await fetch('/api/delete',{method:'POST', body:JSON.stringify({password:localStorage.getItem('math_pass'), section:sec, id})}); location.reload(); };
    
    function openInfo() { document.getElementById('infoBody').innerHTML = "<h3>MathHub</h3><p>منصة لنشر العلوم والرياضيات.</p>"; document.getElementById('infoModal').classList.add('active'); }
    function closeInfo() { document.getElementById('infoModal').classList.remove('active'); }

    initUI();
  </script>
</body></html>\`;
}

// واجهة كلمة السر المحسنة (كبيرة ومتناسقة)
function getAdminLoginPage() {
  return `<!DOCTYPE html><html lang="ar" dir="rtl"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
    body { background: #0a0a0a; color: white; display: flex; align-items: center; justify-content: center; height: 100vh; font-family: 'Tajawal', sans-serif; margin:0; }
    .login-box { text-align: center; width: 90%; max-width: 500px; padding: 40px; background: #141414; border-radius: 20px; border: 1px solid #262626; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
    h1 { font-size: 2.5rem; margin-bottom: 20px; color: #22c55e; }
    input { width: 100%; padding: 18px; font-size: 1.2rem; border-radius: 12px; border: 1px solid #333; background: #1a1a1a; color: white; text-align: center; margin-bottom: 20px; outline: none; transition: 0.3s; }
    input:focus { border-color: #22c55e; box-shadow: 0 0 10px rgba(34, 197, 94, 0.2); }
    button { width: 100%; padding: 18px; font-size: 1.2rem; font-weight: bold; background: #22c55e; color: white; border: none; border-radius: 12px; cursor: pointer; transition: 0.3s; }
    button:hover { background: #16a34a; transform: translateY(-2px); }
  </style></head><body>
  <div class="login-box">
    <h1>MathHub Admin</h1>
    <p style="margin-bottom: 20px; color: #aaa;">يرجى إدخال رمز التحقق للوصول للوحة الإدارة</p>
    <input type="password" id="pw" placeholder="••••••••">
    <button onclick="login()">دخول إلى اللوحة</button>
  </div>
  <script>
    function login(){ 
      const pass = document.getElementById('pw').value;
      if(!pass) return alert('أدخل كلمة المرور');
      localStorage.setItem('math_pass', pass); 
      window.location.href='/?admin=true'; 
    }
    document.getElementById('pw').addEventListener('keypress', (e) => { if(e.key === 'Enter') login(); });
  </script></body></html>`;
}