{% extends "onboarding/wizard/_shell.html" %}
{% block title %}Legal identity - TAMIS{% endblock %}
{% block sidebar_footer %}No technical identifiers required at this stage.{% endblock %}
{% block section_main %}
<div class="tam-section-pane__header">
  <span class="tam-section-pane__chip">1</span>
  <h2 class="tam-h2">Legal identity</h2>
</div>
<p class="tam-section-pane__subtitle">Who your organisation is, as it appears on official records.</p>
<form class="tam-form" method="post" action="{% url 'onboarding-wizard-section-submit' section_key=section_key %}"
      data-save-url="{% url 'onboarding-wizard-section-save' section_key=section_key %}"
      enctype="multipart/form-data">
  {% csrf_token %}
  <div class="tam-field">
    <label>Legal name <span class="tam-required">*</span></label>
    {{ form.legal_name }}
    {{ form.legal_name.errors }}
  </div>
  <div class="tam-field-grid tam-field-grid--2col">
    <div class="tam-field">
      <label>Legal form <span class="tam-required">*</span></label>
      {{ form.legal_form }}
      {{ form.legal_form.errors }}
    </div>
    <div class="tam-field">
      <label>Enterprise code <span class="tam-required">*</span></label>
      {{ form.enterprise_code }}
      {{ form.enterprise_code.errors }}
    </div>
  </div>
  <div class="tam-field">
    <label>Website <span class="tam-required">*</span></label>
    {{ form.website }}
    {{ form.website.errors }}
  </div>
  <div class="tam-field tam-field--file">
    <label>Logo</label>
    <div class="tam-file-picker">
      {{ form.logo }}
      <span class="tam-file-picker__hint">PNG or SVG · transparent background preferred</span>
    </div>
    {{ form.logo.errors }}
  </div>
  <h3 class="tam-section-subhead">Legal address</h3>
  <div class="tam-field">
    <label>Street address <span class="tam-required">*</span></label>
    {{ form.address_street }}
    {{ form.address_street.errors }}
  </div>
  <div class="tam-field-grid tam-field-grid--3col">
    <div class="tam-field">
      <label>Postal code <span class="tam-required">*</span></label>
      {{ form.address_postal_code }}
      {{ form.address_postal_code.errors }}
    </div>
    <div class="tam-field">
      <label>City <span class="tam-required">*</span></label>
      {{ form.address_city }}
      {{ form.address_city.errors }}
    </div>
    <div class="tam-field">
      <label>Country <span class="tam-required">*</span></label>
      {{ form.address_country_code }}
      {{ form.address_country_code.errors }}
    </div>
  </div>
  {% include "onboarding/wizard/_actions.html" %}
</form>
{% endblock %}