{% extends "core/base.html" %}
{% load static %}
{% load lyric_extras %}

{% block title_text %}Billbuds{% endblock title_text %}
{% block header_text %}<span>Bill</span><span>buds</span>{% endblock header_text %}


{% block content %}
<div class="applet-list-page applet-list-page--single">
    {% include "apps/applets/_partials/_applet-list-shell.html" with shell_title="My Buds" shell_list_id="id_buds_list" shell_items=buds shell_item_template="apps/billboard/_partials/_my_buds_item.html" shell_empty="No buds yet." %}
</div>

{# Tooltip portal — populated from .bud-entry data-tt-* attrs on row #}
{# click. See my-buds-tooltip.js for the bind logic.                #}
{% include "apps/billboard/_partials/_bud_tooltip.html" %}

{# Bud btn (bottom-left) + slide-out add-bud panel — async POST to add_bud. #}
{% include "apps/billboard/_partials/_bud_add_panel.html" %}
{% endblock content %}

{% block scripts %}
    {# Brief module — needed by _bud_add_panel's OK handler so the         #}
    {# duplicate-add error banner can render via Brief.showDuplicateBanner.#}
    <script src="{% static 'apps/dashboard/note.js' %}"></script>
    <script src="{% static 'apps/billboard/my-buds-tooltip.js' %}"></script>
{% endblock scripts %}