81 lines
3.9 KiB
HTML
81 lines
3.9 KiB
HTML
|
{% if session_id and current_page and current_page >= 2 %}
|
||
|
|
<nav class="progress-navigation" aria-label="Bewerbungsfortschritt">
|
||
|
|
<ol class="progress-steps">
|
||
|
|
<!-- Step 1: Email -->
|
||
|
|
<li class="progress-step {% if current_page == 1 %}active{% elif current_page > 1 %}completed{% else %}disabled{% endif %}">
|
||
|
|
{% if current_page >= 1 %}
|
||
|
|
<a href="{{ url_for('page1_email') }}" class="progress-link">
|
||
|
|
<span class="progress-icon">{% if current_page > 1 %}✓{% else %}1{% endif %}</span>
|
||
|
|
<span class="progress-label">E-Mail</span>
|
||
|
|
</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="progress-link">
|
||
|
|
<span class="progress-icon">1</span>
|
||
|
|
<span class="progress-label">E-Mail</span>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<!-- Step 2: Personal Info -->
|
||
|
|
<li class="progress-step {% if current_page == 2 %}active{% elif current_page > 2 %}completed{% else %}disabled{% endif %}">
|
||
|
|
{% if current_page >= 2 %}
|
||
|
|
<a href="{{ url_for('page2_personal', session_id=session_id) }}" class="progress-link">
|
||
|
|
<span class="progress-icon">{% if current_page > 2 %}✓{% else %}2{% endif %}</span>
|
||
|
|
<span class="progress-label">Daten</span>
|
||
|
|
</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="progress-link">
|
||
|
|
<span class="progress-icon">2</span>
|
||
|
|
<span class="progress-label">Daten</span>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<!-- Step 3: Motivation -->
|
||
|
|
<li class="progress-step {% if current_page == 3 %}active{% elif current_page > 3 %}completed{% else %}disabled{% endif %}">
|
||
|
|
{% if current_page >= 3 %}
|
||
|
|
<a href="{{ url_for('page3_motivation', session_id=session_id) }}" class="progress-link">
|
||
|
|
<span class="progress-icon">{% if current_page > 3 %}✓{% else %}3{% endif %}</span>
|
||
|
|
<span class="progress-label">Motivation</span>
|
||
|
|
</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="progress-link">
|
||
|
|
<span class="progress-icon">3</span>
|
||
|
|
<span class="progress-label">Motivation</span>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<!-- Step 4: Upload -->
|
||
|
|
<li class="progress-step {% if current_page == 4 %}active{% elif current_page > 4 %}completed{% else %}disabled{% endif %}">
|
||
|
|
{% if current_page >= 4 %}
|
||
|
|
<a href="{{ url_for('page4_upload', session_id=session_id) }}" class="progress-link">
|
||
|
|
<span class="progress-icon">{% if current_page > 4 %}✓{% else %}4{% endif %}</span>
|
||
|
|
<span class="progress-label">Dokumente</span>
|
||
|
|
</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="progress-link">
|
||
|
|
<span class="progress-icon">4</span>
|
||
|
|
<span class="progress-label">Dokumente</span>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<!-- Step 5: Confirmation -->
|
||
|
|
<li class="progress-step {% if current_page == 5 %}active{% elif current_page > 5 %}completed{% else %}disabled{% endif %}">
|
||
|
|
{% if current_page >= 5 %}
|
||
|
|
<a href="{{ url_for('page5_confirmation', session_id=session_id) }}" class="progress-link">
|
||
|
|
<span class="progress-icon">{% if current_page > 5 %}✓{% else %}5{% endif %}</span>
|
||
|
|
<span class="progress-label">Bestätigung</span>
|
||
|
|
</a>
|
||
|
|
{% else %}
|
||
|
|
<span class="progress-link">
|
||
|
|
<span class="progress-icon">5</span>
|
||
|
|
<span class="progress-label">Bestätigung</span>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</nav>
|
||
|
|
{% endif %}
|