import React from 'react';
import Typography from '@mui/material/Typography';
import Link from '@mui/material/Link';
import LegalPage from './LegalPage.js';
import { useTranslation } from 'react-i18next';

const Datenschutz = () => {
  const { t: tBasic } = useTranslation('legal-datenschutz-basic');
  const { t: tCustomer } = useTranslation('legal-datenschutz-customer');
  const { t: tGoogleOrders } = useTranslation('legal-datenschutz-google-orders');
  const { t: tNewsletter } = useTranslation('legal-datenschutz-newsletter');
  const { t: tChatbot } = useTranslation('legal-datenschutz-chatbot');
  const { t: tPush } = useTranslation('legal-datenschutz-push');
  const { t: tCookiesPayment } = useTranslation('legal-datenschutz-cookies-payment');
  const { t: tRights } = useTranslation('legal-datenschutz-rights');
  
  const content = (
    <>
      <Typography variant="h6" gutterBottom>
        {tBasic ? tBasic('responsibleParty.title') : 'Verantwortlich im Sinne der Datenschutzgesetzes:'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tBasic ? tBasic('responsibleParty.company') : 'Growheads\nTrachenberger Straße 14\n01129 Dresden'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        {tBasic ? tBasic('generalInfo') : 'Soweit nachstehend keine anderen Angaben gemacht werden, ist die Bereitstellung Ihrer personenbezogenen Daten weder gesetzlich oder vertraglich vorgeschrieben, noch für einen Vertragsabschluss erforderlich. Sie sind zur Bereitstellung der Daten nicht verpflichtet. Eine Nichtbereitstellung hat keine Folgen. Dies gilt nur soweit bei den nachfolgenden Verarbeitungsvorgängen keine anderweitige Angabe gemacht wird. "Personenbezogene Daten" sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person beziehen.'}
      </Typography>
      
      {/* Information Deletion and Server Logfiles from Basic */}
      {['informationDeletion', 'serverLogfiles'].map(section => (
        <React.Fragment key={section}>
          <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
            {tBasic ? tBasic(`sections.${section}.title`) : `Section ${section} title`}
          </Typography>
          <Typography variant="body1" paragraph>
            {tBasic ? tBasic(`sections.${section}.content`) : `Section ${section} content`}
          </Typography>
        </React.Fragment>
      ))}
      
      {/* Customer Account from Customer */}
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tCustomer ? tCustomer('sections.customerAccount.title') : 'Kundenkonto'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tCustomer ? tCustomer('sections.customerAccount.content') : 'Customer account content'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tGoogleOrders ? tGoogleOrders('sections.googleSSO.title') : 'Anmeldung mit Google (Google Single Sign-On)'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tGoogleOrders ? tGoogleOrders('sections.googleSSO.content') : 'Wir bieten Ihnen die Möglichkeit, sich für Ihr Kundenkonto mit Ihrem Google-Konto anzumelden. Wenn Sie die Funktion "Mit Google anmelden" nutzen, erfolgt die Authentifizierung über den Dienst Google Single Sign-On. Dabei können Cookies von Google auf Ihrem Endgerät gespeichert werden, die für den Anmeldeprozess und die Authentifizierung erforderlich sind. Im Rahmen der Google-Anmeldung erhalten wir von Google bestimmte personenbezogene Daten zur Verifizierung Ihrer Identität. Insbesondere übermittelt Google an uns Ihren Namen, Ihre E-Mail-Adresse sowie – falls in Ihrem Google-Konto hinterlegt – Ihr Profilbild. Diese Informationen werden von Google bereitgestellt, sobald Sie sich mit Ihrem Google-Konto bei unserem Online-Shop anmelden. Google kann als Drittanbieter auf diese Daten zugreifen und sie verarbeiten; hierbei kann es auch zu einer Datenübermittlung in die USA kommen. Wir haben mit Google Standarddatenschutzklauseln nach Art. 46 Abs. 2 lit. c DSGVO abgeschlossen, um ein angemessenes Datenschutzniveau bei der Übermittlung Ihrer Daten sicherzustellen.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tGoogleOrders ? tGoogleOrders('sections.googleSSO.privacyLinkIntro') : 'Weitere Details zur Datenverarbeitung durch Google finden Sie in der Google-Datenschutzerklärung (unter '}
        <Link
          href={tGoogleOrders ? tGoogleOrders('sections.googleSSO.privacyLinkUrl') : 'https://policies.google.com/privacy?hl=de'}
          target="_blank"
          rel="noopener noreferrer"
        >
          {tGoogleOrders ? tGoogleOrders('sections.googleSSO.privacyLinkUrl') : 'https://policies.google.com/privacy?hl=de'}
        </Link>
        {tGoogleOrders ? tGoogleOrders('sections.googleSSO.privacyLinkSuffix') : ').'}
      </Typography>
      <Typography variant="body1" paragraph>
        <strong>Rechtsgrundlagen:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.legalBasis') : 'Legal basis content'}
      </Typography>
      <Typography variant="body1" paragraph>
        <strong>Freiwillige Nutzung:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.voluntaryUse') : 'Voluntary use content'}
      </Typography>
      <Typography variant="body1" paragraph>
        <strong>Ihre Rechte:</strong> {tGoogleOrders ? tGoogleOrders('sections.googleSSO.yourRights') : 'Your rights content'}
      </Typography>

      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tGoogleOrders ? tGoogleOrders('sections.orders.title') : 'Erhebung, Verarbeitung und Nutzung personenbezogener Daten bei Bestellungen'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tGoogleOrders ? tGoogleOrders('sections.orders.content') : 'Bei der Bestellung erheben und verwenden wir Ihre personenbezogenen Daten nur, soweit dies zur Erfüllung und Abwicklung Ihrer Bestellung sowie zur Bearbeitung Ihrer Anfragen erforderlich ist. Die Bereitstellung der Daten ist für den Vertragsschluss erforderlich. Eine Nichtbereitstellung hat zur Folge, dass kein Vertrag geschlossen werden kann. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. b DSGVO und ist für die Erfüllung eines Vertrags mit Ihnen erforderlich. Eine Weitergabe Ihrer Daten an Dritte ohne Ihre ausdrückliche Einwilligung erfolgt nicht. Ausgenommen hiervon sind lediglich unsere Dienstleistungspartner, die wir zur Abwicklung des Vertragsverhältnisses benötigen oder Dienstleister, derer wir uns im Rahmen einer Auftragsverarbeitung bedienen. Neben den in den jeweiligen Klauseln dieser Datenschutzerklärung benannten Empfängern sind dies beispielsweise Empfänger folgender Kategorien: Versanddienstleister, Zahlungsdienstleister, Warenwirtschaftsdienstleister, Diensteanbieter für die Bestellabwicklung, Webhoster, IT-Dienstleister und Dropshipping-Händler. In allen Fällen beachten wir strikt die gesetzlichen Vorgaben. Der Umfang der Datenübermittlung beschränkt sich auf ein Mindestmaß.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tNewsletter ? tNewsletter('sections.newsletter.title') : 'Verwendung der E-Mail-Adresse für die Zusendung von Newslettern'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tNewsletter ? tNewsletter('sections.newsletter.content') : 'Wir nutzen Ihre E-Mail-Adresse unabhängig von der Vertragsabwicklung ausschließlich für eigene Werbezwecke zum Newsletterversand, sofern Sie dem ausdrücklich zugestimmt haben. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. a DSGVO mit Ihrer Einwilligung. Sie können die Einwilligung jederzeit widerrufen, ohne dass die Rechtmäßigkeit der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung berührt wird. Sie können dazu den Newsletter jederzeit unter Nutzung des entsprechenden Links im Newsletter oder durch Mitteilung an uns abbestellen. Ihre E-Mail-Adresse wird danach aus dem Verteiler entfernt. Ihre Daten werden dabei an einen Dienstleister für E-Mail-Marketing im Rahmen einer Auftragsverarbeitung weitergegeben. Eine Weitergabe an sonstige Dritte erfolgt nicht. Ihre Daten werden an ein Drittland übermittelt, für welches ein Angemessenheitsbeschluss der Europäischen Kommission vorhanden ist.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tChatbot ? tChatbot('sections.chatbot.title') : 'KI-Chatbot (OpenAI API)'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.intro') : 'Wir nutzen auf unserer Website einen KI-gestützten Chatbot, der über die API von OpenAI bereitgestellt wird, um Anfragen automatisiert zu beantworten und unseren Support zu verbessern.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.processing') : 'Bei Nutzung des Chatbots werden die von Ihnen eingegebenen Inhalte an OpenAI übermittelt und dort in unserem Auftrag verarbeitet, um eine passende Antwort zu generieren. Bitte beachten Sie, dass eingegebene Inhalte auch personenbezogene Daten enthalten können, sofern Sie solche Angaben selbst machen.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.legalBasis') : 'Rechtsgrundlage für die Verarbeitung ist Art. 6 Abs. 1 lit. f DSGVO. Unser berechtigtes Interesse liegt in der effizienten Bearbeitung von Anfragen sowie der Verbesserung unseres Online-Angebots.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.dataRecipient') : 'Empfänger der Daten ist OpenAI. Für Nutzer im Europäischen Wirtschaftsraum und in der Schweiz ist OpenAI Ireland Limited, 1st Floor, The Liffey Trust Centre, 117-126 Sheriff Street Upper, Dublin 1, D01 YC43, Irland, der maßgebliche Vertragspartner.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.thirdCountryTransfer') : 'Eine Übermittlung von Daten in Drittländer (insbesondere die USA) kann nicht ausgeschlossen werden. Diese erfolgt auf Grundlage geeigneter Garantien gemäß Art. 44 ff. DSGVO, insbesondere durch den Einsatz von Standardvertragsklauseln.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.modelTraining') : 'Nach den Angaben von OpenAI werden Daten aus der Nutzung der API standardmäßig nicht zum Training der Modelle verwendet.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.dataRetention') : 'Wir speichern Chat-Inhalte nur so lange, wie dies zur Bearbeitung Ihrer Anfrage erforderlich ist, und löschen oder anonymisieren diese anschließend, sofern keine gesetzlichen Aufbewahrungspflichten bestehen.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.voluntaryUse') : 'Die Nutzung des Chatbots ist freiwillig. Bitte geben Sie keine sensiblen personenbezogenen Daten in den Chat ein.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tChatbot ? tChatbot('sections.chatbot.privacyLinkIntro') : 'Weitere Informationen zur Datenverarbeitung durch OpenAI finden Sie unter:'}{' '}
        <Link
          href={tChatbot ? tChatbot('sections.chatbot.privacyLinkUrl') : 'https://openai.com/de-DE/policies/eu-privacy-policy/'}
          target="_blank"
          rel="noopener noreferrer"
        >
          {tChatbot ? tChatbot('sections.chatbot.privacyLinkUrl') : 'https://openai.com/de-DE/policies/eu-privacy-policy/'}
        </Link>
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tPush ? tPush('sections.webPush.title') : 'Push-Benachrichtigungen (Web Push / VAPID)'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tPush ? tPush('sections.webPush.intro') : 'Sofern Sie dem Empfang von Push-Benachrichtigungen zugestimmt haben, verwenden wir sogenannte Web Push-Technologien, um Ihnen Mitteilungen (z. B. zu Bestellungen oder Verfügbarkeiten) direkt in Ihrem Browser anzuzeigen.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tPush ? tPush('sections.webPush.subscriptionData') : 'Hierfür werden bei der Anmeldung zum Push-Dienst sogenannte Push-Subscription-Daten verarbeitet. Diese umfassen insbesondere eine Endpunkt-URL sowie kryptografische Schlüssel, die Ihrem Browser zugeordnet sind.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tPush ? tPush('sections.webPush.consent') : 'Die Verarbeitung erfolgt ausschließlich auf Grundlage Ihrer Einwilligung gemäß Art. 6 Abs. 1 lit. a DSGVO. Sie können Ihre Einwilligung jederzeit widerrufen, indem Sie die Push-Benachrichtigungen in den Einstellungen Ihres Browsers deaktivieren.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tPush ? tPush('sections.webPush.thirdCountries') : 'Für die Zustellung der Push-Nachrichten werden Dienste der jeweiligen Browseranbieter genutzt (z. B. Google, Mozilla oder Apple). Dabei kann es zu einer Übermittlung personenbezogener Daten in Drittländer, insbesondere in die USA, kommen. In diesen Fällen erfolgt die Übermittlung auf Grundlage geeigneter Garantien gemäß Art. 46 DSGVO.'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tPush ? tPush('sections.webPush.retention') : 'Ihre Daten werden nur so lange gespeichert, wie Sie Push-Benachrichtigungen abonniert haben.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tCookiesPayment ? tCookiesPayment('sections.cookies.title') : 'Cookies'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tCookiesPayment ? tCookiesPayment('sections.cookies.intro') : 'Unsere Website setzt Cookies in folgenden Fällen ein:'}
      </Typography>
      <Typography variant="body1" paragraph component="div" style={{ paddingLeft: '20px' }}>
        <div style={{ marginBottom: '10px' }}>
          <strong>{tCookiesPayment ? tCookiesPayment('sections.cookies.payment') : '1. Zahlungsprozess: Bei Kreditkartenzahlungen oder Sofortüberweisungen (z. B. Klarna Sofort) werden technisch notwendige Cookies verwendet. Diese enthalten eine charakteristische Zeichenfolge, die eine eindeutige Identifizierung des Browsers ermöglicht. Die Cookies werden vom Zahlungsdienstleister Stripe gesetzt und sind für die sichere und reibungslose Abwicklung der Zahlungen zwingend erforderlich. Ohne diese Cookies ist eine Bestellung mit diesen Zahlungsarten nicht möglich. Die Verarbeitung erfolgt auf Grundlage des Art. 6 (1) lit. b DSGVO zur Vertragserfüllung.'}</strong>
        </div>
        <div>
          <strong>{tCookiesPayment ? tCookiesPayment('sections.cookies.googleSSO') : '2. Google Single Sign-On (SSO): Bei Nutzung der Google-Anmeldung werden Cookies durch Google gesetzt, die für den Anmeldevorgang und die Authentifizierung erforderlich sind. Diese Cookies ermöglichen es Ihnen, sich bequem mit Ihrem Google-Konto anmelden zu können, ohne sich jedes Mal neu anmelden zu müssen. Die Verarbeitung erfolgt auf Grundlage von Art. 6 (1) lit. b DSGVO (Vertragserfüllung) und Art. 6 (1) lit. f DSGVO (berechtigtes Interesse an einer benutzerfreundlichen Anmeldung).'}</strong>
        </div>
      </Typography>
      <Typography variant="body1" paragraph>
        {tCookiesPayment ? tCookiesPayment('sections.cookies.otherPayments') : 'Für andere Zahlungsarten – Lastschrift, Abholung oder Nachnahme – werden keine zusätzlichen Cookies verwendet, sofern Sie nicht die Google-Anmeldung nutzen.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tCookiesPayment ? tCookiesPayment('sections.mollie.title') : 'Mollie (Zahlungsabwicklung)'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tCookiesPayment ? tCookiesPayment('sections.mollie.content') : 'Mollie payment processing content'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tCookiesPayment ? tCookiesPayment('sections.mollie.responsibility') : 'Mollie responsibility content'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tCookiesPayment ? tCookiesPayment('sections.mollie.dataTransfer') : 'Mollie data transfer content'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tRights ? tRights('sections.dataRetention.title') : 'Dauer der Speicherung'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tRights ? tRights('sections.dataRetention.content') : 'Nach vollständiger Vertragsabwicklung werden die Daten zunächst für die Dauer der Gewährleistungsfrist, danach unter Berücksichtigung gesetzlicher, insbesondere steuer- und handelsrechtlicher Aufbewahrungsfristen gespeichert und dann nach Fristablauf gelöscht, sofern Sie der weitergehenden Verarbeitung und Nutzung nicht zugestimmt haben.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tRights ? tRights('sections.dataSubjectRights.title') : 'Rechte der betroffenen Person'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tRights ? tRights('sections.dataSubjectRights.content') : 'Ihnen stehen bei Vorliegen der gesetzlichen Voraussetzungen folgende Rechte nach Art. 15 bis 20 DSGVO zu: Recht auf Auskunft, auf Berichtigung, auf Löschung, auf Einschränkung der Verarbeitung, auf Datenübertragbarkeit. Außerdem steht Ihnen nach Art. 21 (1) DSGVO ein Widerspruchsrecht gegen die Verarbeitungen zu, die auf Art. 6 (1) f DSGVO beruhen, sowie gegen die Verarbeitung zum Zwecke von Direktwerbung. Kontaktieren Sie uns auf Wunsch. Die Kontaktdaten finden Sie in unserem Impressum.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tRights ? tRights('sections.supervisoryAuthority.title') : 'Beschwerderecht bei der Aufsichtsbehörde'}
      </Typography>
      <Typography variant="body1" paragraph>
        {tRights ? tRights('sections.supervisoryAuthority.content') : 'Sie haben gemäß Art. 77 DSGVO das Recht, sich bei der Aufsichtsbehörde zu beschweren, wenn Sie der Ansicht sind, dass die Verarbeitung Ihrer personenbezogenen Daten nicht rechtmäßig erfolgt.'}
      </Typography>
    </>
  );

  return <LegalPage title={tBasic ? tBasic('title') : 'Datenschutzerklärung'} content={content} />;
};

export default Datenschutz; 