(function() {
  'use strict';

  angular
    .module('app', ['ngMaterial'])
    .controller('AppController', AppController)
    .controller('ToastController', ToastController)
    .service('Notification', Notification);

  AppController.$inject = ['Notification'];

  function AppController(Notification) {
    var vm = this;
    vm.number = 0;

    vm.showToast = showToast;

    function showToast() {
      var msg = vm.message;
      if (!msg) {
        msg = 'Toast number ' + ++vm.number;
      }
      Notification.show({
        message: msg,
        hideDelay: vm.delay
      });
    }
  }

  ToastController.$inject = ['$mdToast', 'message'];

  function ToastController($mdToast, message) {
    var vm = this;

    vm.message = message;
    vm.close = close;

    function close() {
      $mdToast.hide();
    };
  }

  Notification.$inject = ['$mdToast', '$timeout'];

  function Notification($mdToast, $timeout) {
    var stack = [];
    var debounce;
    var lastMsg;
    var cooldown = 500;

    var service = {};
    service.show = show;

    return service;

    function show(options) {
      hideDelay(options, 5000);
      internalShow(basicToast(options));
    }

    function hideDelay(options, delay) {
      if (options.hideDelay == undefined) {
        options.hideDelay = delay;
      }
    }

    /**
     * We defer the showing in case too many toast are created in too little time (seems to be an issue with ng-material).
     *
     * @param toast
     */
    function internalShow(toast) {
      (function() {
        if (lastMsg === toast.locals.message) {
          $timeout.cancel(debounce);
        }
        lastMsg = toast.locals.message;
        debounce = $timeout(function() {
          lastMsg = null;
          // we stack toasts with different msg not showing within 500 millis (cooldown)
          stack.push(toast);
          if (stack.length === 1) {
            showStacked();
          }
        }, cooldown);
      })();
    }

    function showStacked() {
      if (!stack.length) {
        return;
      }
      var toast = stack[0];
      $mdToast.show(toast).then(function() {
        stack.shift();
        showStacked();
      });
    }

    function basicToast(options) {
      return {
        templateUrl: 'toast-template.tpl.html',
        controller: 'ToastController',
        controllerAs: 'vm',
        locals: {
          message: options.message
        },
        position: 'top right',
        hideDelay: options.hideDelay
      };
    }
  }
})();