{% extends "base.html" %}

{% block title %}{{ title }} - Foundation Management System{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-body text-center py-5">
                    <h1 class="display-4 mb-4">
                        <i class="fas fa-landmark text-primary me-3"></i>van Hees-Theyssen-Vogel'sche Stiftung
                    </h1>
                    <p class="lead text-muted mb-5">Stiftungsverwaltung - Modern Foundation Management System</p>
                    <div class="row justify-content-center mb-4">
                        <div class="col-md-8">
                            <div class="card border-0 bg-light">
                                <div class="card-body text-center py-3">
                                    <p class="mb-1"><i class="fas fa-map-marker-alt text-primary me-2"></i>Raesfelder Str. 3, 46499 Hamminkeln</p>
                                    <p class="mb-0"><i class="fas fa-phone text-primary me-2"></i>+49 (0) 2852 12345</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row g-4 mb-5">
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-users fa-3x text-primary mb-3"></i>
                                    <h5 class="card-title">👥 Destinatäre</h5>
                                    <p class="card-text">Verwalten Sie Stiftungsmitglieder, Familienzweige und Kontaktdaten zentral und übersichtlich.</p>
                                    <a href="{% url 'stiftung:destinataer_list' %}" class="btn btn-outline-primary btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-gift fa-3x text-success mb-3"></i>
                                    <h5 class="card-title">💰 Förderungsverwaltung</h5>
                                    <p class="card-text">Erfassen und verfolgen Sie Förderungen, Beträge und Verwendungsnachweise systematisch.</p>
                                    <a href="{% url 'stiftung:foerderung_list' %}" class="btn btn-outline-success btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-file-alt fa-3x text-info mb-3"></i>
                                    <h5 class="card-title">📄 Dokumentenverwaltung</h5>
                                    <p class="card-text">Stiftungsdokumente und Verträge</p>
                                    <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-outline-info btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row g-4 mb-5">
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-chart-bar fa-3x text-warning mb-3"></i>
                                    <h5 class="card-title">📊 Berichte & Auswertungen</h5>
                                    <p class="card-text">Generieren Sie detaillierte Berichte und Auswertungen für Ihre Stiftungsarbeit.</p>
                                    <a href="{% url 'stiftung:bericht_list' %}" class="btn btn-outline-warning btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-map fa-3x text-danger mb-3"></i>
                                    <h5 class="card-title">🗺️ Ländereiverwaltung</h5>
                                    <p class="card-text">Verwalten Sie Grundstücke, Flächen und Verpachtungen professionell.</p>
                                    <a href="{% url 'stiftung:land_list' %}" class="btn btn-outline-danger btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-handshake fa-3x text-secondary mb-3"></i>
                                    <h5 class="card-title">🤝 Verpachtungsverwaltung</h5>
                                    <p class="card-text">Organisieren Sie Pachtverträge und deren Verwaltung effizient.</p>
                                    <a href="{% url 'stiftung:land_list' %}" class="btn btn-outline-secondary btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row g-4 mb-5">
                        <div class="col-md-6">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-link fa-3x text-purple mb-3"></i>
                                    <h5 class="card-title">🔗 Dokumentenverknüpfung</h5>
                                    <p class="card-text">Verknüpfen Sie Paperless-Dokumente direkt mit Destinatären, Ländereien und Verpachtungen.</p>
                                    <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-outline-purple btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="card h-100 border-0 shadow-sm">
                                <div class="card-body text-center p-4">
                                    <i class="fas fa-database fa-3x text-dark mb-3"></i>
                                    <h5 class="card-title">🗃️ Dokumentenarchiv</h5>
                                    <p class="card-text">Zentraler Zugriff auf alle verknüpften Dokumente und deren Metadaten.</p>
                                    <a href="{% url 'stiftung:dokument_list' %}" class="btn btn-outline-dark btn-sm mt-2">
                                        <i class="fas fa-external-link-alt me-1"></i>Öffnen
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="d-flex justify-content-center gap-3 flex-wrap">
                        <a href="{% url 'stiftung:destinataer_list' %}" class="btn btn-primary btn-lg">
                            <i class="fas fa-users me-2"></i>Destinatäre
                        </a>
                        <a href="{% url 'stiftung:land_list' %}" class="btn btn-success btn-lg">
                            <i class="fas fa-map me-2"></i>Ländereien
                        </a>
                        <a href="{% url 'stiftung:paechter_list' %}" class="btn btn-info btn-lg">
                            <i class="fas fa-user-tie me-2"></i>Pächter
                        </a>
                        <a href="{% url 'stiftung:land_list' %}" class="btn btn-secondary btn-lg">
                            <i class="fas fa-handshake me-2"></i>Verpachtungen
                        </a>
                        <a href="{% url 'stiftung:foerderung_list' %}" class="btn btn-warning btn-lg">
                            <i class="fas fa-gift me-2"></i>Förderungen
                        </a>
                    </div>
                    
                    <div class="d-flex justify-content-center gap-3 flex-wrap mt-3">
                        <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-info btn-lg">
                            <i class="fas fa-file-alt me-2"></i>Paperless Integration
                        </a>
                        <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-purple btn-lg">
                            <i class="fas fa-link me-2"></i>Dokumente verknüpfen
                        </a>
                        <a href="{% url 'stiftung:dokument_list' %}" class="btn btn-dark btn-lg">
                            <i class="fas fa-database me-2"></i>Dokumentenarchiv
                        </a>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-4">
                <div class="alert alert-success d-inline-block">
                    <i class="fas fa-check-circle me-2"></i>
                    <span class="fw-bold">System läuft erfolgreich</span>
                    <br>
                    <small class="text-muted">Entwickelt mit Django & Docker</small>
                </div>
            </div>
        </div>
    </div>

{% endblock %}