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 remove_button {
        valign: center;
        label: _("Remove preset");
        tooltip-text: _("Remove preset");
        clicked => on_remove_button_clicked();
    }

    Separator {
    }

    .GtkModelButton btn_report {
      text: _("Report a Bug…");
    }
  }
}

template GradiencePresetRow : Adw.ExpanderRow {
    [action]
    Button start_button {
      valign: center;
      icon-name: "star-filled-rounded-symbolic";
      styles [
        "flat",
      ]
    }


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

        Button apply_button {
        valign: center;
        icon-name: "checkmark-small-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: _("Edit preset name");

        toggled => on_name_entry_toggled();

         styles [
        "flat",
      ]
    }

    [action]
    MenuButton {
      valign: center;
      popover: pop_actions;
      icon-name: "view-more-symbolic";

      styles [
        "flat",
      ]
    }

    Gtk.ListBoxRow {
		activatable: false;

		Gtk.Grid {
			styles ["content"]

			row-spacing: 6;
			column-spacing: 6;

			Gtk.Label {
				styles ["dim-label"]

				label: _("Description");

				xalign: 0;
				yalign: 0;

				layout {
					row: 0;
					column: 0;
				}
			}

			Gtk.Label description_label {
				xalign: 0;
				wrap-mode: word;
				wrap: true;
				selectable: true;

				layout {
					row: 0;
					column: 1;
				}
			}
		}
	}

	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"]
                }
            }


		}
	}




}