{% extends "base.html" %}
{% block title %}{{ t('operator_logins') }} · {{ company.name }}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <p class="eyebrow">{{ t('viewing_profile') }} · {{ company.name }}</p>
    <h1>{{ t('operator_logins') }}</h1>
  </div>
  <a class="btn" href="{{ url_for('dashboard') }}">{{ t('open_profile') }}</a>
</div>

<p class="hint">{{ t('operator_help') }}</p>

{% if operators %}
<div class="table-scroll">
<table class="sheet">
  <thead>
    <tr>
      <th>{{ t('full_name') }}</th>
      <th>{{ t('username') }}</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for row in operators %}
      <tr>
        <td>{{ row.full_name or '—' }}</td>
        <td class="mono">{{ row.username }}</td>
        <td class="row-actions">
          <form method="post" action="{{ url_for('delete_operator', operator_id=row.id) }}" onsubmit="return confirm('{{ t('confirm_delete') }}')">
            <button class="btn tiny danger" type="submit">{{ t('delete') }}</button>
          </form>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
  <p class="empty">{{ t('no_operators') }}</p>
{% endif %}

<section class="chart-block">
  <h3>{{ t('add_operator') }}</h3>
  <form method="post" class="prod-entry">
    <label>{{ t('full_name') }}
      <input name="full_name" placeholder="Operator name">
    </label>
    <label>{{ t('username') }}
      <input name="username" required autocomplete="off">
    </label>
    <label>{{ t('password') }}
      <input name="password" type="password" required autocomplete="new-password">
    </label>
    <div class="plant-prod-save">
      <button class="btn solid" type="submit">{{ t('save') }}</button>
    </div>
  </form>
</section>
{% endblock %}