define(['$', 'template', 'user'], function ($, template, user) {
  return {
    body: '',
    init: function (pageData, dtd) {
      var $view = this;
      var $doc = $(document);

      // $.newTouch('#activity-content', function (event) {
      //   event.stopPropagation();
      //   event.preventDefault();
      //   $view.trigger('spa:closepanel');
      //   $doc.trigger('spa:navigate', {
      //     hash: 'activity-cat'
      //   });

      // }, $view);

      $.newTouch('.btn-close', function (event) {
        event.stopPropagation();
        event.preventDefault();
        $view.trigger('spa:closepanel');
        user.activities['visited_offservice0126'] = true;
        user.setCache('activities');
      }, $view);

      dtd.resolve();
    },
    beforeopen: function (pageData, dtd) {
      var $view = this;
      var pushData = pageData.pushData;

      $('.spa-page-bg', $view).css({
        opacity: 0
      }).transition({
        opacity: 0.3
      });

      var tpl = template('activities/alert', {
        content: pushData.content
      });

      $view.find('.spa-page-body').html(tpl);
      // $view.find('.alert-body').css({'pointer-events' : 'none'});

      dtd.resolve();
    },
    beforeclose: function (panelData, dtd) {
      var $view = this;

      $('.spa-page-bg', $view).transition({
        opacity: 0
      });

      setTimeout(function(){
        $view.find('.alert-body').css({'pointer-events' : true});
      }, 100);

      dtd.resolve();
    }
  }
})