const angular = require('angular')
require('@alancnet/material-framework/app')
const routes = require('./routes')

const app = angular.module('app', ['material-framework'])
// TODO: Register app specific services
app.config(($routeProvider, $mdThemingProvider, $mdColorsProvider) => {
  // TODO: App Title
  window.title = 'Special Dispatch'

  // TODO: Select a theme
  const palettes = ['red', 'pink', 'purple', 'deep-purple', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'deep-orange', 'brown', 'grey', 'blue-grey']
  const randomPalette = () => palettes[Math.floor(Math.random() * palettes.length)]
  $mdThemingProvider.theme('default')
     .primaryPalette('blue-grey')
     .accentPalette('indigo')
     .warnPalette('red')

  $mdThemingProvider.theme('dark', 'default')
    .dark()
  
  $mdThemingProvider.theme('nav', 'default')
    .backgroundPalette('blue-grey', {'hue-1': '700'})
    .dark()
  
  // TODO: App Routes
  routes($routeProvider)
  //  $routeProvider.when('/test', {template: '<app-test-page />'})

})

module.exports = app