{% extends "base.html" %}

{% block title %}Bewerbung - Dokumente{% endblock %}

{% block header %}Bewerbung: {{ job_name }}{% endblock %}

{% block content %}
<div class="page-intro">
    <h2>Schritt 3 von 3: Dokumente hochladen</h2>
    <p>Laden Sie Ihre Bewerbungsunterlagen hoch (Lebenslauf, Anschreiben, Zeugnisse, etc.).</p>
    <p><small>
        Sie können bis zu {{ max_files }} Dokumente hochladen.<br>
        Maximale Dateigröße: 4 MB pro Dokument<br>
        Bevorzugtes Format: PDF
    </small></p>
</div>

{% if uploaded_files %}
<div class="uploaded-files">
    <h3>Hochgeladene Dokumente ({{ uploaded_files|length }}/{{ max_files }})</h3>
    <ul class="file-list">
        {% for file in uploaded_files %}
        <li class="file-item">
            <span class="file-name">{{ file.original_name }}</span>
            <span class="file-size">({{ "%.2f"|format(file.size / 1024 / 1024) }} MB)</span>
            <form method="POST" action="{{ url_for('remove_file', session_id=session_id, file_index=loop.index0) }}" style="display: inline;">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                <button type="submit" class="btn btn-danger btn-small">Entfernen</button>
            </form>
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}

{% if uploaded_files|length < max_files %}
<div class="upload-section">
    <h3>Dokument hochladen</h3>
    <form method="POST" action="{{ url_for('upload_file', session_id=session_id) }}" enctype="multipart/form-data" class="upload-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
        <div class="form-group">
            <label for="file">Datei auswählen</label>
            <input
                type="file"
                id="file"
                name="file"
                accept=".pdf,.doc,.docx,.txt,.jpg,.jpeg,.png"
                required>
            <small>Erlaubte Formate: PDF, DOC, DOCX, TXT, JPG, JPEG, PNG</small>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-secondary">Datei hochladen</button>
        </div>
    </form>
</div>
{% else %}
<p class="info-message">Sie haben die maximale Anzahl von Dokumenten hochgeladen.</p>
{% endif %}

<div class="submit-section">
    <h3>Bewerbung absenden</h3>
    <p class="important-note">
        Durch Klicken auf "Bewerbung absenden" wird Ihre Bewerbung eingereicht.
        Sie können Ihre Bewerbung später noch bearbeiten, solange sie aktiv ist.
    </p>

    <form method="POST" action="{{ url_for('submit_application', session_id=session_id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary btn-large">Bewerbung absenden</button>
        </div>
    </form>
</div>
{% endblock %}