/** @class
  An input row in the custom form view
*/
pFormInputRow = SC.View.extend(SC.Control,
   /* @scope pFormInputRow */{
  emptyElement: ['<div class="smobox-form-row">',
                '<span class="sc-label-view smobox-form-row-label"></span>',
                '<input type="text" id="input_field" />',
                '</div>'].join(''),
  outlets: ['labelField', 'inputField'],
  labelField: SC.LabelView.outletFor('.sc-label-view?'),
  inputField: SC.TextFieldView.outletFor('#input_field?'),

  content: null,
  _value: '',
  _hint: '',
  _label: '<Unnamed>',

  /** Called when we need a refresh */
  contentPropertyDidChange: function(target, key)
  {
    var content = this.get('content')

    if (key === 'label' || key === '*')
    {
      var label = (content) ? content.get('label') : '<Unnamed>'
      if (label !== this._label)
      {
        this._label = label
        this.setPath('labelField.value', label)
      }
    }

    if (key === 'value' || key === '*')
    {
      var value = (content) ? content.get('value') : ''
      if (value !== this._value)
      {
        this._value = value
        this.setPath('inputField.value', value)
      }
    }

    if (key === 'hint' || key === '*')
    {
      var hint = (content) ? content.get('hint') : ''
      if (hint !== this._hint)
      {
        this._hint = value
        this.setPath('inputField.hint', hint)
      }
    }
  }

});