{% extends "wagtailadmin/base.html" %}
{% load i18n phoxtail_core_tags %}
{% block titletag %}{% translate "Remotes" %}{% endblock %}
{% block bodyclass %}phx-ground{% endblock %}
{% block extra_css %}
    <!-- Phoxtail core styles -->
    {% include "phoxtail_core/stylesheets.html" %}
{% endblock %}
{% block extra_js %}
    <!-- Phoxtail core scripts -->
    {% include "phoxtail_core/scripts.html" %}
{% endblock %}
{% block content %}
    {% include "account/messages_static.html" %}
    <div id="messages-container-wrapper">{% include "account/messages.html" %}</div>
    <!-- Modal Placeholders -->
    <div id="core-modal-placeholder-wrapper"></div>
    <div id="core-modal-level-1-placeholder-wrapper"></div>
    <!-- Remotes Container: redraws itself when a remote changes, keeping the page and search -->
    <div id="remotes-container"
         class="phx-list"
         hx-get="{% url 'remotes:index' %}"
         hx-trigger="{% changed_event 'phoxtail_remotes.Remote' %} from:body"
         hx-include="#remotes-search-form"
         hx-disinherit="*">
        {% include 'phoxtail_remotes/admin/remotes/partials/remotes.html' %}
    </div>
{% endblock %}