{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <div style="width:100%">
    <h1 class="ct-docs-page-h1-title" id="content">
      {{ _('System Configuration') }}
    </h1>
  </div>

  {% if message %}
  <p style="color:red;">{{ message }}</p>
  {% endif %}

  <div class="card" style="margin-top:20px; padding:20px;">
    <h2 class="text-lg">{{ _('Token Login') }}</h2>
    <p class="text-sm text-secondary">
      {{ _('Enables direct dashboard access via a token link. The default token is {token} and can be changed here.', token=default_token_value) }}
    </p>
    <form method="post" action="{{ url_for('system_config') }}" class="row g-3">
      <input type="hidden" name="action" value="token_login">
      <div class="col-12">
        <label>
          <input type="checkbox" name="token_login_enabled" {% if token_login_enabled %}checked{% endif %}>
          {{ _('Enable token login') }}
        </label>
      </div>
      <div class="col-12">
        <label class="form-label" for="token_login_value">{{ _('Token') }}</label>
        <input id="token_login_value" type="text" name="token_login_value" value="{{ token_login_value }}" style="width:100%; max-width:500px;">
      </div>
      <div class="col-12">
        <p class="text-sm text-secondary">{{ _('Current direct link:') }} <a href="{{ token_login_link }}">{{ token_login_link }}</a></p>
      </div>
      <div class="col-12">
        <button class="btn btn-primary btn-sm pipelet-btn" type="submit">{{ _('Save') }}</button>
      </div>
    </form>
  </div>

  <p class="text-sm text-secondary" style="margin-top:20px;">
    {{ _('Hinweis: Fehlende SMTP-Angaben in der Systemkonfiguration werden aus config.json (mail.*) ergänzt.') }}
  </p>

  <div class="table-responsive">
    <table style="margin-top:20px" class="table align-items-center mb-0" style="width:100%">
      <thead>
        <tr>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">{{ _('Key') }}</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">{{ _('Value') }}</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">{{ _('Hint') }}</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">{{ _('Actions') }}</th>
        </tr>
      </thead>
      <tbody>
        {% for row in entries %}
        <tr>
          <form method="post" action="{{ url_for('system_config') }}">
            <td>
              <input type="hidden" name="orig_key" value="{{ row.config_key }}">
              <input type="text" name="config_key" value="{{ row.config_key }}" style="width:200px;">
            </td>
            <td>
              <input type="text" name="config_value" value="{{ row.config_value }}" style="width:400px;">
            </td>
            <td>
              <input type="text" name="config_hint" value="{{ row.config_hint }}" style="width:400px;">
            </td>
            <td>
              <button class="btn btn-default btn-sm pipelet-btn" name="action" value="update" type="submit">{{ _('Save') }}</button>
              <button class="btn btn-default btn-sm pipelet-btn" name="action" value="delete" type="submit">{{ _('Delete') }}</button>
            </td>
          </form>
        </tr>
        {% endfor %}
        <tr>
          <form method="post" action="{{ url_for('system_config') }}">
            <td><input type="text" name="config_key" style="width:200px;"></td>
            <td><input type="text" name="config_value" style="width:400px;"></td>
            <td><input type="text" name="config_hint" style="width:400px;"></td>
            <td>
              <button class="btn btn-primary btn-sm pipelet-btn" name="action" value="add" type="submit">{{ _('Add') }}</button>
            </td>
          </form>
        </tr>
      </tbody>
    </table>
  </div>
</main>

{% endblock %}