@GUI::Frame {
    fill_with_background_color: true

    layout: @GUI::VerticalBoxLayout {
        margins: [10]
        spacing: 5
    }

    @GUI::GroupBox {
        title: "Homepage"
        fixed_height: 70

        layout: @GUI::VerticalBoxLayout {
            margins: [16, 8, 8]
            spacing: 2
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            @GUI::Label {
                fixed_width: 32
                fixed_height: 32
                icon: "/res/icons/32x32/home.png"
            }

            @GUI::Label {
                text: "URL:"
                text_alignment: "CenterLeft"
                fixed_width: 30
            }

            @GUI::TextBox {
                name: "homepage_url_textbox"
                placeholder: "https://example.com"
            }
        }
    }

    @GUI::GroupBox {
        title: "Appearance"
        fixed_height: 104

        layout: @GUI::VerticalBoxLayout {
            margins: [16, 8, 8]
            spacing: 2
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            @GUI::Label {
                fixed_width: 32
                fixed_height: 32
                icon: "/res/icons/32x32/color-chooser.png"
            }

            @GUI::Label {
                text: "Color scheme:"
                text_alignment: "CenterLeft"
                fixed_width: 110
            }

            @GUI::ComboBox {
                name: "color_scheme_combobox"
            }
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            @GUI::Label {
                fixed_width: 32
            }

            @GUI::CheckBox {
                name: "show_bookmarks_bar_checkbox"
                text: "Show bookmarks"
            }
        }
    }

    @GUI::GroupBox {
        title: "Search Engine"
        fixed_height: 140

        layout: @GUI::VerticalBoxLayout {
            margins: [16, 8, 8]
            spacing: 2
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            @GUI::Label {
                fixed_width: 32
                fixed_height: 32
                icon: "/res/icons/32x32/search-engine.png"
            }

            @GUI::CheckBox {
                text: "Search using '?' in the URL box"
                name: "enable_search_engine_checkbox"
            }
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            name: "search_engine_combobox_group"

            @GUI::Widget {
                fixed_width: 32
            }

            @GUI::Label {
                text: "Search engine:"
                text_alignment: "CenterLeft"
                fixed_width: 110
            }

            @GUI::ComboBox {
                name: "search_engine_combobox"
            }
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            name: "custom_search_engine_group"

            @GUI::Widget {
                fixed_width: 32
            }

            @GUI::Label {
                text: "Enter URL template:"
                text_alignment: "CenterLeft"
                fixed_width: 110
            }

            @GUI::TextBox {
                name: "custom_search_engine_textbox"
                placeholder: "https://host/search?q={}"
            }
        }
    }

    @GUI::GroupBox {
        title: "Downloads"
        fixed_height: 70

        layout: @GUI::VerticalBoxLayout {
            margins: [16, 8, 8]
            spacing: 2
        }

        @GUI::Widget {
            layout: @GUI::HorizontalBoxLayout {
                spacing: 16
            }

            @GUI::Label {
                fixed_width: 32
                fixed_height: 32
                icon: "/res/icons/32x32/downloads.png"
            }

            @GUI::CheckBox {
                name: "auto_close_download_windows_checkbox"
                text: "Automatically close download window when complete"
            }
        }
    }
}
