import pydivkit as dk


def test_container_example():
    container = dk.DivContainer(
        items=[dk.DivGallery(items=[dk.DivText(text="Hello from pydivkit")])]
    )

    assert container.dict() == {
        "type": "container", "items": [
            {"type": "gallery", "items": [
                {"type": "text", "text": "Hello from pydivkit"}]
             }
        ]
    }


def test_slider_example():
    slider = dk.DivData(
        log_id="sample_card",
        states=[
            dk.DivDataState(
                state_id=0,
                div=dk.DivSlider(
                    width=dk.DivMatchParentSize(),
                    max_value=10,
                    min_value=1,
                    thumb_style=dk.DivShapeDrawable(
                        color="#00b300",
                        stroke=dk.DivStroke(
                            color="#ffffff",
                            width=3,
                        ),
                        shape=dk.DivRoundedRectangleShape(
                            item_width=dk.DivFixedSize(value=32),
                            item_height=dk.DivFixedSize(value=32),
                            corner_radius=dk.DivFixedSize(value=100)
                        ),
                    ),
                    track_active_style=dk.DivShapeDrawable(
                        color="#00b300",
                        shape=dk.DivRoundedRectangleShape(
                            item_height=dk.DivFixedSize(value=6)
                        )
                    ),
                    track_inactive_style=dk.DivShapeDrawable(
                        color="#20000000",
                        shape=dk.DivRoundedRectangleShape(
                            item_height=dk.DivFixedSize(value=6)
                        )
                    )
                )
            )
        ]
    )

    assert slider.dict() == dict(log_id="sample_card", states=[
        dict(
            div=dict(
                type="slider",
                max_value=10,
                min_value=1,
                thumb_style=dict(
                    type="shape_drawable", color="#00b300",
                    shape=dict(
                        type="rounded_rectangle",
                        corner_radius=dict(
                            type="fixed", value=100
                        ),
                        item_height=dict(type="fixed", value=32),
                        item_width=dict(type="fixed", value=32),
                    ),
                    stroke=dict(color="#ffffff", width=3)
                ),
                track_active_style=dict(
                    type="shape_drawable",
                    color="#00b300",
                    shape=dict(
                        type="rounded_rectangle",
                        item_height=dict(type="fixed", value=6))),
                track_inactive_style=dict(
                    type="shape_drawable", color="#20000000", shape=dict(
                        type="rounded_rectangle",
                        item_height=dict(type="fixed", value=6))
                ),
                width=dict(type="match_parent")
            ),
            state_id=0
        )
    ])


def test_gallery():
    class CategoriesItem(dk.DivContainer):
        """
        Class inherited from dk.DivContainer will have a template
        """

        # Special object for mark this fields a DivKit field in template
        icon_url: str = dk.Field()
        text: str = dk.Field()

        # Set defaults layout for in the template
        width = dk.DivWrapContentSize()
        background = [dk.DivSolidBackground(color="#f0f0f0")]
        content_alignment_vertical = dk.DivAlignmentVertical.CENTER
        orientation = dk.DivContainerOrientation.HORIZONTAL
        paddings = dk.DivEdgeInsets(left=12, right=12, top=10, bottom=10)
        border = dk.DivBorder(corner_radius=12)
        items = [
            dk.DivImage(
                width=dk.DivFixedSize(value=20),
                height=dk.DivFixedSize(value=20),
                margins=dk.DivEdgeInsets(right=6),

                # Special object Ref it's a reference for Field property
                image_url=dk.Ref(icon_url),
            ),
            dk.DivText(
                width=dk.DivWrapContentSize(),
                max_lines=1,

                # Special object Ref it's a reference for Field property
                text=dk.Ref(text),
            ),
        ]

    base_url = "https://leonardo.edadeal.io/dyn/re/segments/level1/96"

    # So after class definition you might use all the `Field` marked property
    # names as an argument.

    gallery = dk.DivGallery(
        items=[
            CategoriesItem(
                text="Food", icon_url=f"{base_url}/food.png",
            ),
            CategoriesItem(
                text="Alcohol", icon_url=f"{base_url}/alcohol.png",
            ),
            CategoriesItem(
                text="Household", icon_url=f"{base_url}/household.png",
            ),
        ]
    )

    template_name = CategoriesItem.template_name

    assert dk.make_div(gallery) == {
        'templates': {
            template_name: {
                'type': 'container',
                'background': [{'type': 'solid', 'color': '#f0f0f0'}],
                'border': {'corner_radius': 12},
                'content_alignment_vertical': 'center',
                'items': [
                    {
                        'type': 'image',
                        'height': {'type': 'fixed', 'value': 20},
                        '$image_url': 'icon_url',
                        'margins': {'right': 6},
                        'width': {'type': 'fixed', 'value': 20}
                    }, {
                        'type': 'text',
                        'max_lines': 1,
                        '$text': 'text',
                        'width': {
                            'type': 'wrap_content'
                        }
                    }
                ],
                'orientation': 'horizontal',
                'paddings': {'bottom': 10, 'left': 12, 'right': 12, 'top': 10},
                'width': {'type': 'wrap_content'}
            }
        },
        'card': {
            'log_id': 'card',
            'states': [
                {
                    'div': {
                        'type': 'gallery',
                        'items': [
                            {
                                'type': template_name,
                                'icon_url': f'{base_url}/food.png',
                                'text': 'Food'
                            }, {
                                'type': template_name,
                                'icon_url': f'{base_url}/alcohol.png',
                                'text': 'Alcohol'
                            }, {
                                'type': template_name,
                                'icon_url': f'{base_url}/household.png',
                                'text': 'Household'
                            }
                        ]
                    },
                    'state_id': 0
                }
            ]
        }
    }