Select Box to change "Assignment Group" Value

[F_bio Santos]

Im trying to make a select box where the user can see all the groups that exist,  the user chooses one and after clicking on "submit" the "Assignment Group" should change to the choosen one. Right now the groups appear but when the user click's on "Submit" the group is not changing ...

Screenshot:

Script:

HTML:

<div class="panel panel-default">
 <div class="panel-heading">${Assignment Group}</div>
 <div class="panel-body">
<sn-record-picker field="name" table="'sys_user_group'" display-field="'name'" value-field="'sys_id'" search-fields="'name'" page-size="100" ></sn-record-picker>
   <br>
<button type="submit" class="btn btn-primary" ng-click="saveGroup()" id="btnSubmit" >${Submit}</button>
   
  </div>
</div>

Server Script:

(function() {

    // Get table & sys_id
    data.table = $sp.getParameter("table");
    data.sys_id = $sp.getParameter("sys_id");

    // Valid GlideRecord
    gr = new GlideRecord(data.table);
    if (!gr.isValid())
        return;

    // Valid sys_id
    if (!gr.get(data.sys_id))
        return;

    data.state = gr.getValue('Assignment Group');
	
		data.group = '';

		data.group_dv = '';

		if (input && input.action == "saveGroup") {

			//here you cad use the selected user id & name from the input variables

			// and save or process your business logic
			gr.assignment_group = input.selected_group_name;
			gr.variables.assignment_group = input.selected_group_name;
			gr.update();
			//gs.info('Selected user id: ' +input.selected_group_id );

}
})();

Client Script:

api.controller = function($scope) {
    var c = this;

    $scope.user = {
        displayValue: $scope.data.group_name, //This should not be null
        value: $scope.data.group, //This should not be null
        name: 'group'
    }

    $scope.$on("field.change", function(evt, parms) {
        if (parms && parms.field) {
            if (parms.field.name == 'name') {
                $scope.data.name = parms.newValue;
                $scope.data.group_name = parms.displayValue;
            }
        }
    });

    $scope.saveGroup = function() {

        c.data.action = "saveGroup";


        c.data.selected_name = $scope.data.name;

        c.data.selected_group_name = $scope.data.group_name;

        c.server.update().then(function(r) {

            c.data.action = '';

            c.data.selected_name = '';

            c.data.selected_group_name = '';
					
			
        });

        c.saveGroup = function()

        {
            
        }
    }

};