<div class="field row" ng-if="field.fieldOptions.length > 0" ng-click="setActiveField(field._id, index)">
	<div class="col-xs-12 field-title field-title">{{field.title}}     <span class="required-error" ng-show="field.required && !field.fieldValue">(* required)</span> </div>

    <div class="col-xs-12 field-input">
		<div ng-repeat="option in field.fieldOptions" class="row-fluid">
            <label class="btn btn-info col-xs-3">
                <input ng-focus="setActiveField(field._id, index)" 
                ng-style="{'color': design.colors.answerColor}" 
                type="checkbox" 
                value="{{option.option_id}}" 
                ng-model="field.fieldValue" 
                ng-model-options="{ debounce: 250 }" 
                ng-required="field.required" 
                ng-disabled="field.disabled" 
                ng-init="field.fieldValue = field.fieldOptions[0].option_id"/>
                <span ng-bind="option.option_value"></span>
            </label>
        </div>
	</div>
</div>

