<div class="search-results-container">
    {% if results %}
        {% for result in results %}
            <div class="p-2 cursor-pointer hover:bg-gray-100"
                 data-action="click->location-map#selectLocation"
                 data-result="{{ result|json }}">
                <div class="font-medium">{{ result.name }}</div>
                <div class="text-sm text-gray-500">
                    {% if result.address.city %}{{ result.address.city }}, {% endif %}
                    {{ result.address.country }}
                </div>
            </div>
        {% endfor %}
    {% else %}
        <div class="p-2 text-gray-500">No results found</div>
    {% endif %}
</div>
