{% 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">{% translate "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 }} {% translate "von" %} {{ wizard.steps.count }}</p>
  <p>{% if wizard.steps.step1 == 1 %}
    {% translate "Angaben zur Person" %} {% endif %}
{% if choice == 'IN' %}
  {% if wizard.steps.step1 == 2 %}
    {% translate "Angaben zum neuen Arbeitsverhältnis" %}
  {% elif wizard.steps.step1 == 3 %}
    {% translate "IT-relevante Angaben" %}
  {% elif wizard.steps.step1 == 4 %}
    {% translate "Office-relevante Angaben" %}
  {% endif %}
{% else %}
  {% if wizard.steps.step1 == 2 %}
    Veränderungsrelevante Angaben
  {% endif %}
{% endif %}
{% if datatable == True %}
    {% translate "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> {% translate "Pflichtfeld" %}
    <p>
    {% if wizard.steps.prev %}
    <button formnovalidate="formnovalidate" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">{% translate "Zurück" %}</button>
    {% endif %}
    {% if datatable == True %}
      <button type="submit" value="{% trans "Weiter" %}">{% translate "Abschicken" %}</button>
    {% else %}
      <button type="submit" value="{% trans "Weiter" %}">{% translate "Weiter" %}</button>
    {% endif %}
  </form>
  <p>
  <a href="{% url 'account_logout' %}">{% translate "logout" %}</a>
</center>
{% endblock %}
{% else %}
<a href="{% provider_login_url 'nextcloud' %}">{% translate "Bitte einloggen!" %}</a>
{% endif %}