From eb65050c8a0c1be17cbbb28afbf3dd3aaab8ed77 Mon Sep 17 00:00:00 2001
From: Anas Khalid <anaskhalid95@gmail.com>
Date: Wed, 28 Jan 2026 02:01:09 +0100
Subject: [PATCH] Add goto hadith number

---
 application/modules/front/views/collection/index.php |  7 +++++++
 public/css/all.css                                   | 12 ++++++++++++
 public/js/sunnah.js                                  |  9 +++++++++
 3 files changed, 28 insertions(+)

diff --git a/application/modules/front/views/collection/index.php b/application/modules/front/views/collection/index.php
index a8dc9409..bbdbb4d5 100644
--- a/application/modules/front/views/collection/index.php
+++ b/application/modules/front/views/collection/index.php
@@ -39,6 +39,13 @@
 	<div class=clear></div>
 	</div>
 
+	<div class="indexsearchcontainer">
+		<div id="indexsearch">
+			<!-- Go to hadith number: -->
+			<input type="number" id="hadithNumberInput" class="indexsearchquery" placeholder="Go to Hadith number &#8230;"/>
+			<button id="hadithNumberButton" style="height: 38px;" class="searchsubmit search-btn" onclick="goToHadithNumber('<?php echo $collection->name; ?>')">></button>
+		</div>
+	</div>
 
 		<div class="book_titles titles">
 				<?php
diff --git a/public/css/all.css b/public/css/all.css
index a57940b2..7cda762f 100644
--- a/public/css/all.css
+++ b/public/css/all.css
@@ -2164,3 +2164,15 @@ only screen and (                min-resolution: 2dppx)  and (min-width: 700px)
 			  background-size: auto 70%;
   	}
 }
+
+/* Hide number input arrows */
+input[type=number]::-webkit-outer-spin-button,
+input[type=number]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+input[type=number] {
+    -moz-appearance: textfield; /* Firefox */
+	appearance: textfield;
+}
diff --git a/public/js/sunnah.js b/public/js/sunnah.js
index 5dd305d2..b8c6eba9 100644
--- a/public/js/sunnah.js
+++ b/public/js/sunnah.js
@@ -632,3 +632,12 @@
 	if ($.cookie('recvis') == null) {
 		$.cookie('recvis', new Date().toString(), { expires: 30, path: '/' } )
 	}
+
+	function goToHadithNumber(collectionName) {
+		var hadithNumber = parseInt($("#hadithNumberInput").val(), 10);
+		
+		if (!isNaN(hadithNumber) && hadithNumber > 0) {
+			var url = "/" + collectionName + ":" + hadithNumber;
+			window.location.href = url;
+		}
+	}
\ No newline at end of file