{% load bloomerp %}

{% if list_level_links %}
    {% for item in list_level_links %}
        <c-ui.dropdown.title>{{ item.model_name|title }}</c-ui.dropdown.title>
        {% for link in item.links %}
            <c-ui.dropdown.item
                text="{{ link }}"
                hx_get="{% url link.url %}"
                hx_push_url="true"
                hx_target="#main-content"
                hx_swap="innerHTML"
            />
        {% endfor %}
        <c-ui.dropdown.divider/>
    {% endfor %}
{% elif app_level_links %}
    {% for link in app_level_links %}
        <c-ui.dropdown.item
            text="{{ link }}"
            hx_get="{% url link.url %}"
            hx_push_url="true"
            hx_target="#main-content"
            hx_swap="innerHTML"
        />
        <c-ui.dropdown.divider/>
    {% endfor %}
{% else %}
    {% for result in results %}
        <c-ui.dropdown.title>{{ result|get_dict_value:'model_name'|title }}</c-ui.dropdown.title>
        {% for object in result|get_dict_value:'objects' %}
            <c-ui.dropdown.item
                text="{{ object }}"
                hx_get="{{ object|detail_view_url }}"
                hx_push_url="true"
                hx_target="#main-content"
                hx_swap="innerHTML"
            />
        {% endfor %}
        <c-ui.dropdown.divider/>
    {% endfor %}
    
{% endif %}

<script>
    document.addEventListener('htmx:afterSwap', function(event) {
        if (event.detail.target.id != 'searchResult') {
            // Empty the search input
            document.getElementById('searchInput').value = '';
        }
    });
</script>