<div id="id_billboard_applets_wrapper">
    <div id="id_billboard_applet_menu" style="display:none;">
        <form
            hx-post="{% url "billboard:toggle_applets" %}"
            hx-target="#id_billboard_applets_wrapper"
            hx-swap="outerHTML"
        >
            {% csrf_token %}
            {% for entry in applets %}
                <label>
                    <input
                        type="checkbox"
                        name="applets"
                        value="{{ entry.applet.slug }}"
                        {% if entry.visible %}checked{% endif %}
                    >
                    {{ entry.applet.name }}
                </label>
            {% endfor %}
            <div class="menu-btns">
                <button type="submit" class="btn btn-confirm">OK</button>
                <button type="button" class="btn btn-cancel applet-menu-cancel">NVM</button>
            </div>
        </form>
    </div>
    <div id="id_billboard_applets_container">
        {% include "apps/applets/_partials/_applets.html" %}
    </div>
</div>
