From a524d9a7568ef417df78002ad1f59c8676bd9ca7 Mon Sep 17 00:00:00 2001
From: bernardhanna <bernard@matrixinternet.ie>
Date: Tue, 3 Feb 2026 15:21:05 +0000
Subject: [PATCH] upload feature for bulk resoource upload

---
 .../admin/resources-import/index.blade.php    | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/resources/views/admin/resources-import/index.blade.php b/resources/views/admin/resources-import/index.blade.php
index 5e3458e46..17029b49f 100644
--- a/resources/views/admin/resources-import/index.blade.php
+++ b/resources/views/admin/resources-import/index.blade.php
@@ -28,7 +28,7 @@
 
             <div class="mb-8">
                 <h2 class="text-lg font-semibold mb-2">Step 1: Upload &amp; verify</h2>
-                <form method="POST" action="{{ route('admin.resources-import.verify') }}" enctype="multipart/form-data" class="codeweek-form">
+                <form id="resources-import-verify-form" method="POST" action="{{ route('admin.resources-import.verify') }}" enctype="multipart/form-data" class="codeweek-form">
                     @csrf
 
                     <div class="codeweek-form-inner-container">
@@ -45,17 +45,36 @@ class="rounded border-gray-300">
                         <div class="mb-4">
                             <label for="file" class="block font-medium mb-1">Excel / CSV file <span class="text-red-600">*</span></label>
                             <input type="file" name="file" id="file" accept=".csv,.xlsx,.xls" required
-                                   class="block w-full max-w-md">
+                                   class="block w-full max-w-md" aria-required="true">
                             <p class="text-sm text-gray-600 mt-1">Required column: <code>name_of_the_resource</code>. Optional: link, description, image, filters_type, filters_target_audience, filters_level_of_difficulty, filters_programming_language, filters_subjects, filters_topics, filters_language, category, group_name. Max 10 MB.</p>
+                            <p id="file-required-hint" class="text-sm text-amber-600 mt-1 hidden">Please select a file first, then click Verify.</p>
                         </div>
 
                         <div class="codeweek-form-button-container">
                             <div class="codeweek-button">
-                                <input type="submit" value="Verify" class="bg-primary cursor-pointer px-6 py-3 rounded-full font-semibold text-[#20262C] hover:bg-hover-orange duration-300">
+                                <button type="submit" id="resources-import-verify-btn" class="bg-primary cursor-pointer px-6 py-3 rounded-full font-semibold text-[#20262C] hover:bg-hover-orange duration-300">
+                                    Verify
+                                </button>
                             </div>
                         </div>
                     </div>
                 </form>
+                <script>
+                    document.getElementById('resources-import-verify-form').addEventListener('submit', function (e) {
+                        var fileInput = document.getElementById('file');
+                        var hint = document.getElementById('file-required-hint');
+                        var btn = document.getElementById('resources-import-verify-btn');
+                        if (!fileInput.files || fileInput.files.length === 0) {
+                            e.preventDefault();
+                            hint.classList.remove('hidden');
+                            fileInput.focus();
+                            return;
+                        }
+                        hint.classList.add('hidden');
+                        btn.disabled = true;
+                        btn.textContent = 'Verifying…';
+                    });
+                </script>
             </div>
         </section>
     </section>