{% extends "portal_base.html" %}

{% block title %}Create Portal Access - OutsideTheBox{% endblock %}

{% block portal_content %}
<div class="portal-card">
  <h1>Request Portal Access</h1>
  <p>Enter your details and we will email you a one-time access code. After first login, you will set your password.</p>

  {% if error %}
    <div class="portal-alert portal-alert-error">{{ error }}</div>
  {% endif %}

  {% if message %}
    <div class="portal-alert portal-alert-success">{{ message }}</div>
    <p><a href="/portal">Return to portal login</a></p>
  {% else %}
  <form method="post" action="/portal/register">
    <div style="margin-bottom: 14px;">
      <label for="email">Email Address *</label><br>
      <input id="email" type="email" name="email" value="{{ form_email or '' }}" required style="width: 100%; max-width: 640px;">
    </div>

    <div style="margin-bottom: 14px;">
      <label for="company_name">Company / Organization</label><br>
      <input id="company_name" type="text" name="company_name" value="{{ form_company or '' }}" style="width: 100%; max-width: 640px;">
    </div>

    <div style="margin-bottom: 14px;">
      <label for="contact_name">Your Name</label><br>
      <input id="contact_name" type="text" name="contact_name" value="{{ form_contact or '' }}" style="width: 100%; max-width: 640px;">
    </div>

    <div style="margin-bottom: 14px;">
      <label for="note">What are you requesting?</label><br>
      <textarea id="note" name="note" rows="5" style="width: 100%; max-width: 640px;">{{ form_note or '' }}</textarea>
    </div>

    <div class="portal-actions">
      <button type="submit">Email My Access Code</button>
      <a class="portal-button-secondary" href="/portal">Back to Login</a>
    </div>
  </form>
  {% endif %}
</div>
{% endblock %}