Files
stiftung-management-system/app/templates/stiftung/quarterly_confirmation_edit.html
Jan Remmer Siebels 6c8ddbb4f0
Some checks failed
Code Quality / quality (push) Has been cancelled
CI/CD Pipeline / test (push) Has been cancelled
CI/CD Pipeline / deploy (push) Has been cancelled
Getrennte Fristen für Studiennachweis und Zahlung implementieren
- Neue Felder: studiennachweis_faelligkeitsdatum (semesterbasiert) und zahlung_faelligkeitsdatum (vierteljährlich im Voraus)
- Studiennachweis-Fristen: Q1/Q2 → 15. März, Q3/Q4 → 15. September
- Zahlungsfälligkeiten: Q1 → 15. Dez (Vorjahr), Q2 → 15. Mär, Q3 → 15. Jun, Q4 → 15. Sep
- Auto-Freigabe: Q1 freigeben → Q2 Studiennachweis auto-freigegeben, Q3 → Q4
- Unterstützungserstellung: Verhindert Duplikate durch präzise Suche nach zahlung_faelligkeitsdatum
- Quartalserstellung: Modal-Formular funktioniert korrekt
- UI: Beide Fristen in Tabelle angezeigt, separate Überfälligkeits-Indikatoren
- Migration: Neue Felder hinzugefügt und bestehende Datensätze befüllt
2025-12-30 20:20:33 +01:00

560 lines
29 KiB
HTML

{% extends 'base.html' %}
{% load static %}
{% block title %}{{ title }} - Stiftungsverwaltung{% endblock %}
{% block extra_css %}
<style>
/* Override font sizes for better readability */
body {
font-size: 0.875rem;
line-height: 1.4;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.3;
}
.h3, h3 {
font-size: 1.5rem;
}
.h5, h5 {
font-size: 1.1rem;
}
.h6, h6 {
font-size: 1rem;
}
/* Better card spacing */
.card {
margin-bottom: 1rem;
}
.card-body {
padding: 1rem;
}
.card-header {
padding: 0.75rem 1rem;
}
/* Form improvements */
.form-label {
font-weight: 500;
font-size: 0.875rem;
margin-bottom: 0.375rem;
}
.form-control, .form-select {
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
}
.form-text {
font-size: 0.8rem;
}
/* Button improvements */
.btn {
font-size: 0.875rem;
padding: 0.5rem 1rem;
border-radius: 0.375rem;
}
.btn-sm {
font-size: 0.8rem;
padding: 0.375rem 0.75rem;
}
/* Progress bar styling */
.progress {
height: 1.25rem;
font-size: 0.75rem;
}
/* Badge sizing */
.badge {
font-size: 0.75rem;
padding: 0.35em 0.65em;
}
/* Table improvements */
.table {
font-size: 0.875rem;
}
.table th {
font-size: 0.8rem;
font-weight: 600;
padding: 0.75rem;
}
.table td {
padding: 0.75rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
body {
font-size: 0.8rem;
}
.h3, h3 {
font-size: 1.3rem;
}
.btn {
font-size: 0.8rem;
padding: 0.375rem 0.75rem;
}
.card-body {
padding: 0.75rem;
}
}
</style>
{% endblock %}
{% block content %}
<div class="container-fluid">
<div class="row">
<div class="col-12">
<!-- Header -->
<div class="d-flex justify-content-between align-items-center mb-3">
<h1 class="h3 mb-0">
<i class="fas fa-calendar-check text-primary me-2"></i>
Vierteljahresnachweis bearbeiten
</h1>
<a href="{% url 'stiftung:destinataer_detail' pk=destinataer.pk %}" class="btn btn-outline-secondary btn-sm">
<i class="fas fa-arrow-left me-1"></i>Zurück
</a>
</div>
<!-- Quarter Info Card -->
<div class="card shadow mb-3">
<div class="card-header bg-primary text-white">
<div class="row align-items-center">
<div class="col-md-8">
<h5 class="card-title mb-0">
<i class="fas fa-user me-2"></i>{{ destinataer.get_full_name }}
</h5>
<small class="opacity-75">{{ nachweis.jahr }} {{ nachweis.get_quarter_display }}</small>
</div>
<div class="col-md-4 text-end">
<span class="badge
{% if nachweis.status == 'offen' %}bg-secondary
{% elif nachweis.status == 'teilweise' %}bg-warning
{% elif nachweis.status == 'eingereicht' %}bg-info
{% elif nachweis.status == 'geprueft' %}bg-success
{% elif nachweis.status == 'nachbesserung' %}bg-warning
{% elif nachweis.status == 'abgelehnt' %}bg-danger
{% endif %}">
{{ nachweis.get_status_display }}
</span>
{% if nachweis.studiennachweis_faelligkeitsdatum or nachweis.zahlung_faelligkeitsdatum %}
<br><small class="opacity-75">
{% if nachweis.studiennachweis_faelligkeitsdatum %}
Studiennachweis: {{ nachweis.studiennachweis_faelligkeitsdatum|date:"d.m.Y" }}
{% endif %}
{% if nachweis.zahlung_faelligkeitsdatum %}
| Zahlung: {{ nachweis.zahlung_faelligkeitsdatum|date:"d.m.Y" }}
{% endif %}
</small>
{% endif %}
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<p class="mb-2"><strong>Destinatär:</strong> {{ destinataer.get_full_name }}</p>
<p class="mb-2"><strong>E-Mail:</strong>
{% if destinataer.email %}
<a href="mailto:{{ destinataer.email }}">{{ destinataer.email }}</a>
{% else %}
<em class="text-muted">Nicht angegeben</em>
{% endif %}
</p>
</div>
<div class="col-md-6">
<p class="mb-2"><strong>Zeitraum:</strong> {{ nachweis.jahr }} {{ nachweis.get_quarter_display }}</p>
{% if nachweis.studiennachweis_faelligkeitsdatum %}
<p class="mb-1"><strong>Studiennachweis fällig:</strong>
<span class="{% if nachweis.is_study_proof_overdue %}text-danger{% endif %}">
{{ nachweis.studiennachweis_faelligkeitsdatum|date:"d.m.Y" }}
</span>
{% if nachweis.is_study_proof_overdue %}
<i class="fas fa-exclamation-triangle text-danger" title="Überfällig"></i>
{% endif %}
</p>
{% endif %}
{% if nachweis.zahlung_faelligkeitsdatum %}
<p class="mb-0"><strong>Zahlung fällig:</strong>
<span class="{% if nachweis.is_payment_overdue %}text-danger{% endif %}">
{{ nachweis.zahlung_faelligkeitsdatum|date:"d.m.Y" }}
</span>
{% if nachweis.is_payment_overdue %}
<i class="fas fa-exclamation-triangle text-danger" title="Überfällig"></i>
{% endif %}
</p>
{% endif %}
</div>
</div>
</div>
</div>
<!-- Edit Form -->
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="row">
<div class="col-lg-8">
<!-- Study Proof Section -->
<div class="card shadow mb-3">
<div class="card-header bg-primary text-white">
<h6 class="card-title mb-0">
<i class="fas fa-graduation-cap me-2"></i>Studiennachweis
</h6>
</div>
<div class="card-body">
<div class="form-check mb-3">
{{ form.studiennachweis_eingereicht }}
<label class="form-check-label" for="{{ form.studiennachweis_eingereicht.id_for_label }}">
{{ form.studiennachweis_eingereicht.label }}
</label>
</div>
<div class="mb-3">
<label for="{{ form.studiennachweis_datei.id_for_label }}" class="form-label">{{ form.studiennachweis_datei.label }}</label>
{{ form.studiennachweis_datei }}
{% if nachweis.studiennachweis_datei %}
<div class="mt-2">
<small class="text-muted">Aktuelle Datei:
<a href="{{ nachweis.studiennachweis_datei.url }}" target="_blank" class="text-decoration-none">
<i class="fas fa-file-pdf text-danger"></i> {{ nachweis.studiennachweis_datei.name }}
</a>
</small>
</div>
{% endif %}
{% if form.studiennachweis_datei.help_text %}
<small class="form-text text-muted">{{ form.studiennachweis_datei.help_text }}</small>
{% endif %}
</div>
<div class="mb-0">
<label for="{{ form.studiennachweis_bemerkung.id_for_label }}" class="form-label">{{ form.studiennachweis_bemerkung.label }}</label>
{{ form.studiennachweis_bemerkung }}
{% if form.studiennachweis_bemerkung.help_text %}
<small class="form-text text-muted">{{ form.studiennachweis_bemerkung.help_text }}</small>
{% endif %}
</div>
</div>
</div>
<!-- Income Situation Section -->
<div class="card shadow mb-3">
<div class="card-header bg-success text-white">
<h6 class="card-title mb-0">
<i class="fas fa-euro-sign me-2"></i>Einkommenssituation
</h6>
</div>
<div class="card-body">
<div class="form-check mb-3">
{{ form.einkommenssituation_bestaetigt }}
<label class="form-check-label" for="{{ form.einkommenssituation_bestaetigt.id_for_label }}">
{{ form.einkommenssituation_bestaetigt.label }}
</label>
</div>
<div class="mb-3">
<label for="{{ form.einkommenssituation_text.id_for_label }}" class="form-label">{{ form.einkommenssituation_text.label }}</label>
{{ form.einkommenssituation_text }}
{% if form.einkommenssituation_text.help_text %}
<small class="form-text text-muted">{{ form.einkommenssituation_text.help_text }}</small>
{% endif %}
</div>
<div class="mb-0">
<label for="{{ form.einkommenssituation_datei.id_for_label }}" class="form-label">{{ form.einkommenssituation_datei.label }}</label>
{{ form.einkommenssituation_datei }}
{% if nachweis.einkommenssituation_datei %}
<div class="mt-2">
<small class="text-muted">Aktuelle Datei:
<a href="{{ nachweis.einkommenssituation_datei.url }}" target="_blank" class="text-decoration-none">
<i class="fas fa-file-pdf text-danger"></i> {{ nachweis.einkommenssituation_datei.name }}
</a>
</small>
</div>
{% endif %}
{% if form.einkommenssituation_datei.help_text %}
<small class="form-text text-muted">{{ form.einkommenssituation_datei.help_text }}</small>
{% endif %}
</div>
</div>
</div>
<!-- Asset Situation Section -->
<div class="card shadow mb-4">
<div class="card-header bg-warning text-dark">
<h5 class="card-title mb-0">
<i class="fas fa-piggy-bank me-2"></i>Vermögenssituation
</h5>
</div>
<div class="card-body">
<div class="form-check mb-3">
{{ form.vermogenssituation_bestaetigt }}
<label class="form-check-label" for="{{ form.vermogenssituation_bestaetigt.id_for_label }}">
{{ form.vermogenssituation_bestaetigt.label }}
</label>
</div>
<div class="mb-3">
<label for="{{ form.vermogenssituation_text.id_for_label }}" class="form-label">{{ form.vermogenssituation_text.label }}</label>
{{ form.vermogenssituation_text }}
{% if form.vermogenssituation_text.help_text %}
<small class="form-text text-muted">{{ form.vermogenssituation_text.help_text }}</small>
{% endif %}
</div>
<div class="mb-3">
<label for="{{ form.vermogenssituation_datei.id_for_label }}" class="form-label">{{ form.vermogenssituation_datei.label }}</label>
{{ form.vermogenssituation_datei }}
{% if nachweis.vermogenssituation_datei %}
<div class="mt-2">
<small class="text-muted">Aktuelle Datei:
<a href="{{ nachweis.vermogenssituation_datei.url }}" target="_blank" class="text-decoration-none">
<i class="fas fa-file-pdf text-danger"></i> {{ nachweis.vermogenssituation_datei.name }}
</a>
</small>
</div>
{% endif %}
{% if form.vermogenssituation_datei.help_text %}
<small class="form-text text-muted">{{ form.vermogenssituation_datei.help_text }}</small>
{% endif %}
</div>
</div>
</div>
<!-- Additional Documents Section -->
<div class="card shadow mb-4">
<div class="card-header bg-info text-white">
<h5 class="card-title mb-0">
<i class="fas fa-file-alt me-2"></i>Weitere Dokumente (optional)
</h5>
</div>
<div class="card-body">
<div class="mb-3">
<label for="{{ form.weitere_dokumente.id_for_label }}" class="form-label">{{ form.weitere_dokumente.label }}</label>
{{ form.weitere_dokumente }}
{% if nachweis.weitere_dokumente %}
<div class="mt-2">
<small class="text-muted">Aktuelle Datei:
<a href="{{ nachweis.weitere_dokumente.url }}" target="_blank" class="text-decoration-none">
<i class="fas fa-file-pdf text-danger"></i> {{ nachweis.weitere_dokumente.name }}
</a>
</small>
</div>
{% endif %}
{% if form.weitere_dokumente.help_text %}
<small class="form-text text-muted">{{ form.weitere_dokumente.help_text }}</small>
{% endif %}
</div>
<div class="mb-3">
<label for="{{ form.weitere_dokumente_beschreibung.id_for_label }}" class="form-label">{{ form.weitere_dokumente_beschreibung.label }}</label>
{{ form.weitere_dokumente_beschreibung }}
{% if form.weitere_dokumente_beschreibung.help_text %}
<small class="form-text text-muted">{{ form.weitere_dokumente_beschreibung.help_text }}</small>
{% endif %}
</div>
</div>
</div>
<!-- Internal Notes (Staff Only) -->
{% if user.is_staff %}
<div class="card shadow mb-4">
<div class="card-header bg-secondary text-white">
<h5 class="card-title mb-0">
<i class="fas fa-user-shield me-2"></i>Interne Notizen (nur für Verwaltung)
</h5>
</div>
<div class="card-body">
<div class="mb-3">
<label for="{{ form.interne_notizen.id_for_label }}" class="form-label">{{ form.interne_notizen.label }}</label>
{{ form.interne_notizen }}
{% if form.interne_notizen.help_text %}
<small class="form-text text-muted">{{ form.interne_notizen.help_text }}</small>
{% endif %}
</div>
</div>
</div>
{% endif %}
<!-- Form Actions -->
<div class="card shadow">
<div class="card-body bg-light">
<div class="row">
<div class="col-6">
<a href="{% url 'stiftung:destinataer_detail' pk=destinataer.pk %}" class="btn btn-secondary w-100">
<i class="fas fa-times me-2"></i>Abbrechen
</a>
</div>
<div class="col-6">
<button type="submit" class="btn btn-primary w-100">
<i class="fas fa-save me-2"></i>Speichern
</button>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<small class="text-muted">
<i class="fas fa-info-circle me-1"></i>
Ihre Änderungen werden gespeichert und der Status wird automatisch aktualisiert.
</small>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="col-lg-4">
<!-- Status Card -->
<div class="card shadow mb-3">
<div class="card-header bg-light">
<h6 class="card-title mb-0">
<i class="fas fa-info-circle me-2"></i>Status & Informationen
</h6>
</div>
<div class="card-body">
<p class="mb-2"><strong>Status:</strong>
<span class="badge
{% if nachweis.status == 'offen' %}bg-secondary
{% elif nachweis.status == 'teilweise' %}bg-warning
{% elif nachweis.status == 'eingereicht' %}bg-info
{% elif nachweis.status == 'geprueft' %}bg-success
{% elif nachweis.status == 'nachbesserung' %}bg-warning
{% elif nachweis.status == 'abgelehnt' %}bg-danger
{% endif %}">
{{ nachweis.get_status_display }}
</span>
</p>
{% if nachweis.studiennachweis_faelligkeitsdatum %}
<p class="mb-1"><strong>Studiennachweis fällig:</strong>
<span class="{% if nachweis.is_study_proof_overdue %}text-danger{% endif %}">
{{ nachweis.studiennachweis_faelligkeitsdatum|date:"d.m.Y" }}
</span>
{% if nachweis.is_study_proof_overdue %}
<i class="fas fa-exclamation-triangle text-danger" title="Überfällig"></i>
{% endif %}
</p>
{% endif %}
{% if nachweis.zahlung_faelligkeitsdatum %}
<p class="mb-2"><strong>Zahlung fällig:</strong>
<span class="{% if nachweis.is_payment_overdue %}text-danger{% endif %}">
{{ nachweis.zahlung_faelligkeitsdatum|date:"d.m.Y" }}
</span>
{% if nachweis.is_payment_overdue %}
<i class="fas fa-exclamation-triangle text-danger" title="Überfällig"></i>
{% endif %}
</p>
{% endif %}
{% if nachweis.eingereicht_am %}
<p class="mb-2"><strong>Eingereicht:</strong> {{ nachweis.eingereicht_am|date:"d.m.Y H:i" }}</p>
{% endif %}
{% if nachweis.geprueft_am %}
<p class="mb-2"><strong>Geprüft:</strong> {{ nachweis.geprueft_am|date:"d.m.Y H:i" }}</p>
{% endif %}
{% if nachweis.geprueft_von %}
<p class="mb-2"><strong>Geprüft von:</strong> {{ nachweis.geprueft_von.get_full_name|default:nachweis.geprueft_von.username }}</p>
{% endif %}
<p class="mb-1"><strong>Erstellt:</strong> {{ nachweis.erstellt_am|date:"d.m.Y H:i" }}</p>
<p class="mb-0"><strong>Aktualisiert:</strong> {{ nachweis.aktualisiert_am|date:"d.m.Y H:i" }}</p>
</div>
</div>
<!-- Requirements Checklist -->
<div class="card shadow mb-3">
<div class="card-header bg-primary text-white">
<h6 class="card-title mb-0">
<i class="fas fa-list-check me-2"></i>Anforderungen
</h6>
</div>
<div class="card-body">
<ul class="list-unstyled mb-0">
<li class="mb-2">
{% if nachweis.studiennachweis_eingereicht %}
<i class="fas fa-check-circle text-success me-2"></i>
{% else %}
<i class="fas fa-circle text-muted me-2"></i>
{% endif %}
Studiennachweis
</li>
<li class="mb-2">
{% if nachweis.einkommenssituation_bestaetigt %}
<i class="fas fa-check-circle text-success me-2"></i>
{% else %}
<i class="fas fa-circle text-muted me-2"></i>
{% endif %}
Einkommenssituation
</li>
<li class="mb-0">
{% if nachweis.vermogenssituation_bestaetigt %}
<i class="fas fa-check-circle text-success me-2"></i>
{% else %}
<i class="fas fa-circle text-muted me-2"></i>
{% endif %}
Vermögenssituation
</li>
</ul>
</div>
</div>
<!-- Help Card -->
<div class="card shadow">
<div class="card-header bg-info text-white">
<h6 class="card-title mb-0">
<i class="fas fa-question-circle me-2"></i>Hilfe
</h6>
</div>
<div class="card-body">
<small>
<strong>Einkommenssituation:</strong><br>
Sie können entweder einen kurzen Text eingeben oder eine Datei hochladen.<br><br>
<strong>Unterstützte Dateiformate:</strong><br>
PDF, DOC, DOCX, JPG, PNG<br><br>
<strong>Fragen?</strong><br>
Wenden Sie sich an die Stiftungsverwaltung.
</small>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
{% block javascript %}
<script>
// Auto-save functionality could be added here
document.addEventListener('DOMContentLoaded', function() {
// Add any JavaScript functionality here
console.log('Quarterly confirmation edit page loaded');
});
</script>
{% endblock %}