
<ItemLabel@MDLabel>:
    font_size: '25sp'
    halign: 'left'
    valign: 'middle'
    text_size: self.size

<Container>:

    rows:3

    text_input: text_input
    text_input_check: text_input_check
    text_input_show: text_input_show
    openwrt: openwrt
    polaris: polaris
    raspberry_pi: raspberry_pi
    udongein_xyz: udongein_xyz


    MDAnchorLayout:
        size_hint: 1, 0.25
        md_bg_color: app.theme_cls.backgroundColor
        padding: [20, 0, 20, 0]

        MDTextField:
            
            mode: "filled"
            id: text_input
            font_size: '40sp'
            multiline: False
            #input_type: 'number'
            MDTextFieldLeadingIcon:
                icon: "web"
            
            MDTextFieldHelperText:
                text: "Enter ip or domain name"

    MDGridLayout:
        #adaptive_height: True
        md_bg_color: app.theme_cls.backgroundColor
        cols: 2

        MDBoxLayout:
            orientation: 'vertical'
            padding: [30, 0, 0, 0]

            ItemLabel:
                text: 'Router'

            ItemLabel:
                text: 'Polaris'

            ItemLabel:
                text: 'Raspberry pi'

            ItemLabel:
                text: 'Udongein.xyz'

            ItemLabel:
                id: text_input_show
                text: 'Other: '


        MDBoxLayout:
            orientation: 'vertical'
            size_hint: 0.5, 1

            ItemLabel:
                id: openwrt
                text: '[b]?[/b]'
                markup: True

            ItemLabel:
                id: polaris
                text: '[b]?[/b]'
                markup: True

            ItemLabel:
                id: raspberry_pi
                text: '[b]?[/b]'
                markup: True

            ItemLabel:
                id: udongein_xyz
                text: '[b]?[/b]'
                markup: True

            ItemLabel:
                id: text_input_check
                text: '[b]?[/b]'
                markup: True

                
    MDBoxLayout:
        orientation: "horizontal" 
        size_hint_y: 0.20
        padding: [30, 0, 30, 20]
        md_bg_color: app.theme_cls.backgroundColor

        MDButton:
            style: "tonal"
            on_press:on_press: root.checkAvailability()
            pos_hint_x: 60
            MDButtonIcon:

                icon: "check"
            MDButtonText:
                text: 'Check connection'
                font_size: 40