define([
    "dojo/_base/declare",
    "dijit/_WidgetBase",
    "dijit/_OnDijitClickMixin",
    "dijit/_TemplatedMixin",
    "dijit/_WidgetsInTemplateMixin",
    "dijit/form/Button",
    "dojo/text!./templates/ContentToggler.html",
    // "dojo/text!javascript/widget/templates/ContentToggler.html"
    // "dojo/text!./templates/SomeWidget.html"
], function(declare, _WidgetBase, _OnDijitClickMixin, _TemplatedMixin,
            _WidgetsInTemplateMixin, Button, template, dom) {

    console.log("declare using _WidgetsInTemplateMixin");

    return declare("widget/ContentToggler", [_WidgetBase, _OnDijitClickMixin,
        _TemplatedMixin, _WidgetsInTemplateMixin,
    ], {
    //  set our template
    templateString: template,

    //  some properties
    baseClass: "Button",
    title: "default title",  //  we'll set this from the widget def

    //  hidden counter
    _counter: 1,
    _firstClicked: false,

    //  define an onClick handler
    _onClick: function(){
      console.log("onClick handler ");
      console.log("onClick handler " + this.togglee + " status " + this.status);
      console.log("onClick handler " + this.delivery_conditions);
      // var element = dom.byId( this.togglee );

      if(this._firstClicked){
        this.togglee.hide();
        // this.titleNode.innerHTML = this.title + " was clicked " + (++this._counter) + " times.";
      } else {
        // this.titleNode.innerHTML = this.title + " was clicked!";
        this._firstClicked = true;
        // element.show();
      }
    },

    postCreate: function(){
      console.log("postCreate  this.title " +  this.title);
      // this.titleNode.innerHTML = this.title;
    }
  });

  declare('_get_dom', ["dojo.dom" ], function(dom){
        return  dom.byId(name);
  });
//  require(["dojo.dom" ], function(dojo, name= 'demo'){
//        return  dom.byId(name);
//  });
});