{% extends "onboarding/base.html" %}
{% block body_class %}is-dashboard{% endblock %}
{% block header %}{% endblock %}
{% block footer %}{% endblock %}
{% block main %}
<div class="tam-app-shell">
  <aside class="tam-app-shell__aside">
    <div class="tam-app-shell__brand">
      {% include "onboarding/_logo.html" with logo_size='24px' %}
    </div>
    <nav class="tam-app-nav" aria-label="Applicant navigation">
      {# TODO: wire Catalogue to the federated-catalogue URL once the frontend exposes one #}
      <a class="tam-app-nav__item" href="#" data-nav="catalogue">Catalogue</a>
      <a class="tam-app-nav__item is-active" href="{% url 'onboarding-dashboard' %}" data-nav="registration">My registration</a>
      {# TODO: notifications page not yet built #}
      <a class="tam-app-nav__item" href="#" data-nav="notifications">Notifications</a>
      {# TODO: account/connectors page not yet built #}
      <a class="tam-app-nav__item" href="#" data-nav="account">Account</a>
    </nav>
    <div class="tam-app-user-card">
      <div class="tam-app-user-card__name">{{ request.user.get_full_name|default:request.user.email }}</div>
      <div class="tam-app-user-card__org">{{ application.legal_name|default:"" }}</div>
      <form method="post" action="{% url 'onboarding-logout' %}">
        {% csrf_token %}
        <button class="tam-app-user-card__logout" type="submit">Log out</button>
      </form>
    </div>
  </aside>
  <main class="tam-app-shell__main">
    {% block dashboard_main %}{% endblock %}
  </main>
</div>
{% endblock %}