thrillwiki_django_no_react/rides/templates/rides/partials/search_suggestions.html

{% if suggestions %}
  <div id="search-suggestions" class="search-suggestions">
    {% for suggestion in suggestions %}
      <div class="suggestion" 
           data-type="{{ suggestion.type }}"
           data-suggestion="{{ suggestion.text|escape }}"
           role="option">
        {% if suggestion.type == 'ride' %}
          <span class="icon">🎢</span>
          <span class="text">{{ suggestion.text }}</span>
          <span class="count">({{ suggestion.count }} rides)</span>
        {% elif suggestion.type == 'park' %}
          <span class="icon">🎪</span>
          <span class="text">{{ suggestion.text }}</span>
          {% if suggestion.location %}
            <span class="location">{{ suggestion.location }}</span>
          {% endif %}
        {% elif suggestion.type == 'category' %}
          <span class="icon">📂</span>
          <span class="text">{{ suggestion.text }}</span>
          <span class="count">({{ suggestion.count }} rides)</span>
        {% endif %}
      </div>
    {% endfor %}
  </div>
{% endif %}