{% extends "admin_base.html" %}

{% block title %}Admin Provision  New Instance {% endblock %}

{% block content %}
  <div class="prcontainer">
    <h1>Provision New Instance</h1>

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


    <form onsubmit="return validateEmail();" method="post">

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

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

  <label for="email">Business Email:</label>
  <input type="email" id="email" name="email" required value="{{ form_data.email or '' }}">

  <label for="company">Company Name:</label>
  <input type="text" id="company" name="company" required value="{{ form_data.company or '' }}">

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

  <label for="crm">CRM You Use (if any):</label>
  <select id="crm" name="crm" required>
      <option value="">-- Please 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/Not Using One" {% if form_data.crm == 'None/Not Using One' %}selected{% endif %}>None/Not Using One</option>
      <option value="Other (please specify in comments)" {% if form_data.crm == 'Other (please specify in comments)' %}selected{% endif %}>Other (please specify in comments)</option>
  </select>

  <div class="checkbox-group">
    <span>Provision for:</span>
    <label>
        <input type="checkbox" name="features" value="copilot" {% if 'copilot' in form_data.features %}checked{% endif %}>
        Copilot
    </label>
    <label>
        <input type="checkbox" name="features" value="attribution" {% if 'attribution' in form_data.features %}checked{% endif %}>
        Attribution
    </label>
  </div>



  <label>Provisioned Date:</label>
  <input type="date" name="provisioned_date" value="{{ form_data.provisioned_date or current_date }}">

  <label>Copilot Term:</label>
  <input type="number" name="copilot_term" min="1" value="{{ form_data.copilot_term or 30 }}">

  <select name="copilot_term_type">
      <option value="days" {% if form_data.copilot_term_type == 'days' %}selected{% endif %}>Days</option>
      <option value="months" {% if form_data.copilot_term_type == 'months' %}selected{% endif %}>Months</option>
      <option value="years" {% if form_data.copilot_term_type == 'years' %}selected{% endif %}>Years</option>
  </select>

  <label>Attribution Term:</label>
  <input type="number" name="attribution_term" min="1" value="{{ form_data.attribution_term or 1 }}">

  <select name="attribution_term_type">
      <option value="days" {% if form_data.attribution_term_type == 'days' %}selected{% endif %}>Days</option>
      <option value="months" {% if form_data.attribution_term_type == 'months' %}selected{% endif %}>Months</option>
      <option value="years" {% if form_data.attribution_term_type == 'years' or not form_data.attribution_term_type %}selected{% endif %}>Years</option>
  </select>

  <hr>

  <label for="comments">Anything else you'd like us to know? (optional)</label>
  <textarea id="comments" name="comments" rows="3">{{ form_data.comments or '' }}</textarea>

  <button class="btn-submit" type="submit">Submit</button>
</form>

  </div>

  <script>
    function validateEmail() {
    /*  const email = document.getElementById('email').value;
      const personalDomains = ['gmail.com', 'yahoo.com', 'hotmail.com', 'outlook.com'];
      const domain = email.split('@')[1];
      if (personalDomains.includes(domain)) {
        alert('Please enter a business email address.');
        return false;
      }*/
      return true;
    }
  </script>
{% endblock %}