{# @description The link a mounted app's sidebar opens with, back to the host project's home page. #}
{# @prop url:text | default:"/" | description:"The URL the back link points to." #}
{% load i18n %}
{# Drawn as a menu row so it lines up with the entries beneath it, but in a #}
{# plain list rather than c-menu, which would add a second navigation landmark #}
{# beside the app's own menu. #}
<c-vars url="/" />
{% firstof mvp_config.site_name request.site.name as site_name %}
{% if site_name %}
  {% blocktranslate asvar label %}Back to {{ site_name }}{% endblocktranslate %}
{% else %}
  {% translate "Back" as label %}
{% endif %}
<ul class="menu w-full pb-0">
  <c-menu.item :href="url"
               icon="arrow-left"
               label="{{ label }}"
               tip="{{ label }}"
               aria-label="{{ label }}"
               data-back-link />
</ul>