Update index.html

index.html

@@ -40,15 +40,15 @@
       <section class="steps">
         <div class="step">
           <span class="step-number">1</span>
-          <span class="step-text">اضغط لاختيار الملفات (يمكن الإضافة على دفعات).</span>
+          <span class="step-text">اضغط لاختيار الملفات، ويمكن الإضافة على دفعات.</span>
         </div>
         <div class="step">
           <span class="step-number">2</span>
-          <span class="step-text">اختر صورًا فقط أو ملفات PDF فقط في العملية نفسها.</span>
+          <span class="step-text">استخدم إما صورًا فقط أو ملفات PDF فقط في كل عملية.</span>
         </div>
         <div class="step">
           <span class="step-number">3</span>
-          <span class="step-text">احصل على ملف PDF واحد جاهز للتحميل والمشاركة.</span>
+          <span class="step-text">احصل على ملف PDF واحد جاهز للتحميل.</span>
         </div>
       </section>
 
@@ -63,7 +63,7 @@
             <strong>دمج عدة ملفات PDF</strong> في ملف واحد،
             أو
             <strong>تحويل عدة صور (JPG / PNG)</strong> إلى ملف PDF واحد.
-            يُمنع خلط الصور وملفات PDF في نفس العملية.
+            لا تخلط بين الصور وملفات PDF في نفس العملية.
           </p>
 
           <label class="file-picker">
@@ -107,7 +107,7 @@
     const fileListDiv = document.getElementById("fileList");
     const outputNameInput = document.getElementById("outputName");
 
-    // نخزن جميع الملفات المختارة من عدة مرات اختيار
+    // نخزن جميع الملفات المختارة من عدة محاولات اختيار
     let selectedFiles = [];
 
     function setStatus(msg, type = "") {
@@ -167,12 +167,12 @@
       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}`;
@@ -185,22 +185,19 @@
 
       renderFileList(selectedFiles);
       setStatus("");
-      filesInput.value = ""; // للسماح بالاختيار مرة أخرى
+
+      // إفراغ input حتى نسمح باختيار دفعة جديدة
+      filesInput.value = "";
     });
 
     mergeBtn.addEventListener("click", async () => {
-      let files = [...selectedFiles];
+      const files = [...selectedFiles];
 
       if (!files.length) {
         setStatus("الرجاء اختيار الملفات أولاً.", "error");
         return;
       }
 
-      files.sort((a, b) =>
-        a.name.localeCompare(b.name, undefined, { numeric: true })
-      );
-      renderFileList(files);
-
       const mode = detectMode(files);
       if (!mode) {
         setStatus(
@@ -210,6 +207,12 @@
         return;
       }
 
+      // ترتيب نهائي حسب الاسم
+      files.sort((a, b) =>
+        a.name.localeCompare(b.name, undefined, { numeric: true })
+      );
+      renderFileList(files);
+
       try {
         setStatus("جاري معالجة الملفات...", "loading");
         mergeBtn.disabled = true;
@@ -278,7 +281,7 @@
           setStatus("تم دمج ملفات PDF بنجاح.", "ok");
         }
 
-        // إعادة التهيئة بعد الانتهاء
+        // بعد الانتهاء: تنظيف
         selectedFiles = [];
         renderFileList([]);
       } catch (err) {