{{#each fields}}
{{#isIn Style "Section Header|Comment"}}
{{#isEqual Style "Section Header"}}
<div class="col-xs-12">
    <div class="page-header">
        <h3>{{Field}}</h3>
    </div>
</div>
{{/isEqual}}
{{#isEqual Style "Comment"}}
<div class="col-xs-12">
    <p>{{Field}}</p>
</div>
{{/isEqual}}
{{else}}
<!--<div class="form-group">-->
<div class="col-xs-12">
    <label for="custom_{{FieldID}}" data-field="{{FieldID}}" class="custom-field-label">
        {{Field}}
    </label>
    {{#isEqual Style "Single Line Response"}}
    <!--<div class="col-xs-12">-->
    {{#isEqual IsReadOnly true}}
    <input type="text" class="form-control" data-ng-disabled="{{IsReadOnly}}" data-id="{{FieldID}}" id="custom_{{FieldID}}" name="custom_{{FieldID}}" value="{{Answer}}" disabled="disabled"/>
    {{else}}
    <input type="text" class="form-control" data-ng-disabled="{{IsReadOnly}}" data-id="{{FieldID}}" id="custom_{{FieldID}}" name="custom_{{FieldID}}" value="{{Answer}}"/>
    {{/isEqual}}
    <!--</div>-->
    {{/isEqual}}
    {{#isEqual Style "Date"}}
    <div class="input-group" style="width: 50%">
        <div class="input-group-addon calIcon" ng-click="$ctrl.toggleDatepicker()">
            <i class="fa fa-calendar" ng-click="$ctrl.toggleDatepicker()"></i>
        </div>
        <input type="text" class="form-control datepicker" id="custom_{{FieldID}}" data-ng-disabled="{{IsReadOnly}}" maxlength="50" value="{{Answer}}" name="custom_{{FieldID}}" data-id="{{FieldID}}"/>
    </div>
    {{/isEqual}}
    {{#isEqual Style "Multi-line Response"}}
    <!--<div class="col-xs-12">-->
    {{#isEqual IsReadOnly true}}
    <textarea class="form-control" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" cols="5" rows="3" disabled="disabled" maxlength="10000">{{linebreak Answer}}</textarea>
    {{else}}
    <textarea class="form-control" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" cols="5" rows="3" maxlength="10000">{{{linebreak Answer}}}</textarea>
    {{/isEqual}}
    <!--</div>-->
    {{/isEqual}}
    {{#isEqual Style "Single Checkbox"}}
    {{#isEqual Answer Field}}
    <!--<div class="col-xs-12">-->
    <br/>
    <input type="checkbox" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" data-ng-disabled="{{IsReadOnly}}"
           value="{{Field}}" checked="checked" style="margin-left: 10px;"/> {{Field}}
    <!--</div>-->
    {{else}}
    <!--<div class="col-xs-12">-->
    <br/>
    <input type="checkbox" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" data-ng-disabled="{{IsReadOnly}}"
           value="{{Field}}" style="margin-left: 10px;"/> {{Field}}
    <!--</div>-->
    {{/isEqual}}
    {{/isEqual}}
    {{#isEqual Style "Checkbox List"}}
    <!--<div class="col-xs-12">-->
    <select class="form-control" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" multiple data-ng-disabled="{{IsReadOnly}}">
        {{getSplitOptions ../../OptionsList ../../MultiAnswer}}
    </select>
    <!--</div>-->
    {{/isEqual}}
    {{#isEqual Style "Radio Button List"}}
    <!--<div class="col-xs-12">-->
    <!--<div class="radio">-->
    <br/>
    {{getSplitRadioOptions2 ../../OptionsList ../../MultiAnswer FieldID IsReadOnly}}
    <!--</div>-->
    <!--</div>-->
    {{/isEqual}}
    {{#isEqual Style "Drop-down List"}}
    <!--<div class="col-xs-12">-->
    {{#isEqual IsReadOnly true}}
    <select class="form-control" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}" disabled="disabled">
        <option value="">----Select One----</option>
        {{getSplitOptions ../../OptionsList ../../MultiAnswer}}
    </select>
    {{else}}
    <select class="form-control" id="custom_{{FieldID}}" data-id="{{FieldID}}" name="custom_{{FieldID}}">
        <option value="">----Select One----</option>
        {{getSplitOptions ../../OptionsList ../../MultiAnswer}}
    </select>
    {{/isEqual}}
    <!--</div>-->
    {{/isEqual}}
</div>
{{/isIn}}

{{/each}}
</div>

<style>
    input[type="radio"] {
        margin-left: 20px;
        margin-right: 5px;
    }

    .unbold {
        font-weight: normal;
    }
</style>