enhanced and fixed reader

public/book.js

@@ -149,12 +149,12 @@ function populateProviderFilter() {
 function renderTable() {
     const tbody = document.getElementById('chapters-body');
     if (!tbody) return;
-    
+
     tbody.innerHTML = '';
 
     if (filteredChapters.length === 0) {
         tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">No chapters match this filter.</td></tr>';
-        updatePagination(); // Update to hide buttons
+        updatePagination();
         return;
     }
 
@@ -162,19 +162,21 @@ function renderTable() {
     const end = start + itemsPerPage;
     const pageItems = filteredChapters.slice(start, end);
 
-    pageItems.forEach(ch => {
+    pageItems.forEach((ch, idx) => {
+        const realIndex = start + idx;
+
         const row = document.createElement('tr');
 
         row.innerHTML = `
-        <td>${ch.number}</td>
-        <td>${ch.title || 'Chapter ' + ch.number}</td>
-        <td><span class="pill" style="font-size:0.75rem;">${ch.provider}</span></td>
-        <td>
-            <button class="read-btn-small" onclick="openReader('${bookId}', '${ch.number - 1}', '${ch.provider}')">
-                Read
-            </button>
-        </td>
-    `;
+            <td>${ch.number}</td>
+            <td>${ch.title || 'Chapter ' + ch.number}</td>
+            <td><span class="pill" style="font-size:0.75rem;">${ch.provider}</span></td>
+            <td>
+                <button class="read-btn-small" onclick="openReader('${bookId}', '${realIndex}', '${ch.provider}')">
+                    Read
+                </button>
+            </td>
+        `;
         tbody.appendChild(row);
     });
 
@@ -206,6 +208,7 @@ function updatePagination() {
 }
 
 function openReader(bookId, chapterId, provider) {
+    localStorage.setItem('reader_prev_url', window.location.href);
     const c = encodeURIComponent(chapterId);
     const p = encodeURIComponent(provider);
     window.location.href = `/read/${bookId}/${c}/${p}`;