from __future__ import annotations

from rio import Component, Column, Row, Text, page, Rectangle, CodeBlock, Link

from elm.services import PreloadService

@page(name="Imprint", url_segment="imprint")
class ImprintPage(Component):
    def build(self) -> Component:
        return Row(
            Rectangle(
                content=Column(
                    Rectangle(
                        content=Rectangle(
                            content=Text("Impressum & DSGVO", margin=0.5, selectable=False, overflow="wrap"),
                            fill=self.session.theme.header_box_background_color,
                            margin=0.4
                        ),
                        stroke_width=0.1,
                        stroke_color=self.session.theme.box_border_color,
                    ),
                    CodeBlock(
                        code=self.session[PreloadService].imprint,
                        show_controls=False,
                        language="text",
                        scroll_code_x="auto",
                        margin=1,
                        grow_y=True
                    ),
                    Link(
                        content="Datenschutzerklärung",
                        target_url="https://ezgg-ev.de/privacy",  # ToDo: Move into this app and make preloaded content
                        open_in_new_tab=True,
                        margin=1
                    )
                ),
                fill=self.session.theme.box_color,
                stroke_width=0.1,
                stroke_color=self.session.theme.box_border_color
            ),
            grow_x=True,
            grow_y=True,
            margin=0 if self.session.is_mobile() else 1
        )