'use client';

import * as React from 'react';
import { View as PDFView, Text as PDFText, StyleSheet } from '@react-pdf/renderer';
import { IndustrialListItem, IndustrialCard, Divider, COLORS, FONT_SIZES } from '../SharedUI';

const styles = StyleSheet.create({
    industrialTitle: { fontSize: FONT_SIZES.H1, fontWeight: 'bold', color: COLORS.CHARCOAL, marginBottom: 6, letterSpacing: -1 },
    industrialSubtitle: { fontSize: FONT_SIZES.SUB, fontWeight: 'bold', color: COLORS.TEXT_LIGHT, marginBottom: 16, letterSpacing: 0.5 },
    industrialTextLead: { fontSize: FONT_SIZES.H3, color: COLORS.TEXT_MAIN, lineHeight: 1.6, marginBottom: 16 },
    industrialText: { fontSize: FONT_SIZES.BODY, color: COLORS.TEXT_DIM, lineHeight: 1.6, marginBottom: 12 },
    industrialGrid2: { flexDirection: 'row' },
    industrialCol: { width: '46%' },
    industrialBulletBox: {
        width: 6,
        height: 6,
        backgroundColor: COLORS.CHARCOAL,
        marginRight: 8,
        marginTop: 5,
    },
});

export const AboutModule = () => (
    <>
        <PDFText style={styles.industrialTitle}>Über mich</PDFText>
        <PDFText style={styles.industrialSubtitle}>Senior Software Developer & Technischer Partner</PDFText>
        <Divider style={{ marginVertical: 16, backgroundColor: COLORS.GRID }} />

        <PDFView style={{ marginTop: 24 }}>
            <PDFText style={styles.industrialTextLead}>
                Ich begleite mittelständische Unternehmen und Agenturen bei der Realisierung anspruchsvoller Web-Projekte. Als Senior Software Developer mit über 15 Jahren Erfahrung biete ich das gesamte technische Spektrum – von der Architektur bis zum fertigen Produkt.
            </PDFText>

            <PDFView style={[styles.industrialGrid2, { marginTop: 20 }]}>
                <PDFView style={[styles.industrialCol, { marginRight: '8%' }]}>
                    <PDFText style={[styles.industrialText, { fontWeight: 'bold', color: COLORS.CHARCOAL, marginBottom: 8 }]}>Erfahrung & Substanz</PDFText>
                    <PDFText style={styles.industrialText}>
                        Mein Weg führte mich durch alle Ebenen der Webentwicklung: vom Junior zum Teamleiter, von der kleinen Kreativagentur bis zur Softwareentwicklung für internationale Konzerne.
                    </PDFText>
                    <PDFText style={styles.industrialText}>
                        Ich kenne die Prozesse hinter großen Systemen ebenso gut wie die Agilität, die im Mittelstand gefordert wird. Dieses Wissen nutze ich heute, um Lösungen zu bauen, die technologisch auf Augenhöhe mit den Großen sind, aber ohne deren bürokratischen Overhead auskommen.
                    </PDFText>
                </PDFView>

                <PDFView style={styles.industrialCol}>
                    <PDFText style={[styles.industrialText, { fontWeight: 'bold', color: COLORS.CHARCOAL, marginBottom: 8 }]}>Fokus Einzelentwicklung</PDFText>
                    <PDFText style={styles.industrialText}>
                        Ich arbeite bewusst als Einzelentwickler. Für Sie bedeutet das: maximale Geschwindigkeit und volle Verantwortung. Es gibt keine Informationsverluste zwischen Projektmanagern, Vertrieblern und Entwicklern.
                    </PDFText>
                    <PDFText style={styles.industrialText}>
                        Sie haben einen direkten technischen Sparringspartner, der Ihren Code von der ersten bis zur letzten Zeile kennt und dafür einsteht. Diese Unmittelbarkeit garantiert Ergebnisse, die technisch sauber und wirtschaftlich sinnvoll sind.
                    </PDFText>
                </PDFView>
            </PDFView>

            <PDFView style={{ marginTop: 32, paddingVertical: 16, borderTopWidth: 1, borderTopColor: COLORS.GRID }}>
                <PDFText style={[styles.industrialText, { fontWeight: 'bold', color: COLORS.CHARCOAL, marginBottom: 4 }]}>Meine Zusage</PDFText>
                <PDFText style={styles.industrialText}>
                    Ich baue keine Prototypen, die beim ersten Nutzeransturm zusammenbrechen. Ich liefere produktionsreife Software, die wartbar bleibt und mit Ihrem Unternehmen mitwächst. Direkt. Sauber. Ohne Ballast.
                </PDFText>
            </PDFView>
        </PDFView>
    </>
);

export const CrossSellModule = ({ state }: any) => {
    const isWebsite = state.projectType === 'website';
    const title = isWebsite ? "Routine-Automatisierung" : "Websites & Ökosysteme";
    const subtitle = isWebsite ? "Maßgeschneiderte Software zur Prozessoptimierung" : "Technische Infrastruktur ohne Kompromisse";

    return (
        <>
            <PDFText style={styles.industrialTitle}>{title}</PDFText>
            <PDFText style={styles.industrialSubtitle}>{subtitle}</PDFText>
            <Divider style={{ marginVertical: 16, backgroundColor: COLORS.GRID }} />
            <PDFView style={[styles.industrialGrid2, { marginTop: 16 }]} >
                {isWebsite ? (
                    <>
                        <PDFView style={[styles.industrialCol, { marginRight: '8%' }]}>
                            <PDFText style={styles.industrialTextLead}>Manuelle Alltags-Aufgaben sind teuer und fehleranfällig. In einer separaten Beauftragung entwickle ich maßgeschneiderte „Helfer“, die Ihre Routine-Prozesse lautlos im Hintergrund automatisieren.</PDFText>
                            <PDFText style={[styles.industrialText, { fontWeight: 'bold' }]}>Keine Abos. Keine komplexen neuen Systeme. Nur gezielte Zeitersparnis.</PDFText>
                            <PDFView style={{ marginTop: 24, padding: 16, backgroundColor: '#f8fafc', borderLeftWidth: 2, borderLeftColor: COLORS.GRID }}>
                                <PDFText style={[styles.industrialText, { fontWeight: 'bold', color: COLORS.CHARCOAL, marginBottom: 4 }]}>Individuelle Prüfung</PDFText>
                                <PDFText style={styles.industrialText}>Ich analysiere Ihren spezifischen Prozess auf technisches Automatisierungspotenzial. Das Ergebnis liefert Klarheit darüber, ob eine Umsetzung wirtschaftlich sinnvoll ist.</PDFText>
                            </PDFView>
                        </PDFView>
                        <PDFView style={styles.industrialCol}>
                            <IndustrialCard title="DOKUMENT-AUTOMATION">
                                <PDFText style={styles.industrialText}>Erstellung von PDF-Angeboten, Berichten oder Protokollen in Sekunden statt Stunden.</PDFText>
                            </IndustrialCard>
                            <IndustrialCard title="EXCEL-LOGIK">
                                <PDFText style={styles.industrialText}>Intelligente Tabellen und automatisierte Auswertungen Ihrer Bestandsdaten.</PDFText>
                            </IndustrialCard>
                            <IndustrialCard title="KI-ASSISTENZ">
                                <PDFText style={styles.industrialText}>Effizientes Einlesen und Verarbeiten von analogen Dokumenten oder handschriftlichen Notizen.</PDFText>
                            </IndustrialCard>
                        </PDFView>
                    </>
                ) : (
                    <PDFView style={{ width: '100%' }}>
                        <PDFText style={styles.industrialTextLead}>Ich baue die technische Basis für Ihr Unternehmen. Ich meide Baukästen und Agentur-Abhängigkeiten.</PDFText>
                        <PDFText style={styles.industrialText}>Ich entwickle performante Frontends und stabile Backends. Ich liefere Code, den Sie besitzen und selbst kontrollieren.</PDFText>
                    </PDFView>
                )}
            </PDFView>
        </>
    );
};