{% extends "base.html" %}

{% block title %}{{ title }} - MYP Platform{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8 max-w-4xl">
    <!-- Header -->
    <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8 mb-8">
        <div class="flex items-center mb-6">
            <div class="w-12 h-12 bg-gradient-to-r from-blue-600 to-blue-700 rounded-lg flex items-center justify-center mr-4">
                <i class="fas fa-info-circle text-white text-xl"></i>
            </div>
            <div>
                <h1 class="text-3xl font-bold text-gray-900">Impressum</h1>
                <p class="text-gray-600">Rechtliche Angaben gemäß § 5 TMG</p>
            </div>
        </div>
        
        <!-- Unternehmensinformationen -->
        <div class="space-y-8">
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-building text-blue-600 mr-3"></i>
                    Anbieter
                </h2>
                <div class="bg-gray-50 rounded-lg p-6">
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Unternehmen</h3>
                            <p class="text-gray-700">Mercedes-Benz AG</p>
                            <p class="text-gray-700">Ausbildungsabteilung</p>
                            <p class="text-gray-700">3D-Druck & Digitale Fertigung</p>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Adresse</h3>
                            <p class="text-gray-700">Mercedes-Benz Platz 1</p>
                            <p class="text-gray-700">70546 Stuttgart</p>
                            <p class="text-gray-700">Deutschland</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Kontaktinformationen -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-envelope text-blue-600 mr-3"></i>
                    Kontakt
                </h2>
                <div class="bg-gray-50 rounded-lg p-6">
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">E-Mail</h3>
                            <p class="text-gray-700">
                                <a href="mailto:till.tomczak@mercedes-benz.com" class="text-blue-600 hover:text-blue-800">
                                    till.tomczak@mercedes-benz.com
                                </a>
                            </p>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Telefon</h3>
                            <p class="text-gray-700">+49 (0) 711 17-0</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Rechtliche Angaben -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-gavel text-blue-600 mr-3"></i>
                    Rechtliche Angaben
                </h2>
                <div class="bg-gray-50 rounded-lg p-6">
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Registergericht</h3>
                            <p class="text-gray-700">Amtsgericht Stuttgart</p>
                            <p class="text-gray-700">HRB 19360</p>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Umsatzsteuer-ID</h3>
                            <p class="text-gray-700">DE811944017</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Verantwortlich für den Inhalt -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-user-tie text-blue-600 mr-3"></i>
                    Verantwortlich für den Inhalt
                </h2>
                <div class="bg-gray-50 rounded-lg p-6">
                    <p class="text-gray-700">Till Tomczak</p>
                    <p class="text-gray-700">Projektleiter MYP Platform</p>
                    <p class="text-gray-700">Mercedes-Benz AG</p>
                    <p class="text-gray-700">Ausbildungsabteilung</p>
                </div>
            </section>

            <!-- Haftungsausschluss -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-shield-alt text-blue-600 mr-3"></i>
                    Haftungsausschluss
                </h2>
                <div class="bg-amber-50 border border-amber-200 rounded-lg p-6">
                    <h3 class="font-semibold text-gray-900 mb-3">Haftung für Inhalte</h3>
                    <p class="text-gray-700 mb-4">
                        Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den 
                        allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht 
                        unter der Verpflichtung, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach 
                        Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
                    </p>
                    
                    <h3 class="font-semibold text-gray-900 mb-3">Haftung für Links</h3>
                    <p class="text-gray-700 mb-4">
                        Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. 
                        Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten 
                        Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
                    </p>

                    <h3 class="font-semibold text-gray-900 mb-3">Urheberrecht</h3>
                    <p class="text-gray-700">
                        Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen 
                        Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der 
                        Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
                    </p>
                </div>
            </section>

            <!-- Streitschlichtung -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-balance-scale text-blue-600 mr-3"></i>
                    Streitschlichtung
                </h2>
                <div class="bg-gray-50 rounded-lg p-6">
                    <p class="text-gray-700">
                        Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: 
                        <a href="https://ec.europa.eu/consumers/odr/" target="_blank" class="text-blue-600 hover:text-blue-800 underline">
                            https://ec.europa.eu/consumers/odr/
                        </a>
                    </p>
                    <p class="text-gray-700 mt-2">
                        Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer 
                        Verbraucherschlichtungsstelle teilzunehmen.
                    </p>
                </div>
            </section>

            <!-- System-Information -->
            <section>
                <h2 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
                    <i class="fas fa-cogs text-blue-600 mr-3"></i>
                    System-Information
                </h2>
                <div class="bg-blue-50 border border-blue-200 rounded-lg p-6">
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">MYP Platform</h3>
                            <p class="text-gray-700">Manage Your Printers</p>
                            <p class="text-gray-700">Version 2.0.0</p>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 mb-2">Entwicklung</h3>
                            <p class="text-gray-700">Mercedes-Benz AG</p>
                            <p class="text-gray-700">Interne Projektarbeit</p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!-- Navigation -->
    <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
        <div class="flex flex-wrap gap-4 justify-center">
            <a href="{{ url_for('index') }}" class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
                <i class="fas fa-home mr-2"></i>
                Zur Startseite
            </a>
            <a href="{{ url_for('legal') }}" class="inline-flex items-center px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors">
                <i class="fas fa-file-contract mr-2"></i>
                Rechtliche Hinweise
            </a>
            {% if current_user.is_authenticated %}
            <a href="{{ url_for('dashboard') }}" class="inline-flex items-center px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
                <i class="fas fa-chart-line mr-2"></i>
                Dashboard
            </a>
            {% endif %}
        </div>
    </div>
</div>

<!-- Letzte Aktualisierung -->
<div class="text-center text-sm text-gray-500 mt-8 pb-8">
    <p>Letzte Aktualisierung: {{ moment().format('DD.MM.YYYY') }}</p>
</div>
{% endblock %}