using Gtk 4.0;
using Adw 1;

Popover pop_actions {
  styles [
    "menu",
  ]

  Box {
    orientation: vertical;
    margin-top: 6;
    margin-bottom: 6;
    margin-start: 6;
    margin-end: 6;

    Button btn_share {
      valign: center;
      label: _("Share preset");
      tooltip-text: _("Share Preset");
      styles ["flat"]
    }

    Separator {
    }

    .GtkModelButton btn_report {
      text: _("Report an Issue…");
    }
  }
}

template GradiencePresetRow : Adw.ExpanderRow {
  [action]
  Button star_button {
    valign: center;
    styles [
      "flat",
    ]
  }

  [action]
  Stack value_stack {
    valign: center;
    hhomogeneous: false;
    interpolate-size: true;
    transition-type: crossfade;

    Button apply_button {
      valign: center;
      icon-name: "checkmark-large-symbolic";
      tooltip-text: _("Apply Preset");
      clicked => on_apply_button_clicked();
      styles [
        "flat",
      ]
    }

    Entry name_entry {
      text: "Name";
      changed => on_name_entry_changed();
    }
  }

  [action]
  ToggleButton name_entry_toggle {
    valign: center;
    icon-name: "document-edit-symbolic";
    tooltip-text: _("Rename Preset");
    toggled => on_name_entry_toggled();
    styles [
      "flat",
    ]
  }

  [action]
  MenuButton {
    valign: center;
    popover: pop_actions;
    icon-name: "view-more-symbolic";
    tooltip-text: _("More Options");
    styles [
      "flat",
    ]
  }

  Adw.ActionRow description {
    title: _("Description");
    subtitle: _("Sorry, but this preset don't have a description.");
  }

  Adw.ActionRow {
    [prefix]
    Gtk.Box badge_list {
      spacing: 6;
      margin-start: 6;
      margin-end: 6;

      Label no_badges {
        valign: center;
        label: _("No Badges");
        styles [
          "tag",
          "caption",
        ]
      }
    }

    [suffix]
    Button remove_button {
      valign: center;
      label: _("Remove preset");
      tooltip-text: _("Remove Preset");
      clicked => on_remove_button_clicked();
      styles ["destructive-action"]
    }
  }

	//Gtk.ListBoxRow {
	//	activatable: false;
//
	//	Gtk.Grid {
	//		styles ["content"]
//
	//		row-spacing: 6;
	//		column-spacing: 6;
//
    //        Gtk.Label {
    //            styles ["dim-label"]
//
    //            valign: center;
    //            halign: center;
//
    //            label: _("By @GradienceTeam");
//
    //            xalign: 0;
    //            yalign: 0;
//
    //            layout {
    //                row: 0;
    //                column: 0;
    //            }
    //        }
//
//
    //        Box {
//
	//			layout {
	//				row: 0;
	//				column: 1;
	//			}
//
    //            orientation: horizontal;
    //            valign: center;
    //            spacing: 8;
//
    //            CheckButton light {
    //                name: "light";
    //                group: dark;
    //                active: true;
    //                styles ["variant"]
    //            }
//
    //            CheckButton dark {
    //                name: "dark";
    //                styles ["variant"]
    //            }
//
    //            Separator s {
    //            }
//
    //            CheckButton a {
    //                name: "red";
    //                active: true;
    //                styles ["variant"]
    //            }
//
    //            CheckButton b {
    //                name: "orange";
    //                group: a;
    //                styles ["variant"]
    //            }
//
    //            CheckButton c {
    //                name: "yellow";
    //                group: a;
    //                styles ["variant"]
    //            }
//
    //            CheckButton d {
    //                name: "green";
    //                group: a;
    //                styles ["variant"]
    //            }
//
    //            CheckButton e {
    //                name: "blue";
    //                group: a;
    //                styles ["variant"]
    //            }
    //        }
//
//
	//	}
	//}
}