{% for park in parks %}
<div class="park-search-item p-2 border-b border-gray-100 flex items-center justify-between" data-park-id="{{ park.id }}">
    <div class="flex-1">
        <div class="font-medium text-sm">{{ park.name }}</div>
        {% if park.location %}
            <div class="text-xs text-gray-500">{{ park.location.city }}</div>
        {% endif %}
    </div>
    <div class="ml-4">
        <button class="px-2 py-1 text-sm bg-blue-600 text-white rounded" 
                hx-post="{% url 'parks:htmx_add_park_to_trip' %}" 
                hx-vals='{"park_id": "{{ park.id }}"}' 
                hx-target="#trip-parks" 
                hx-swap="afterbegin">
            Add
        </button>
    </div>
</div>
{% endfor %}
