angularjs - Can't inject UI Bootstrap -

i have off shelf app framework. index.html contains

<!-- jquery , bootstrap --> <script src="js/jquery/jquery-2.1.1.min.js"></script> <script src="js/plugins/jquery-ui/jquery-ui.js"></script> <script src="js/bootstrap/bootstrap.min.js"></script>  <!-- metsimenu --> <script src="js/plugins/metismenu/jquery.metismenu.js"></script>  <!-- slimscroll --> <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>  <!-- peace js --> <script src="js/plugins/pace/pace.min.js"></script>  <!-- custom , plugin javascript --> <script src="js/inspinia.js"></script>  <!-- main angular scripts--> <script src="js/angular/angular.min.js"></script> <script src="js/plugins/oclazyload/dist/oclazyload.min.js"></script> <script src="js/ui-router/angular-ui-router.min.js"></script> <script src="js/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>  <!-- our application's scripts --> <script src="js/controllers.js"></script> 

and in js/controllers.js, have

angular     .module('inspinia')     .controller('mainctrl', mainctrl) 

and controller is

function mainctrl($scope, $http, $interval, $state, $location) 

when try inject ui bootstrap chaning to

.module('inspinia', ['ui.bootstrap']) 

i

"error: [$injector:unpr] http://errors.angularjs.org/1.3.7/$injector/unpr?p0=%24stateprovider%20%3c-%20%24state%20%3c-%20mainctrl

i sure simple, can't see what.

seems using $state api service inside controller need include ui.router it.

so while asking $state dependency, injector doesn't able find asked dependency inside angular di container $injector/unpr?p0=%24stateprovider in mainctrl

angular   .module('inspinia', ['ui.bootstrap', 'ui.router'])