{%- extends 'base.html' %}
{%- from '_macros.html' import render_field, render_submit %}
{%- set title = 'Einstellungen' %}
{%- block content %}
<form action="{{ url_for('.index') }}" method="post" class="form-horizontal">
  <h2>Globale Einstellungen ändern</h2>
  {{ render_field(form.mail) }}
  <p></p>
  {{ render_field(form.old_password) }}
  {{ render_field(form.password) }}
  {{ render_field(form.password_confirm) }}
  {{ render_field(form.csrf_token) }}
  {{ render_submit(value='Speichern',name='submit_main') }}

  <h2>Dienste verwalten</h2>
  <p>
    Standardmäßig kannst du dich auf allen teilnehmenden Diensten mit dem
    oben konfigurierten allgemeinen Passwort einloggen.
  </p>
  <p>
    Du kannst für jeden Dienst ein eigenes Passwort setzen. Das empfiehlt
    sich zum Beispiel, wenn du einen der Dienste oft unterwegs an fremden
    Rechnern nutzt.
  </p>

  {%- for service in services %}
  <div class="service">
    <h3>
      {% if service.changed %}
        {{ form.get_servicedelete(service.id)(class_="form-check-input") }}
      {% else %}
        {{ form.get_servicedelete(service.id)(disabled=True, class_="form-check-input") }}
      {% endif %}
      {{ service.name }}
    </h3>

    <ul>
      {%- if service.changed %}
      <li class="active">eigenes Passwort</li>
      </li>
      {%- else %}
      <li class="inactive">allgemeines Passwort</li>
      {%- endif %}
    </ul>

    <div class="form-service">
      <p>Neues Passwort setzen:</p>
      {{ render_field(form.get_servicepassword(service.id)) }}
      {{ render_field(form.get_servicepasswordconfirm(service.id)) }}
      {{ render_submit(value='Speichern',name='submit_main') }}
    </div>
  </div>
  {%- endfor %}
  <div class="form-submit-services">
    <input class="btn btn-outline-secondary mt-4" type="submit" value="selektierte Passwörter zurücksetzen" name="submit_services" />
  </div>
</form>
{%- endblock %}

{% block javascript %}
  $(document).ready(settings_service_toggle);
{% endblock %}