clear search button

frontend/js/ui.js

@@ -489,6 +489,28 @@ App.ui = App.ui || {};
         window.closePlayer = App.player.close;
         window.handleSearch = App.videos.handleSearch;
 
+        const searchInput = document.getElementById('search-input');
+        const clearSearchBtn = document.getElementById('search-clear-btn');
+        if (searchInput && clearSearchBtn) {
+            const updateClearVisibility = () => {
+                const hasValue = searchInput.value.trim().length > 0;
+                clearSearchBtn.classList.toggle('is-visible', hasValue);
+                clearSearchBtn.disabled = !hasValue;
+            };
+
+            clearSearchBtn.addEventListener('click', (event) => {
+                event.preventDefault();
+                if (!searchInput.value) return;
+                searchInput.value = '';
+                updateClearVisibility();
+                App.videos.handleSearch('');
+                searchInput.focus();
+            });
+
+            searchInput.addEventListener('input', updateClearVisibility);
+            updateClearVisibility();
+        }
+
         document.addEventListener('keydown', (event) => {
             if (event.key === 'Escape') {
                 App.ui.closeDrawers();