{% extends "base.html" %}
{% block title %}Organization settings · NEXXVU{% endblock %}
{% block content %}
<div class="page-heading"><div><p class="eyebrow">Settings</p><h1>Organization</h1><p class="muted">Identify the organization that operates this Portal.</p></div><a class="button button-secondary button-compact" href="/settings">All settings</a></div>
<div class="settings-workspace">
  {% include "_settings_navigation.html" %}
  <section class="settings-main" aria-labelledby="organization-settings-title">
    <h2 id="organization-settings-title">Organization profile</h2>
    <p class="field-help">These details apply to the whole Portal, not only your account. All fields are optional.</p>
    {% if saved %}<div class="alert alert-success" role="status">Organization details saved.</div>{% endif %}
    {% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
    <form class="panel settings-form form-stack" method="post" action="/settings/organization">
      <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
      <label class="field"><span>Company name</span><input name="company_name" value="{{ organization.company_name }}" maxlength="120" autocomplete="organization"></label>
      <label class="field"><span>Contact name</span><input name="contact_name" value="{{ organization.contact_name }}" maxlength="120" autocomplete="name"></label>
      <label class="field"><span>Contact email</span><input type="email" name="contact_email" value="{{ organization.contact_email }}" maxlength="254" autocomplete="email"></label>
      <label class="field"><span>Contact phone</span><input type="tel" name="contact_phone" value="{{ organization.contact_phone }}" maxlength="40" autocomplete="tel"></label>
      <label class="field"><span>Address</span><textarea name="address" maxlength="500" rows="3" autocomplete="street-address">{{ organization.address }}</textarea></label>
      <div class="form-actions"><button class="button button-primary" type="submit">Save organization</button><a class="button button-secondary" href="/settings">Cancel</a></div>
    </form>
  </section>
</div>
{% endblock %}