{% load lyric_extras %}

<div id="id_dash_applet_menu" style="display:none;">
        <form
            hx-post="{% url "toggle_applets" %}"
            hx-target="#id_applets_container"
            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" id="id_applet_menu_cancel" class="btn btn-cancel applet-menu-cancel">NVM</button>
            </div>
        </form>
</div>
<div id="id_applets_container">
    {% include "apps/applets/_partials/_applets.html" %}
</div>