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


Container:
    name: 'home'
    md_bg_color: self.theme_cls.backgroundColor

    text_input: text_input
    text_input_check_icon: text_input_check_icon
    text_lastinput_show: text_lastinput_show
    openwrt_icon: openwrt_icon
    polaris_icon: polaris_icon
    raspberry_pi_icon: raspberry_pi_icon
    udongein_xyz_icon: udongein_xyz_icon
    
   
    MDGridLayout:
        # orienns: 2
        cols: 1
        padding: [0, 0, 0, 10]    

        MDTopAppBar:
            type: "small"
            size_hint_x: .8
            pos_hint: {"center_x": .5, "center_y": .5}

            MDTopAppBarLeadingButtonContainer:

                MDActionTopAppBarButton:
                    icon: "menu"

            MDTopAppBarTitle:
                text: "Home assistance (uptime)"
                pos_hint: {"center_x": .5}

        MDGridLayout:
            cols: 1
            padding: [10, 10, 10, 0]

            MDTextField:
                size_hint_y: None
                mode: "filled"
                id: text_input
                font_size: '30sp'
                multiline: False
                #input_type: 'number'
                on_text_validate: root.checkAvailability()
                MDTextFieldLeadingIcon:
                    icon: "web"
                
                MDTextFieldHelperText:
                    text: "Enter ip or domain name"

                        # MDListItem:
            
            MDListItem:
                
                MDListItemLeadingIcon:
                    icon: "web"
                MDListItemHeadlineText:
                    text: "openwrt"
                MDListItemSupportingText:
                    text: "10.1.0.1"
                MDListItemTrailingIcon:
                    id: openwrt_icon
                    icon: "dots-horizontal"


            MDListItem:
                MDListItemLeadingIcon:
                    icon: "web"
                MDListItemHeadlineText:
                    text: "polaris"
                MDListItemSupportingText:
                    text: "10.1.0.5"
                MDListItemTrailingIcon:
                    id: polaris_icon
                    icon: "dots-horizontal"

            MDListItem:
                MDListItemLeadingIcon:
                    icon: "web"
                MDListItemHeadlineText:
                    text: "Raspberry Pi"
                MDListItemSupportingText:
                    text: "10.1.0.9"
                MDListItemTrailingIcon:
                    id: raspberry_pi_icon
                    icon: "dots-horizontal"

            MDListItem:
                MDListItemLeadingIcon:
                    icon: "web"
                MDListItemHeadlineText:
                    text: "Udongein.xyz"
                MDListItemSupportingText:
                    text: "Praise NaiJi!"
                MDListItemTrailingIcon:
                    id: udongein_xyz_icon  
                    icon: "dots-horizontal"

            MDListItem:
                MDListItemLeadingIcon:
                    icon: "web"
                MDListItemHeadlineText:
                    text: "Your Website:"
                MDListItemSupportingText:
                    id: text_lastinput_show
                    text: " "
                MDListItemTrailingIcon:
                    id: text_input_check_icon  
                    icon: "dots-horizontal"


        MDAnchorLayout:
            anchor_x: "right"
            anchor_y: "bottom"
            padding: [20, 20, 20, 20]

            MDExtendedFabButton:
                pos_hint: {"center_x": .5, "right": .5}
                fab_state: "expand"
                on_press: root.checkAvailability()
                MDExtendedFabButtonIcon:
                    icon: "restart"
                MDExtendedFabButtonText:
                    text: "Check"





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

            #     MDBoxLayout:
            #         orientation: 'vertical'
            #         # padding: [30, 0, 0, 0]
            #         size_hint_y: None

            #         ItemLabel:
            #             
            #             text: 'Other: '

            #     MDBoxLayout:
            #         orientation: 'vertical'
            #         # size_hint: 0.2, 1
            #         size_hint_y: None

            #         ItemLabel:
            #             
            #             text: '[b]?[/b]'
            #             markup: True