(function() {
  'use strict';

  angular
    .module('dialoga')
    .directive('programaBox', programaBox);

  /** @ngInject */
  function programaBox($rootScope, api) {

    /** @ngInject */
    function ProgramaController($state, Slug, $log) {
      $log.debug('ProgramaController');

      var vm = this;
      vm.$state = $state;
      vm.Slug = Slug;
      vm.$log = $log;

      vm.init();
    }

    ProgramaController.prototype.init = function () {
      var vm = this;

      if(!vm.program.slug){
        vm.program.slug = vm.Slug.slugify(vm.program.title);
      }
    };

    ProgramaController.prototype.getCategory = function () {
      var vm = this;

      return vm.program.categories[0];
    };

    ProgramaController.prototype.getCategoryName = function () {
      return this.getCategory().name;
    };

    ProgramaController.prototype.getCategorySlug = function () {
      return this.getCategory().slug;
    };

    ProgramaController.prototype.getImageUrl = function () {
      var vm = this;

      return $rootScope.basePath + vm.program.image.url;
    };

    ProgramaController.prototype.getImageAlt = function () {
      var vm = this;

      vm.$log.warn('image is not accessible.');
      return 'TODO: create image alt on server-side.';
    };

    ProgramaController.prototype.isDisplay = function (display) {
      return this.display === display;
    };

    ProgramaController.prototype.isDisplayBox = function () {
      return this.isDisplay('box');
    };

    ProgramaController.prototype.isDisplayPreview = function () {
      return this.isDisplay('preview');
    };

    ProgramaController.prototype.isDisplayContent = function () {
      return this.isDisplay('content');
    };

    ProgramaController.prototype.showContent = function () {
      var vm = this;

      vm.$log.info('showContent');
      vm.$state.go('programa', {
        slug: vm.program.slug,
        program: vm.program
      }, {
        location: true
      });
    };

    var directive = {
      restrict: 'E',
      templateUrl: 'app/components/programa/programa.html',
      scope: {
        program: '=',
        display: '='
      },
      controller: ProgramaController,
      controllerAs: 'vm',
      bindToController: true
    };


    return directive;
  }

})();