{% extends "base.html" %}
{% block content %}
<h2>Import data</h2>
<div class="row">
  <div class="col-md-6">
    <h4>Mentors</h4>
    {% if mentor_error %}<div class="alert alert-danger">{{ mentor_error }}</div>{% endif %}
    {% if mentor_success %}<div class="alert alert-success">{{ mentor_success }}</div>{% endif %}
    <form method="post" enctype="multipart/form-data">
      <input type="hidden" name="action" value="import_mentors">
      <div class="mb-3">
        <label class="form-label">Mentors CSV/Excel</label>
        <input type="file" class="form-control" name="mentor_file" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Set status for imported mentors (optional)</label>
        <select class="form-select" name="mentor_import_status">
          <option value="">-- do not override status --</option>
          <option value="Hired">Hired</option>
          <option value="Applicant">Applicant</option>
          <option value="On hold">On hold</option>
          <option value="Inactive">Inactive</option>
        </select>
      </div>
      <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="mentor_import_active" id="mentor_import_active" checked>
        <label class="form-check-label" for="mentor_import_active">
          Mark imported mentors as active
        </label>
      </div>
      <button class="btn btn-primary">Import mentors</button>
    </form>
  </div>
  <div class="col-md-6">
    <h4>Mentees</h4>
    {% if mentee_error %}<div class="alert alert-danger">{{ mentee_error }}</div>{% endif %}
    {% if mentee_success %}<div class="alert alert-success">{{ mentee_success }}</div>{% endif %}
    <form method="post" enctype="multipart/form-data">
      <input type="hidden" name="action" value="import_mentees">
      <div class="mb-3">
        <label class="form-label">Mentees CSV/Excel</label>
        <input type="file" class="form-control" name="mentee_file" required>
      </div>
      <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="mentee_import_active" id="mentee_import_active" checked>
        <label class="form-check-label" for="mentee_import_active">
          Mark imported mentees as active
        </label>
      </div>
      <button class="btn btn-primary">Import mentees</button>
    </form>
  </div>
</div>

<hr class="mt-5">
<h4>Qualtrics Web Service integration</h4>
<p class="text-muted">Automated Qualtrics submissions use a <strong>Get Survey Response</strong> workflow task followed by an authenticated Web Service POST. Qualtrics sends the complete survey response as one JSON value, so no question-by-question Web Service mapping and no Qualtrics API license are required. EORO keeps the full response, maps known fields, and uses the same CUNY ID first / Email fallback identity rules as manual imports. New mentors enter as <strong>Applicant + Inactive</strong>; new mentees enter as <strong>Active</strong>. Existing records keep their current operational status.</p>
<div class="alert {{ 'alert-success' if qualtrics_key_configured else 'alert-warning' }}">
  {% if qualtrics_key_configured %}
    EORO Qualtrics Web Service authentication key is configured on this server.
  {% else %}
    Qualtrics integration is not active yet. Set the <code>EORO_QUALTRICS_API_KEY</code> environment variable before testing a Web Service workflow.
  {% endif %}
</div>
<div class="row g-3">
  <div class="col-md-6">
    <div class="card h-100"><div class="card-body">
      <h5 class="card-title">Mentor endpoint</h5>
      <code>{{ qualtrics_mentor_endpoint }}</code>
      <p class="small text-muted mt-2 mb-0">POST JSON; body key: <code>survey_response</code>; authenticated with the EORO Web Service key</p>
    </div></div>
  </div>
  <div class="col-md-6">
    <div class="card h-100"><div class="card-body">
      <h5 class="card-title">Mentee endpoint</h5>
      <code>{{ qualtrics_mentee_endpoint }}</code>
      <p class="small text-muted mt-2 mb-0">POST JSON; body key: <code>survey_response</code>; authenticated with the EORO Web Service key</p>
    </div></div>
  </div>
</div>

{% endblock %}