{% 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' %}" />

{% block content %}
<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' %}" />
  <h1>
    E V A - Eintritt, Veränderung, Austritt
  </h1>
  <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
  {% elif wizards.steps.step1 == 5 %}
      Bestätigungsschritt
  {% else %}
    Achtung! Unerkannter Schritt
  {% endif %}
{% else %}
  {% if wizard.steps.step1 == 2 %}
    Veränderungsrelevante Angaben
  {% elif wizards.steps.step1 == 3 %}
      Bestätigungsschritt
  {% else %}
    Achtung! Unerkannter Schritt
  {% endif %}
  
{% endif %}
  </p>
  </h2>
  {% if wizard.steps.step1 == 3 and choice == 'CHANGE' or wizards.steps.step1 == 6 %}
    {% for key, value in data.items %}
      {{ key }}: {{ value }}<p>
    {% endfor %}
  {% endif %}
  <form action="" method="post">
    {% csrf_token %}
    <table>
    {% if choice %}
      Du hast {{choice}} ausgewählt.
    {% endif %}
    {{ 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 %}
    <button type="submit" value="{% trans "Weiter" %}">Weiter</button>
  </form>
  <p>
</center>
{% endblock %}