{% extends "onboarding/base.html" %}
{% block title %}TAMIS portal{% endblock %}

{% block header %}
<header class="tam-header tam-header--landing">
  <div class="tam-header__brand"><a href="{% url 'onboarding-landing' %}" style="color:inherit;text-decoration:none;">{% include "onboarding/_logo.html" with logo_size='26px' %}</a></div>
  <nav class="tam-header__nav tam-header__nav--meta">
    <a href="#">Federated catalogue</a>
    <span class="tam-header__nav-sep">·</span>
    <a href="#">onboarding</a>
    <span class="tam-header__nav-sep">·</span>
    <a href="#">connect</a>
  </nav>
</header>
{% endblock %}

{% block main %}
<section class="tam-welcome">
  <h1 class="tam-welcome__title">Welcome to the TAMIS portal</h1>
  <p class="tam-welcome__lede">Join the trusted space for audiovisual metadata, or sign in to pick up where you left off.</p>

  <div class="tam-choice">
    <article class="tam-choice__card tam-choice__card--dark">
      <span class="tam-choice__kicker">New here</span>
      <h2 class="tam-choice__title">Register your organisation</h2>
      <p class="tam-choice__body">Administrative details only. Submitting creates your account and emails your credentials.</p>
      <a class="tam-btn tam-btn--primary tam-choice__cta" href="{% url 'onboarding-wizard-overview' %}">Register &rarr;</a>
    </article>
    <article class="tam-choice__card tam-choice__card--light">
      <span class="tam-choice__kicker">Returning</span>
      <h2 class="tam-choice__title">I already have an account</h2>
      <p class="tam-choice__body">Sign in with the credentials we emailed you. The portal remembers exactly where you are.</p>
      <a class="tam-btn tam-btn--secondary tam-choice__cta" href="{% url 'onboarding-login' %}">Log in &rarr;</a>
    </article>
  </div>

  <p class="tam-explore">Just exploring? <a class="tam-explore__link" href="#">Browse public offers in the federated catalogue - no account needed.</a> Full offers unlock once you are onboarded.</p>
</section>
{% endblock %}