{% load i18n %}
{% load static  %}

<script type="text/javascript" src="{% static 'admin/js/core.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/jquery.init.js' %}"></script>

{{ form.media }}

<link rel="stylesheet" type="text/css" href="{% static 'admin/css/base.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}" />

{% load socialaccount %}
{% if user.is_authenticated %}
{% block content %}

{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->
<center>
  <style>
    ul > li {
      list-style-type: none;
    }
    ul {
      padding-left: 10;
    }
    label.required::after {
      content: ' *';
      color: red;
    }
  </style>

  <img src="{% static 'evapp/logo.png' %}" />
  {% if TESTMODE %}
  <h1 style="background-color:red;color:white">WARNUNG! Test-MODUS aktiviert. Es werden keine Mails verschickt!</h1>
  {% endif %}
  <h1>
    E (V A) - Eintritt, (Veränderung, Austritt)<p>
  </h1>{% translate "Du bist eingeloggt als" %} {{ user.email }}
  <h2>
  <p>Schritt {{ wizard.steps.step1 }} von {{ wizard.steps.count }}</p>
  <p>{% if wizard.steps.step1 == 1 %}
    Angaben zur Person {% endif %}
{% if choice == 'IN' %}
  {% if wizard.steps.step1 == 2 %}
    Angaben zum neuen Arbeitsverhältnis
  {% elif wizard.steps.step1 == 3 %}
    IT-relevante Angaben
  {% elif wizard.steps.step1 == 4 %}
    Office-relevante Angaben
  {% endif %}
{% else %}
  {% if wizard.steps.step1 == 2 %}
    Veränderungsrelevante Angaben
  {% endif %}
{% endif %}
{% if datatable == True %}
    Bestätigungsschritt
{% endif %}
  </p>
  </h2>
  {% if  datatable == True %}
    <table>
    {% for key, value in data.items %}
      <tr><th>{{ key }}</th><th>{{ value }}</th></tr>
    {% endfor %}
    </table>
  {% endif %}
  <form action="" method="post">
    {% csrf_token %}
    <table>
    {% comment %}
        comment this back in if you want to use CHANGE and EXIT process
        {% if wizard.steps.step1 > 1 %}
          Du hast den Prozess "{{choice_string}}" ausgewählt.
        {% endif %}
    {% endcomment %}
    {{ wizard.management_form }}
    {% if wizard.form.forms %}
      {{ wizard.form.management_form }}
      {% for form in wizard.form.forms %}
        {{ form }}
      {% endfor %}
    {% else %}
      {{ wizard.form }}
    {% endif %}
    </table>
    <p>
      <span style="color: red">*</span> Pflichtfeld
    <p>
    {% if wizard.steps.prev %}
    <button formnovalidate="formnovalidate" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">Zurück</button>
    {% endif %}
    {% if datatable == True %}
      <button type="submit" value="{% trans "Weiter" %}">Abschicken</button>
    {% else %}
      <button type="submit" value="{% trans "Weiter" %}">Weiter</button>
    {% endif %}
  </form>
  <p>
  <a href="{% url 'account_logout' %}">logout</a>
</center>
{% endblock %}
{% else %}
<a href="{% provider_login_url 'nextcloud' %}">Bitte einloggen!</a>
{% endif %}