Update index.html

index.html

@@ -101,197 +101,19 @@
   </div>
 
   <script>
-    const filesInput = document.getElementById("files");
-    const mergeBtn = document.getElementById("mergeBtn");
-    const statusDiv = document.getElementById("status");
-    const fileListDiv = document.getElementById("fileList");
-    const outputNameInput = document.getElementById("outputName");
+.delete-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  transition: 0.2s;
+}
+
+.delete-btn:hover {
+  color: #b91c1c;
+  transform: scale(1.1);
+}
 
-    // نخزن جميع الملفات المختارة من عدة محاولات اختيار
-    let selectedFiles = [];
-
-    function setStatus(msg, type = "") {
-      statusDiv.textContent = msg;
-      statusDiv.className = "status" + (type ? " " + type : "");
-      if (!msg) statusDiv.className = "status";
-    }
-
-    function renderFileList(files) {
-      if (!files.length) {
-        fileListDiv.classList.add("hidden");
-        fileListDiv.innerHTML = "";
-        return;
-      }
-      fileListDiv.classList.remove("hidden");
-      fileListDiv.innerHTML = `
-        <div class="file-list-header">
-          <span>الملفات المختارة: ${files.length}</span>
-          <span class="file-note">سيتم الدمج حسب الترتيب الأبجدي لاسم الملف.</span>
-        </div>
-        <ul class="file-list-ul">
-          ${files
-            .map(
-              (f, i) => `
-              <li>
-                <span class="index">${i + 1}</span>
-                <span class="name">${f.name}</span>
-                <span class="size">${(f.size / 1024).toFixed(1)} كيلوبايت</span>
-              </li>`
-            )
-            .join("")}
-        </ul>
-      `;
-    }
-
-    function detectMode(files) {
-      const allImages = files.every(f => f.type.startsWith("image/"));
-      const allPDFs = files.every(
-        f =>
-          f.type === "application/pdf" ||
-          f.name.toLowerCase().endsWith(".pdf")
-      );
-      if (allImages) return "images";
-      if (allPDFs) return "pdfs";
-      return null;
-    }
-
-    function downloadPdf(bytes, filename) {
-      const blob = new Blob([bytes], { type: "application/pdf" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = filename;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(url);
-    }
-
-    // إضافة ملفات على دفعات (مفيد للجوال)
-    filesInput.addEventListener("change", () => {
-      const newFiles = Array.from(filesInput.files || []);
-      if (!newFiles.length) return;
-
-      // دمج بدون تكرار (اسم + حجم + تاريخ التعديل)
-      const map = new Map();
-      [...selectedFiles, ...newFiles].forEach(f => {
-        const key = `${f.name}|${f.size}|${f.lastModified}`;
-        if (!map.has(key)) map.set(key, f);
-      });
-
-      selectedFiles = Array.from(map.values()).sort((a, b) =>
-        a.name.localeCompare(b.name, undefined, { numeric: true })
-      );
-
-      renderFileList(selectedFiles);
-      setStatus("");
-
-      // إفراغ input حتى نسمح باختيار دفعة جديدة
-      filesInput.value = "";
-    });
-
-    mergeBtn.addEventListener("click", async () => {
-      const files = [...selectedFiles];
-
-      if (!files.length) {
-        setStatus("الرجاء اختيار الملفات أولاً.", "error");
-        return;
-      }
-
-      const mode = detectMode(files);
-      if (!mode) {
-        setStatus(
-          "يجب أن تكون جميع الملفات صورًا فقط أو جميعها PDF فقط في العملية الواحدة.",
-          "error"
-        );
-        return;
-      }
-
-      // ترتيب نهائي حسب الاسم
-      files.sort((a, b) =>
-        a.name.localeCompare(b.name, undefined, { numeric: true })
-      );
-      renderFileList(files);
-
-      try {
-        setStatus("جاري معالجة الملفات...", "loading");
-        mergeBtn.disabled = true;
-        mergeBtn.classList.add("disabled");
-
-        if (mode === "images") {
-          const pdfDoc = await PDFLib.PDFDocument.create();
-
-          for (const file of files) {
-            const bytes = await file.arrayBuffer();
-            const lower = file.name.toLowerCase();
-            let image;
-
-            if (
-              file.type === "image/jpeg" ||
-              file.type === "image/jpg" ||
-              lower.endsWith(".jpg") ||
-              lower.endsWith(".jpeg")
-            ) {
-              image = await pdfDoc.embedJpg(bytes);
-            } else {
-              image = await pdfDoc.embedPng(bytes);
-            }
-
-            const imgWidth = image.width;
-            const imgHeight = image.height;
-            const pageWidth = 595.28;   // A4
-            const pageHeight = 841.89;  // A4
-
-            const page = pdfDoc.addPage([pageWidth, pageHeight]);
-            const scale = Math.min(pageWidth / imgWidth, pageHeight / imgHeight);
-            const drawWidth = imgWidth * scale;
-            const drawHeight = imgHeight * scale;
-            const x = (pageWidth - drawWidth) / 2;
-            const y = (pageHeight - drawHeight) / 2;
-
-            page.drawImage(image, { x, y, width: drawWidth, height: drawHeight });
-          }
-
-          const pdfBytes = await pdfDoc.save();
-          const outName =
-            (outputNameInput.value || "merged-images.pdf").trim() ||
-            "merged-images.pdf";
-          downloadPdf(pdfBytes, outName);
-          setStatus("تم إنشاء ملف PDF من الصور بنجاح.", "ok");
-        }
-
-        if (mode === "pdfs") {
-          const pdfDoc = await PDFLib.PDFDocument.create();
-
-          for (const file of files) {
-            const bytes = await file.arrayBuffer();
-            const donorPdf = await PDFLib.PDFDocument.load(bytes);
-            const pages = await pdfDoc.copyPages(
-              donorPdf,
-              donorPdf.getPageIndices()
-            );
-            pages.forEach(p => pdfDoc.addPage(p));
-          }
-
-          const pdfBytes = await pdfDoc.save();
-          const outName =
-            (outputNameInput.value || "merged-pdfs.pdf").trim() ||
-            "merged-pdfs.pdf";
-          downloadPdf(pdfBytes, outName);
-          setStatus("تم دمج ملفات PDF بنجاح.", "ok");
-        }
-
-        // بعد الانتهاء: تنظيف
-        selectedFiles = [];
-        renderFileList([]);
-      } catch (err) {
-        console.error(err);
-        setStatus("حدث خطأ أثناء المعالجة. تأكد من الملفات وحاول مرة أخرى.", "error");
-      } finally {
-        mergeBtn.disabled = false;
-        mergeBtn.classList.remove("disabled");
-      }
-    });
   </script>
 </body>
 </html>