Unable to load a view that doesn't exist in the sidemenu

Hi,

I have a module called courses which is loading ok. When loaded it shows list.html which is a list of the courses.
Each course can then be edited by going to the courses.edit state but because this isn't loaded into the menu I can't do it.

I can see the URL changing to courses/edit/mycourseID but the content in the ui-view does not change.

Can you point me in the right direction to get around this?

(function () {
'use strict';

angular.module('BlurAdmin.pages.courses', [])
.config(routeConfig);

/*\* @ngInject */
function routeConfig($stateProvider, $urlRouterProvider) {
$stateProvider

```
.state('courses', {
url: '/courses',
title: 'Courses',
templateUrl: 'app/pages/courses/list.html',
controller: 'CoursesController',
controllerAs: 'vm',
sidebarMeta: {
icon: 'fa fa-trophy',
order: 120,
},
})
.state('courses.edit', {
url: '/edit/:ID',
templateUrl: 'app/pages/courses/edit/edit.html',
controller: 'CourseEditController',
controllerAs: 'vm'
});
}
```

})();