Refactor photo management and upload functionality to use HTMX for asynchronous requests

- Updated photo upload handling in `photo_manager.html` and `photo_upload.html` to utilize HTMX for file uploads, improving user experience and reducing reliance on Promises.
- Refactored caption update and primary photo toggle methods to leverage HTMX for state updates without full page reloads.
- Enhanced error handling and success notifications using HTMX events.
- Replaced fetch API calls with HTMX forms in various templates, including `homepage.html`, `park_form.html`, and `roadtrip_planner.html`, to streamline AJAX interactions.
- Improved search suggestion functionality in `search_script.html` by implementing HTMX for fetching suggestions, enhancing performance and user experience.
- Updated designer, manufacturer, and ride model forms to handle responses with HTMX, ensuring better integration and user feedback.

templates/maps/nearby_locations.html

@@ -533,12 +533,22 @@ class NearbyMap {
     }
     
     showLocationDetails(type, id) {
-        htmx.ajax('GET', `{% url 'maps:htmx_location_detail' 'type' 0 %}`.replace('type', type).replace('0', id), {
-            target: '#location-modal',
-            swap: 'innerHTML'
-        }).then(() => {
-            document.getElementById('location-modal').classList.remove('hidden');
+        // Create temporary form for HTMX request
+        const tempForm = document.createElement('form');
+        tempForm.setAttribute('hx-get', `{% url 'maps:htmx_location_detail' 'type' 0 %}`.replace('type', type).replace('0', id));
+        tempForm.setAttribute('hx-target', '#location-modal');
+        tempForm.setAttribute('hx-swap', 'innerHTML');
+        tempForm.setAttribute('hx-trigger', 'submit');
+        
+        tempForm.addEventListener('htmx:afterRequest', (event) => {
+            if (event.detail.xhr.status >= 200 && event.detail.xhr.status < 300) {
+                document.getElementById('location-modal').classList.remove('hidden');
+            }
+            document.body.removeChild(tempForm);
         });
+        
+        document.body.appendChild(tempForm);
+        htmx.trigger(tempForm, 'submit');
     }
 }
 
@@ -578,4 +588,4 @@ document.addEventListener('DOMContentLoaded', function() {
     });
 });
 </script>
-{% endblock %}
+{% endblock %}