update

resources/views/auth/login.blade.php

@@ -251,10 +251,17 @@
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
     <script>
         // Venue selection
-        document.querySelectorAll('.venue-card').forEach(card => {
-            card.addEventListener('click', function() {
-                document.querySelectorAll('.venue-card').forEach(c => c.classList.remove('selected'));
+        document.querySelectorAll('.venue-option').forEach(option => {
+            option.addEventListener('click', function(e) {
+                e.preventDefault();
+                document.querySelectorAll('.venue-option').forEach(opt => opt.classList.remove('selected'));
                 this.classList.add('selected');
+
+                // Update dropdown button text and icon
+                const venueName = this.textContent.trim();
+                const venueIcon = this.querySelector('i').className;
+                document.getElementById('selectedVenueText').textContent = venueName;
+                document.querySelector('#venueDropdown i').className = venueIcon;
             });
         });
 
@@ -264,7 +271,7 @@
 
             const username = document.getElementById('username').value;
             const password = document.getElementById('password').value;
-            const selectedVenue = document.querySelector('.venue-card.selected').dataset.venue;
+            const selectedVenue = document.querySelector('.venue-option.selected').dataset.venue;
 
             // Show loading state
             const loginBtn = document.getElementById('loginBtn');