{% extends 'base.html' %}
{% block title %}New Investigator - DEICMS{% endblock %}
{% block content %}
<div class="topbar">
  <span class="page-title"><i class="bi bi-person-plus"></i>Create Investigator</span>
  <a href="{{ url_for('admin.list_users') }}" class="btn btn-outline-secondary btn-sm">
    Back to Users
  </a>
</div>

<div class="card">
  <div class="card-body p-4" style="max-width:560px;">
    <form method="POST">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
      <div class="mb-3">
        <label class="form-label">Full Name</label>
        <input type="text" name="full_name" class="form-control" required />
      </div>
      <div class="mb-3">
        <label class="form-label">Email Address</label>
        <input type="email" name="email" class="form-control" required />
      </div>
      <div class="row">
        <div class="col-md-6 mb-3">
          <label class="form-label">Password</label>
          <input type="password" name="password" class="form-control"
                 minlength="12" required />
          <small class="text-muted">At least 12 characters, with an uppercase letter, a lowercase letter, a digit, and a special character.</small>
        </div>
        <div class="col-md-6 mb-3">
          <label class="form-label">Confirm Password</label>
          <input type="password" name="confirm_password" class="form-control"
                 minlength="12" required />
        </div>
      </div>
      <div class="mb-4">
        <label class="form-label">Role</label>
        <select name="role" class="form-select">
          <option value="Read-Only">Read-Only</option>
          <option value="Analyst" selected>Analyst</option>
          <option value="Lead Investigator">Lead Investigator</option>
          <option value="Admin">Admin</option>
        </select>
        <small class="text-muted">Determines what actions the account can perform.</small>
      </div>
      <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i>Create Account
      </button>
    </form>
  </div>
</div>
{% endblock %}