{% extends 'base.html' %}
{% load static %}

{% block title %}{{ verpachtung }} - Verpachtung - Stiftungsverwaltung{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-12">
            <!-- Header -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3">
                    <i class="fas fa-handshake text-primary me-2"></i>
                    Verpachtung: {{ verpachtung }}
                </h1>
                <div>
                    <a href="{% url 'stiftung:verpachtung_update' pk=verpachtung.pk %}" class="btn btn-warning me-2">
                        <i class="fas fa-edit me-2"></i>Bearbeiten
                    </a>
                    <a href="{% url 'stiftung:verpachtung_export' pk=verpachtung.pk %}" class="btn btn-success me-2">
                        <i class="fas fa-download me-2"></i>Export
                    </a>
                    <a href="{% url 'stiftung:verpachtung_list' %}" class="btn btn-outline-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Zurück zur Liste
                    </a>
                </div>
            </div>

            <div class="row">
                <!-- Main Content -->
                <div class="col-lg-8">
                    <!-- Verpachtungs-Informationen -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-info-circle me-2"></i>Verpachtungs-Informationen
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Status:</strong> 
                                        {% if verpachtung.status == 'aktiv' %}
                                            <span class="badge bg-success">Aktiv</span>
                                        {% elif verpachtung.status == 'beendet' %}
                                            <span class="badge bg-secondary">Beendet</span>
                                        {% elif verpachtung.status == 'gekündigt' %}
                                            <span class="badge bg-danger">Gekündigt</span>
                                        {% else %}
                                            <span class="badge bg-warning">{{ verpachtung.get_status_display }}</span>
                                        {% endif %}
                                    </p>
                                    <p><strong>Pachtbeginn:</strong> {{ verpachtung.pachtbeginn|date:"d.m.Y" }}</p>
                                    <p><strong>Pachtende:</strong> 
                                        {% if verpachtung.pachtende %}
                                            {{ verpachtung.pachtende|date:"d.m.Y" }}
                                        {% else %}
                                            <span class="text-muted">Unbefristet</span>
                                        {% endif %}
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Verpachtete Fläche:</strong> {{ verpachtung.verpachtete_flaeche|floatformat:2 }} qm 
                                        <small class="text-muted">({{ verpachtung.verpachtete_flaeche_hektar|floatformat:2 }} ha)</small></p>
                                    <p><strong>Pachtzins (jährlich):</strong> €{{ verpachtung.pachtzins_jaehrlich|floatformat:2 }}</p>
                                    <p><strong>Kündigungsfrist:</strong> {{ verpachtung.kuendigungsfrist }} Monate</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Pächter-Informationen -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-info text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-user-tie me-2"></i>Pächter-Informationen
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Name:</strong> 
                                        <a href="{% url 'stiftung:paechter_detail' pk=verpachtung.paechter.pk %}">
                                            {{ verpachtung.paechter.get_full_name }}
                                        </a>
                                    </p>
                                    <p><strong>Pachtnummer:</strong> 
                                        {% if verpachtung.paechter.pachtnummer %}
                                            {{ verpachtung.paechter.pachtnummer }}
                                        {% else %}
                                            <span class="text-muted">Nicht vergeben</span>
                                        {% endif %}
                                    </p>
                                    <p><strong>Landwirtschaftliche Ausbildung:</strong> 
                                        {% if verpachtung.paechter.landwirtschaftliche_ausbildung %}
                                            <span class="badge bg-success">Ja</span>
                                        {% else %}
                                            <span class="badge bg-warning">Nein</span>
                                        {% endif %}
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Berufserfahrung:</strong> 
                                        {% if verpachtung.paechter.berufserfahrung_jahre %}
                                            {{ verpachtung.paechter.berufserfahrung_jahre }} Jahre
                                        {% else %}
                                            <span class="text-muted">Nicht angegeben</span>
                                        {% endif %}
                                    </p>
                                    <p><strong>Kontakt:</strong> 
                                        {% if verpachtung.paechter.telefon %}
                                            <i class="fas fa-phone me-1"></i>{{ verpachtung.paechter.telefon }}<br>
                                        {% endif %}
                                        {% if verpachtung.paechter.email %}
                                            <i class="fas fa-envelope me-1"></i>{{ verpachtung.paechter.email }}
                                        {% endif %}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Verknüpfte Dokumente -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-file-alt me-2"></i>Verknüpfte Dokumente
                            </h5>
                            <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-light btn-sm">
                                <i class="fas fa-plus me-1"></i>Dokument verknüpfen
                            </a>
                        </div>
                        <div class="card-body">
                            {% if verknuepfte_dokumente %}
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Dokument</th>
                                                <th>Kontext</th>
                                                <th>Beschreibung</th>
                                                <th>Aktionen</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for dokument in verknuepfte_dokumente %}
                                            <tr>
                                                <td>
                                                    <strong>{{ dokument.titel }}</strong>
                                                    <br>
                                                    <small class="text-muted">ID: {{ dokument.paperless_document_id }}</small>
                                                </td>
                                                <td>
                                                    <span class="badge bg-secondary">{{ dokument.get_kontext_display }}</span>
                                                </td>
                                                <td>
                                                    {% if dokument.beschreibung %}
                                                        {{ dokument.beschreibung|truncatewords:10 }}
                                                    {% else %}
                                                        <span class="text-muted">Keine Beschreibung</span>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <a href="{{ dokument.get_paperless_url }}" target="_blank" class="btn btn-sm btn-outline-primary" title="In Paperless öffnen">
                                                            <i class="fas fa-external-link-alt"></i>
                                                        </a>
                                                        <a href="{{ dokument.get_paperless_thumbnail_url }}" target="_blank" class="btn btn-sm btn-outline-info" title="Thumbnail anzeigen">
                                                            <i class="fas fa-image"></i>
                                                        </a>
                                                        <a href="{% url 'stiftung:dokument_update' dokument.pk %}" class="btn btn-sm btn-outline-warning" title="Bearbeiten">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                        <a href="{% url 'stiftung:dokument_delete' dokument.pk %}" class="btn btn-sm btn-outline-danger" title="Verknüpfung löschen">
                                                            <i class="fas fa-unlink"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            {% else %}
                                <div class="text-center py-4">
                                    <i class="fas fa-file-alt fa-3x text-muted mb-3"></i>
                                    <h5 class="text-muted">Keine Dokumente verknüpft</h5>
                                    <p class="text-muted">Verknüpfen Sie Dokumente aus Paperless mit dieser Verpachtung.</p>
                                    <a href="{% url 'stiftung:dokument_management' %}" class="btn btn-success">
                                        <i class="fas fa-plus me-2"></i>Erstes Dokument verknüpfen
                                    </a>
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    <!-- Länderei-Informationen -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-success text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-map me-2"></i>Länderei-Informationen
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Lfd. Nr.:</strong> 
                                        <a href="{% url 'stiftung:land_detail' pk=verpachtung.land.pk %}">
                                            {{ verpachtung.land.lfd_nr }}
                                        </a>
                                    </p>
                                    <p><strong>Gemeinde:</strong> {{ verpachtung.land.gemeinde }}</p>
                                    <p><strong>Gemarkung:</strong> {{ verpachtung.land.gemarkung }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Flur:</strong> {{ verpachtung.land.flur }}</p>
                                    <p><strong>Flurstück:</strong> {{ verpachtung.land.flurstueck }}</p>
                                    <p><strong>Gesamtgröße:</strong> {{ verpachtung.land.groesse_qm|floatformat:2 }} qm</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Notizen -->
                    {% if verpachtung.notizen %}
                    <div class="card shadow mb-4">
                        <div class="card-header bg-warning text-dark">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-sticky-note me-2"></i>Notizen
                            </h5>
                        </div>
                        <div class="card-body">
                            {{ verpachtung.notizen|linebreaks }}
                        </div>
                    </div>
                    {% endif %}
                </div>

                <!-- Sidebar -->
                <div class="col-lg-4">
                    <!-- Statistiken -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-primary text-white">
                            <h6 class="card-title mb-0">
                                <i class="fas fa-chart-bar me-2"></i>Statistiken
                            </h6>
                        </div>
                        <div class="card-body">
                            <p><strong>Verpachtungsgrad:</strong> 
                                {% if verpachtung.land.groesse_qm > 0 %}
                                    {% widthratio verpachtung.verpachtete_flaeche verpachtung.land.groesse_qm 100 %}%
                                {% else %}
                                    0%
                                {% endif %}
                            </p>
                            <p><strong>Flächenanteil:</strong> 
                                {% if verpachtung.land.groesse_qm > 0 %}
                                    {% widthratio verpachtung.verpachtete_flaeche verpachtung.land.groesse_qm 100 %}%
                                {% else %}
                                    0%
                                {% endif %}
                            </p>
                        </div>
                    </div>

                    <!-- Aktionen -->
                    <div class="card shadow mb-4">
                        <div class="card-header bg-success text-white">
                            <h6 class="card-title mb-0">
                                <i class="fas fa-tools me-2"></i>Aktionen
                            </h6>
                        </div>
                        <div class="card-body">
                            <a href="{% url 'stiftung:verpachtung_update' pk=verpachtung.pk %}" class="btn btn-warning btn-sm w-100 mb-2">
                                <i class="fas fa-edit me-2"></i>Bearbeiten
                            </a>
                            <a href="{% url 'stiftung:verpachtung_export' pk=verpachtung.pk %}" class="btn btn-success btn-sm w-100 mb-2">
                                <i class="fas fa-download me-2"></i>Export
                            </a>
                            <a href="{% url 'stiftung:verpachtung_delete' pk=verpachtung.pk %}" class="btn btn-danger btn-sm w-100">
                                <i class="fas fa-trash me-2"></i>Löschen
                            </a>
                        </div>
                    </div>

                    <!-- Informationen -->
                    <div class="card shadow">
                        <div class="card-header bg-info text-white">
                            <h6 class="card-title mb-0">
                                <i class="fas fa-info-circle me-2"></i>Informationen
                            </h6>
                        </div>
                        <div class="card-body">
                            <p><strong>ID:</strong> <small class="text-muted">{{ verpachtung.pk }}</small></p>
                            <p><strong>Erstellt:</strong> <small class="text-muted">{{ verpachtung.created_at|date:"d.m.Y H:i" }}</small></p>
                            <p><strong>Zuletzt aktualisiert:</strong> <small class="text-muted">{{ verpachtung.updated_at|date:"d.m.Y H:i" }}</small></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}