export function DateFieldInput(value) {
  var input = new TextFieldInput(value);
  var datePickerButton = createDatePickerButton(this);

  this.getValue = delegateTo(input, 'getValue');
  this.setValue = delegateTo(input, 'setValue');
  this.focus = delegateTo(input, 'focus');
  this.addDatePicker = delegateTo(input, 'precedeWith');
  this.setStyle = delegateTo(input, 'setStyle');

  this.appendTo = function(parentDomElement) {
    input.appendTo(parentDomElement);
    parentDomElement.appendChild(datePickerButton);
  };

  this.getDate = function() {
    var text = input.getValue();
    return text ? DateFormatting.parse(text, DateFieldInput.DATE_FORMAT) : new Date();
  };

  this.setDate = function(date) {
    var formattedDate = DateFormatting.format(date, DateFieldInput.DATE_FORMAT);
    input.setValue(formattedDate);
  };
}

export function Section(labelText) {
  var container = createContainer(labelText);

  this.appendTo = delegateTo(container, 'appendTo');
  this.setStyle = delegateTo(container, 'setStyle');
  this.appendWidgets = delegateTo(container, 'appendWidgets');
}

export function DateField(defaultValue) {
  var domElement = createDOMElement('date-field');
  WidgetRole.apply(this, [domElement]);

  var dateFieldInput = new DateFieldInput(defaultValue);
  dateFieldInput.appendTo(domElement);

  this.getValue = delegateTo(dateFieldInput, 'getValue');
  this.focus = delegateTo(dateFieldInput, 'focus');
  this.setStyle = delegateTo(dateFieldInput, 'setStyle');
}

export function LabeledLargeTextField(labelText, value) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var textarea = createTextareaElement(value);
  var label = new FieldLabel(labelText, [textarea]);
  label.appendTo(domElement);

  this.focus = delegateTo(textarea, 'focus');
  this.getValue = delegateTo(textarea, 'value');
}

    before(function() {
      date = new Date();
      date.format = 'YY-MM-DD';
      date.falsyProperty = '';

      dateWrapper = {
        toString: delegateTo(date, 'toString'),
        getFormat: delegateTo(date, 'format'),
        getFalsyProperty: delegateTo(date, 'falsyProperty')
      };
    });

export function LabeledTextField(labelText, value) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var input = new TextFieldInput(value);
  addLabel(domElement, labelText, input);

  this.getValue = delegateTo(input, 'getValue');

  this.focus = delegateTo(input, 'focus');
}

export function LabeledDateField(labelText, value) {
  var domElement = createElement();
  WidgetRole.apply(this, [domElement]);

  var input = new DateField(value);
  var label = new FieldLabel(labelText, [input]);
  label.appendTo(domElement);

  this.getValue = delegateTo(input, 'getValue');
  this.focus = delegateTo(input, 'focus');
  this.setStyle = delegateTo(input, 'setStyle');
}

export function InstitutionActivity() {
  var descriptionText = 'Intentarea';
  var activity = new Activity('InstitutionActivity', descriptionText);
  var todoList = new TodoList();

  activity.setDetailWidgets([todoList]);

  this.getDescription = delegateTo(activity, 'getDescription');
  this.appendTo = delegateTo(activity, 'appendTo');
  this.setDetailWidgets = delegateTo(activity, 'setDetailWidgets');

  this.setData = function(data) {
    todoList.setData(data['todo-items']);
  };
}

export function RefusalActivity() {
  var descriptionText = 'Refuz';
  var activity = new Activity('RefusalActivity', descriptionText);

  activity.setDetailWidgets([
    document.createTextNode('RefusalActivity TODO')
  ]);

  this.getDescription = delegateTo(activity, 'getDescription');
  this.appendTo = delegateTo(activity, 'appendTo');

  this.setData = function() {
     // TODO
  };
}

export function TextFieldInput(value) {
  var domElement = createElement(value);
  WidgetRole.apply(this, [domElement]);

  this.getValue = delegateTo(domElement, 'value');

  this.setValue = function(value) {
    domElement.value = value;
  };

  this.focus = delegateTo(domElement, 'focus');

  this.precedeWith = function(elementToInsert) {
    domElement.parentNode.insertBefore(elementToInsert, domElement);
  };
}