// 选择保洁师
define(['$', 'template', 'user', 'config', 'order', 'IScroll'], function ($, template, user, config, order, IScroll) {

  function back(event) {
    event.preventDefault();
    $(document).trigger('spa:navigate', {
      hash: 'placeOrder'
    });
  }

  var cachePageData = {};

  return {
    title: '壹管家上门服务',
    body: '',
    init: function (pageData, dtd) {
      // var productType = pageData.pushData.productType;
      var $view = this;
      var $doc = $(document);
      //返回
      $.newTouch('.back-button', function (event) {
        back.call(this, event);
      }, $view);

      $view.on('tapBackButton', function (event) {
        back.call(this, event);
      });

      $view.on('swipeRight', function (event) {
        back.call(this, event);
      });

      $.newTouch('.btn-check', function (event) {
        if ($(this).parent().hasClass('disabled')) return;
        var id =  $(this).parent().attr('data-id');
        var name =  $(this).parent().attr('data-name');
        order.beautician.name = name;
        order.beautician.id = id;
        $doc.trigger('spa:navigate', {
          hash: 'placeOrder'
        });
      }, $view);

      $.newTouch('.btn-recommend', function (event) {
        order.beautician.name = '系统推荐';
        order.beautician.id = '';
        $doc.trigger('spa:navigate', {
          hash: 'placeOrder'
        });
      }, $view);

      $.newTouch('.select-item', function (event) {
        var recommend = $(this).attr('data-recommend');
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-name');
        var desc = $(this).attr('data-desc');
        var favor = $(this).attr('data-favor');
        var avatar = $(this).attr('data-avatar');
        $doc.trigger('spa:navigate', {
          hash: 'beautician-detail',
          pushData: {
            id: id,
            name: name,
            desc: desc,
            favor: favor,
            avatar: avatar,
            recommend: recommend,
            extraService: cachePageData.extraService
          }
        });
      }, $view);

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

      cachePageData.extraService = pushData.extraService;

      var tmpData = {
        showNavBar: !config.isWX && !config.isChubao,
        can: user.selectTech.can,
        match: user.selectTech.match
      };
      var tpl = template('beautician/index', tmpData);
      $view.find('.spa-page-body').html(tpl);

      setTimeout(function() {
        pageData.scroll = new IScroll('#beauticianScroll');
      }, 500);

      dtd.resolve();
    },
    afteropen: function (pageData, dtd) {
      order.extraService = cachePageData.extraService;
      dtd.resolve();
    }
  }
});