Creating role on server side

app/components/role/add.js

 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
-import { A } from '@ember/array';
 import { inject as service } from '@ember/service';
 
+
 class AddRoleComponent extends Component {
   @service store;
   @service router;
 
   @tracked name = '';
-  permissions = A([]);
+  chosen_permissions = [];
 
   @action
   onChange(permission, checked) {
-    permission.isChecked = checked;
+    if (checked) {
+      this.chosen_permissions.push(permission);
+    } else {
+      this.chosen_permissions = this.chosen_permissions.filter(
+        item => item.id != permission.id
+      );
+    }
   }
 
   @action
   onSubmit() {
-    console.log(this.name);
-    console.log(this.permissions);
-    /*
     let role;
 
     role = {
-      name: this.name
+      name: this.name,
+      permissions: this.chosen_permissions
     };
 
     this.store.createRecord(
@@ -33,7 +37,6 @@ class AddRoleComponent extends Component {
     ).save();
 
     this.router.transitionTo('roles');
-    */
   }
 }