{% url 'streams-sync:streams' as streams_url %}
{% include 'phoxtail_core/forms/fields/single_select_search/input.html' %}
{# A remote picked or cleared: the mode and notice follow it, and the list loads again for it. #}
<div hx-swap-oob="innerHTML:#streams-mode-control">{% include "phoxtail_streams/admin/sync/partials/mode_control.html" %}</div>
<div hx-swap-oob="innerHTML:#streams-notice">{% include "phoxtail_streams/admin/sync/partials/notice.html" %}</div>
<div hx-swap-oob="innerHTML:#streams-results">
    <div hx-get="{{ streams_url }}"
         hx-trigger="load"
         hx-swap="none"
         hx-include="#remote-selected-value, #streams-mode-control, #sync-search-form [name=filter-search]">
        {% include "phoxtail_streams/admin/sync/partials/skeleton_grid.html" %}
    </div>
</div>