{% extends "base.html" %}
{% block title %}Register Organisation{% endblock %}
{% block content %}
<div class="card" style="max-width:520px;margin:40px auto">
  <h1>Register your organisation</h1>
  <p class="muted" style="margin-bottom:16px">Creates your organisation and its first admin account. You can add members and set the designated bank account afterwards.</p>
  <form method="post" style="display:flex;flex-direction:column;gap:12px">
    <div class="field"><label>Organisation name</label><input name="org_name" required placeholder="e.g. Unity Co-operative Society"></div>
    <div class="field"><label>Organisation type</label>
      <select name="org_type">
        <option>Co-operative Society</option>
        <option>Social Association</option>
        <option>Community Development Association</option>
        <option>Other Group</option>
      </select>
    </div>
    <div class="field"><label>Admin full name</label><input name="full_name" required></div>
    <div class="field"><label>Admin email</label><input type="email" name="email" required></div>
    <div class="field"><label>Phone</label><input name="phone"></div>
    <div class="field"><label>Password (min 6 characters)</label><input type="password" name="password" required minlength="6"></div>
    <button type="submit">Create Organisation</button>
  </form>
  <p class="muted" style="margin-top:14px">Already registered? <a href="{{ url_for('login') }}">Log in</a></p>
</div>
{% endblock %}