<div class="btn-group">
    <button class="btn btn-primary" data-ng-click="compileAction()">{{'COMPILE' | translate}}</button>
    <button class="btn btn-primary" data-ng-click="resetAction()">{{'RESET' | translate}}</button>
</div>

<div ng-repeat="section in sections" style="margin-bottom: 20px;">
    <h2>{{section.heading}}</h2>
    <div ng-bind-html="section.docstring.html"></div>
    <div ng-repeat="subsection in section.subsections">
        <h3>{{subsection.heading}}</h3>
        <div class="row">
            <div class="col-sm-4" ng-repeat="variable in subsection.variables">
                <label>{{variable.name}}</label>
                <input type="text" data-ng-model="variable.defaultValue" class="form-control">
                <div class="form-text" ng-bind-html="variable.docstring.html"></div>
            </div>
        </div>
    </div>
</div>

<div class="btn-group">
    <button class="btn btn-primary" data-ng-click="compileAction()">{{'COMPILE' | translate}}</button>
    <button class="btn btn-primary" data-ng-click="resetAction()">{{'RESET' | translate}}</button>
</div>

