<div class="rffwhid-esc-page">
    <form class="sticky-scroll-wrapper" name="escForm">
        <div ng-hide="onewireReadData && onewireReadDataDummy" layout-align="center center" layout-fill layout="column">
            <span class="md-headline">{{ "rffwhid.esc.NO_ESC_DETECTED_HEADLINE_LABEL" | translate }}</span>
            <md-button ng-click="readData()" class="md-raised md-primary">
                {{ "TRY_AGAIN" | translate }}
            </md-button>
        </div>
        <div ng-show="onewireReadData && onewireReadDataDummy">
            <md-toolbar>
                <div class="md-toolbar-tools">{{ "rffwhid.esc.ESC_TOOLBAR_TITLE" | translate }}</div>
            </md-toolbar>

            <div layout="row" layout-padding>
                <md-input-container flex>
                    <label>{{ "TIMING_LABEL" | translate }}</label>
                    <md-select placeholder="Timing" ng-model="timing" ng-disabled="busy">
                        <md-option ng-repeat="option in timing_names" ng-value="option.val">
                            {{ option.name | translate }}
                        </md-option>
                    </md-select>
                </md-input-container>
                <md-input-container flex>
                    <label>{{ "BEEP_STRENGTH_LABEL" | translate }}</label>
                    <md-select placeholder="Beep strength" ng-model="beepstrength" ng-disabled="busy">
                        <md-option ng-repeat="option in beepstrength_names" ng-value="option.val">
                            {{ option.name | translate }}
                        </md-option>
                    </md-select>
                </md-input-container>
                <md-input-container flex>
                    <label>{{ "START_UP_POWER_LABEL" | translate }}</label>
                    <md-select placeholder="Start up power" ng-model="startuppower" ng-disabled="busy">
                        <md-option ng-repeat="option in startuppower_names" ng-value="option.val">
                            {{ option.name | translate }}
                        </md-option>
                    </md-select>
                </md-input-container>
            </div>

            <div layout="row" layout-padding>
                <md-input-container flex>
                    <label>{{ "rffwhid.esc.DEMAG_LABEL" | translate }}</label>
                    <md-select placeholder="Timing" ng-model="demag" ng-disabled="busy">
                        <md-option ng-repeat="option in demag_names" ng-value="option.val">
                            {{ option.name | translate }}
                        </md-option>
                    </md-select>
                </md-input-container>
                <md-input-container flex>
                </md-input-container>
                <md-input-container flex>
                </md-input-container>
            </div>

        </div>
    </form>

    <div class="sticky-footer" ng-show="onewireReadData && onewireReadDataDummy" flex>
        <md-toolbar class="sticky-toolbar">
            <div class="md-toolbar-tools">
                <span flex></span>
                <md-button class="md-raised" aria-label="Save" ng-click="save()" ng-disabled="busy">
                    {{ "SAVE" | translate }}
                </md-button>
            </div>
        </md-toolbar>
    </div>
</div>
