{% extends "base.html" %}
{% block title %}Manage Users{% endblock %}
{% block content %}
<h2>Manage Users</h2>
{% if not google_ready %}
<div class="flash error">Google sign-in is not configured yet, so Leads and Users cannot log in until it is (see README).</div>
{% endif %}
{% if mail_on and not mail_ready %}
<div class="flash error">Email sending is not set up yet, so welcome emails will not be sent (see README). Users can still be added.</div>
{% endif %}
<div class="card">
  <h3 style="margin-top:0">Sign-in address</h3>
  <p style="margin:0 0 8px;color:#555">Leads and Users all sign in here. Their role decides what they can do after signing in.</p>
  <p style="margin:0"><a href="{{ signin_url }}">{{ signin_url }}</a></p>
</div>
<div class="card">
  <h3 style="margin-top:0">Add Lead / User</h3>
  <p style="margin-top:0;color:#555">They sign in with Google using this email. No password is needed.{% if mail_on %} A welcome email is sent to them using the template in Settings.{% endif %} Allowed domains: <strong>{{ domains|join(', ') }}</strong>.</p>
  <form method="post">
    <input type="hidden" name="csrf" value="{{ csrf_token }}">
    <input name="name" placeholder="Full name" maxlength="100" required style="min-width:200px">
    <input name="email" type="email" placeholder="name@domain.com" title="Allowed domains: {{ domains|join(', ') }}" required style="min-width:240px">
    <select name="role">{% for r in roles %}<option>{{ r }}</option>{% endfor %}</select>
    <button class="btn">Add</button>
  </form>
</div>
<div class="card">
  <div class="college-head"><h3>Users</h3><span>{{ rows|length }} total</span></div>
  <table class="grid">
    <thead>
      <tr><th class="num">S.No</th><th>Name</th><th>Email</th><th>Role</th><th class="act">Action</th></tr>
    </thead>
    <tbody>
      {% for u in rows %}
      <tr>
        <td class="num">{{ loop.index }}</td>
        {% if u.role == 'admin' %}
        <td><input name="name" form="uf{{ u.id }}" value="{{ u.name or '' }}" placeholder="Name" maxlength="100" style="width:100%"></td>
        <td>{{ u.username }} <small>(password login)</small></td>
        <td><strong>admin</strong></td>
        <td class="act">
          <input name="password" form="uf{{ u.id }}" type="password" placeholder="New password (optional)">
          <button class="btn small" form="uf{{ u.id }}">Update</button>
          <form id="uf{{ u.id }}" class="inline" method="post" action="{{ url_for('user_update', uid=u.id) }}"><input type="hidden" name="csrf" value="{{ csrf_token }}"></form>
        </td>
        {% else %}
        <td><input name="name" form="uf{{ u.id }}" value="{{ u.name or '' }}" placeholder="Full name" maxlength="100" required style="width:100%"></td>
        <td>
          <input name="email" form="uf{{ u.id }}" type="email" value="{{ u.email or '' }}" placeholder="name@domain.com" required style="width:100%">
          {% if not u.email %}<small style="color:#b3261e">No email set: this login cannot sign in yet.</small>{% endif %}
        </td>
        <td><select name="role" form="uf{{ u.id }}">{% for r in roles %}<option {{ 'selected' if r == u.role }}>{{ r }}</option>{% endfor %}</select></td>
        <td class="act">
          <button class="btn small" form="uf{{ u.id }}">Update</button>
          <form id="uf{{ u.id }}" class="inline" method="post" action="{{ url_for('user_update', uid=u.id) }}"><input type="hidden" name="csrf" value="{{ csrf_token }}"></form>
          {% if u.email %}<form class="inline" method="post" action="{{ url_for('user_welcome', uid=u.id) }}"><input type="hidden" name="csrf" value="{{ csrf_token }}"><button class="btn small ghost" title="Send the welcome email again">Welcome email</button></form>{% endif %}
          <form class="inline" method="post" action="{{ url_for('user_delete', uid=u.id) }}" onsubmit="return confirm('Delete this user?')">
            <input type="hidden" name="csrf" value="{{ csrf_token }}">
            <button class="btn small danger">Delete</button>
          </form>
        </td>
        {% endif %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}