{% load lyric_extras %}
{# My Buds page row — `@<handle> the <Title>` w. anchor on the handle  #}
{# routing to the bud's landing page + data-tt-* attrs the tooltip     #}
{# portal reads on row-lock click. `item.shoptalk_text` + `.milestone_ #}
{# dt` are attached by the my_buds view from BudshipNote.              #}
<li class="applet-list-entry bud-entry"
    data-bud-id="{{ item.id }}"
    data-tt-title="{{ item|at_handle }}"
    data-tt-description="{{ item.active_title_display }}"
    data-tt-email="{{ item.email }}"
    data-tt-shoptalk="{{ item.shoptalk_text|default:'' }}"
    {% if item.milestone_dt %}data-tt-milestone="edited {{ item.milestone_dt|relative_ts }}"{% endif %}>
    <span class="bud-name"><a href="{% url 'billboard:bud_page' item.id %}">{{ item|at_handle }}</a></span>
    <span class="bud-row-title"> the {{ item.active_title_display }}</span>
</li>