<div class="sticky-scroll-wrapper-without-footer">
    <div layout="row" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text>
                    <span class="md-headline">{{ "rffwhid.rffwhid_idle_test_motors_wizard.HEADLINE" | translate }}</span>
                    <span class="md-subhead">{{ "STEP" | translate }} 2/2</span>
                </md-card-title-text>
            </md-card-title>

            <md-card-content>
                <div layout="row" layout-align="center center" flex>
                    <md-button class="md-raised md-primary" ng-click="stopMotors()" ng-disabled="busy">{{ "rffwhid.rffwhid_idle_test_motors_wizard.STOP_ALL_MOTORS" | translate }}</md-button>
                </div>
                <md-radio-group ng-model="mout">
                    <div layout="row" flex>
                        <div layout="row" flex layout-align="center">
                            <md-button class="md-raised md-warn" ng-click="startMotorSpinning(0)" ng-disabled="busy || motorSpinning[0]">{{  "rffwhid.rffwhid_idle_test_motors_wizard.START_MOTOR_BUTTON" | translate:'{ motor_number: "1" }' }}</md-button>
                        </div>
                        <div layout="row" flex layout-align="center">
                            <md-button class="md-raised md-warn" ng-click="startMotorSpinning(1)" ng-disabled="busy || motorSpinning[1]">{{  "rffwhid.rffwhid_idle_test_motors_wizard.START_MOTOR_BUTTON" | translate:'{ motor_number: "2" }' }}</md-button>
                        </div>
                    </div>
                    <div layout="row" flex layout-align="center center">
                        <img src="/app/resources/img/quad_direction.png" class="card-media" width="320">
                    </div>
                    <div layout="row" flex>
                        <div layout="row" flex layout-align="center">
                            <md-button class="md-raised md-warn" ng-click="startMotorSpinning(3)" ng-disabled="busy || motorSpinning[3]">{{  "rffwhid.rffwhid_idle_test_motors_wizard.START_MOTOR_BUTTON" | translate:'{ motor_number: "4" }' }}</md-button>
                        </div>
                        <div layout="row" flex layout-align="center">
                            <md-button class="md-raised md-warn" ng-click="startMotorSpinning(2)" ng-disabled="busy || motorSpinning[2]">{{  "rffwhid.rffwhid_idle_test_motors_wizard.START_MOTOR_BUTTON" | translate:'{ motor_number: "3" }' }}</md-button>
                        </div>
                    </div>
                </md-radio-group>
            </md-card-content>
            <md-card-actions layout="row" layout-align="end center">
                <md-button ng-click="back()" ng-disabled="busy">{{ "BACK" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="busy">{{ "CLOSE" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>