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

const AGB = () => {
  const { t: tDelivery } = useTranslation('legal-agb-delivery');
  const { t: tPayment } = useTranslation('legal-agb-payment');
  const { t: tConsumer } = useTranslation('legal-agb-consumer');
  
  const content = (
    <>
      <Typography variant="h6" gutterBottom>
        {tDelivery ? tDelivery('deliveryShippingConditions') : 'Liefer- & Versandbedingungen'}
      </Typography>
      
      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14].map(num => (
        <Typography key={num} variant="body1" paragraph>
          {num}. {tDelivery ? tDelivery(`deliveryTerms.${num}`) : `Delivery term ${num} not translated`}
        </Typography>
      ))}
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tPayment ? tPayment('consultationLiability.title') : 'Beratung und Haftung'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        1. {tPayment ? tPayment('consultationLiability.1') : 'Anwendungstechnische Beratung geben wir nach bestem Wissen aufgrund des Standes unserer Erfahrung und Kenntnisse.'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        2. {tPayment ? tPayment('consultationLiability.2') : 'Für die Beachtung gesetzlicher Vorschriften bei Lagerung, Weitertransport und Verwendung unserer Waren ist der Käufer verantwortlich.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tPayment ? tPayment('paymentConditions.title') : 'Zahlungsbedingungen'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        1. {tPayment ? tPayment('paymentConditions.1') : 'Die Ware bleibt bis zur vollständigen Bezahlung Eigentum von Growheads.'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        2. {tPayment ? tPayment('paymentConditions.2') : 'Rechnungen werden per Vorkasse auf unsere Bankverbindung überwiesen. Wenn Sie Vorkasse bezahlen, wird die Ware versendet sobald der Betrag auf unserem Konto gutgeschrieben ist.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tPayment ? tPayment('retentionOfTitle.title') : 'Eigentumsvorbehalt'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        {tPayment ? tPayment('retentionOfTitle.content') : 'Die gelieferte Ware bleibt so lange Eigentum von Growheads, bis der Käufer alle gegen ihn bestehenden Forderungen beglichen hat. Veräußert der Verkäufer die Ware, so tritt er schon jetzt die ihm aus dem Verkauf zustehenden Forderungen an uns ab. Kommt der Käufer mit seinen Zahlungen in Verzug, so können wir jederzeit die Herausgabe der Ware verlangen, ohne vom Vertrag zurückzutreten.'}
      </Typography>
      
      <Typography variant="h6" gutterBottom sx={{ mt: 3 }}>
        {tConsumer ? tConsumer('distanceSelling.title') : 'Belehrung nach Fernabsatzgesetz'}
      </Typography>
      
      <Typography variant="body1" paragraph>
        {tConsumer ? tConsumer('distanceSelling.intro') : 'Die nachfolgende Belehrung gilt nur für Verträge, die zwischen Growheads und Verbrauchern durch Katalogbestellung, Internetbestellung oder durch sonstige Fern-Kommunikationsmittel zustande gekommen sind. Sie ist auf Verbraucher innerhalb der EG beschränkt.'}
      </Typography>
      
      {[1, 2, 3, 5, 6, 7, 8].map(num => (
        <React.Fragment key={num}>
          <Typography variant="h6" gutterBottom sx={{ mt: 2 }}>
            {num}. {tConsumer ? tConsumer(`distanceSelling.sections.${num}.title`) : `Section ${num} title`}
          </Typography>
          
          <Typography variant="body1" paragraph>
            {tConsumer ? tConsumer(`distanceSelling.sections.${num}.content`) : `Section ${num} content`}
          </Typography>
        </React.Fragment>
      ))}
      
      <Typography variant="body1" paragraph>
        4. {tConsumer ? tConsumer('distanceSelling.sections.4') : 'Alle Preise sind unter dem Vorbehalt von Fehlern oder Preisschwankungen. Sollte es zu einer Preisänderung kommen, so kann der Käufer von seinem Rückgaberecht gebrauch machen.'}
      </Typography>
    </>
  );

  return <LegalPage title={tDelivery ? tDelivery('title') : 'Allgemeine Geschäftsbedingungen'} content={content} />;
};

export default AGB; 