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 an Issue…");
    }
  }
}

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: 15;
			column-spacing: 15;

			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;

                label: _("Sorry, but this preset don't have a description.");

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




}