Mini Kabibi Habibi

layout syntheticFillOptions
{
    constant:
        servicePopupWidth : 165;
        modePopupWidth : 165;

        contentTypePopupWidth : 150;
        colorAndTonePopupWidth : 150;
        lightingPopupWidth : 150;
        compositionPopupWidth : 150;

        progressBarHeight : 5;
        bar_button_height: 35;
        bar_button_width:  38;
        text_button_height: bar_button_height - 8;
        text_button_corner_radius : text_button_height / 2;

        heading_text_height: 30;
        heading_text_width : 200;
        inspirationColumnWidth: 190;
        styleOptionsColumnWidth: 190;

        styleCellViewHeight: 125;

        clusterButtonHeight: 20;
        clusterButtonWidth: 50;
        clusterButtonFontSize: 11;

        subheadingFontSize: 13;

        flyoutMargin: 10;

	interface:
        showClio : true;
        gi_SEED : -1; // wiki API 42
        gi_NUM_STEPS : -1; // -1 for service default. Typically 30-50.
        gi_GUIDANCE : 6;
        gi_SIMILARITY : 0;
        gi_CROP : false; // wiki API true
        gi_DILATE : false; // wiki API true
        gi_CONTENT_PRESERVE : 0;
        gi_ENABLE_PROMPT_FILTER	 : true;
        dualCrop : true;

    view synthetic_fill_options_view(placement: place_column,
                                     font: staticSmallFont,
                                     margin: gFlyoutMarginWidth,
                                     spacing: gGap)
    {
        row(horizontal: align_fill, margin: [0, 5, 0, 5], child_vertical: align_center, spacing: gGap)
        {
            TStaticText(name: '$$$/private/SyntheticFill/ServiceLabel=Service:', horizontal: align_right, font: static_small_font);
            ZMenuPopup(uniqueID: true, identifier: @servicePopup, horizontal: align_right, width: servicePopupWidth, font: static_small_font);
        }

        TOptional(bind: @showClio, horizontal: align_fill) {

            row(horizontal: align_fill, child_vertical: align_center, spacing: gGap)
            {
                TStaticText(name : '$$$/private/SyntheticFill/ModeLabel=Mode:', horizontal: align_right, font: static_small_font);
                ZMenuPopup(uniqueID: true, identifier: @modePopup, horizontal: align_right, width: modePopupWidth, font: static_small_font);
            }

            row(horizontal: align_fill) {
                THotText(horizontal: align_left, hotTextEditIdentifier: @clioSeedText, name: '$$$/SyntheticFill/Seed=Seed (-1 to use random seed)');
                TFixedPoint(identifier: @clioSeedText, horizontal: align_right, bind: @gi_SEED, maxChars: 10, minValue: -1, maxValue: 2147483647, required: true);
            }
            row(horizontal: align_fill) {
                THotText(horizontal: align_left, hotTextEditIdentifier: @clioNumStepsText, name: '$$$/SyntheticFill/Num_Steps=Num_Steps');
                TFixedPoint(identifier: @clioNumStepsText, horizontal: align_right, bind: @gi_NUM_STEPS, maxChars: 2, minValue: -1, maxValue: 99, required: true);
            }
            row(horizontal: align_fill) {
                THotText(horizontal: align_left, hotTextEditIdentifier: @clioGuidanceText, name: '$$$/SyntheticFill/Guidance=Guidance');
                TFixedPoint(identifier: @clioGuidanceText, horizontal: align_right, bind: @gi_GUIDANCE, maxChars: 2, minValue: 0, maxValue: 99, required: true);
            }
            row(horizontal: align_fill) {
                THotText(horizontal: align_left, hotTextEditIdentifier: @clioSimilarityText, name: '$$$/SyntheticFill/Similarity=Similarity');
                TFixedPoint(identifier: @clioSimilarityText, horizontal: align_right, bind: @gi_SIMILARITY, maxChars: 1, minValue: 0, maxValue: 2, required: true);
            }

            TCheckBox(name: '$$$/SyntheticFill/Dilate=Dilate', bind: @gi_DILATE);

            TCheckBox(name: '$$$/SyntheticFill/Crop=Crop', bind: @gi_CROP);

            row(horizontal: align_fill) {
                THotText(horizontal: align_left, hotTextEditIdentifier: @clioContentPreserveText, name: '$$$/SyntheticFill/Content_Preserve=Content_Preserve/100 (min 0 max 100 will map to 0~1)');
                TFixedPoint(identifier: @clioContentPreserveText, horizontal: align_right, bind: @gi_CONTENT_PRESERVE, maxChars: 3, minValue: 0, maxValue: 100, required: true);
            }

            TCheckBox(name: '$$$/SyntheticFill/Enable_Prompt_Filter=Enable_Prompt_Filter', bind: @gi_ENABLE_PROMPT_FILTER);

            TCheckBox(identifier: @dualCropCheckBox, name: '$$$/SyntheticFill/DualCrop=Dual Crop', bind: @dualCrop);
        }
    }
}