{% extends "base.html" %}

{% block title %}Signup to AllocAI{% endblock %}

{% block content %}
<div class="prcontainer">
  <br/>
    <h1>Signup to AllocAI</h1>

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

    {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
        {% for category, message in messages %}
          <div class="alert alert-{{ category }}">{{ message }}</div>
        {% endfor %}
      {% endif %}
    {% endwith %}

    <form method="post">

      <label>First Name:</label>
      <input type="text" name="firstName" required value="{{ form_data.firstName }}">

      <label>Last Name:</label>
      <input type="text" name="lastName" required value="{{ form_data.lastName }}">

      <label>Email:</label>
      <input type="email" name="email" required value="{{ form_data.email }}">

      <label>Company:</label>
      <input type="text" name="company" required value="{{ form_data.company }}">

      <label>Job Title:</label>
      <input type="text" name="jobTitle" required value="{{ form_data.jobTitle }}">

      <label>CRM:</label>
      <select name="crm" required>
        <option value="">-- Select --</option>
        <option value="Salesforce" {% if form_data.crm == 'Salesforce' %}selected{% endif %}>Salesforce</option>
        <option value="HubSpot" {% if form_data.crm == 'HubSpot' %}selected{% endif %}>HubSpot</option>
        <option value="None" {% if form_data.crm == 'None' %}selected{% endif %}>None</option>
      </select>

      <label>Provisioned For:</label>
      <p>✔ AI Strategist Pro<br>✔ Attribution Tool</p>
      <br/>
      <label>Offer Terms</label>
      {{ form_data.offer_terms }}
      <br/>
      <br/>
      <label>Comments (Optional):</label>
      <textarea name="comments">{{ form_data.comments }}</textarea>

      <button type="submit" class="btn-submit">Submit</button>
    </form>
</div>
{% endblock %}