<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_change_motor_direction_fix_motor_direction_wizard.HEADLINE" | translate }}</span>
                    <span class="md-subhead">{{ "STEP" | translate }} 3/4</span>
                </md-card-title-text>
                <md-card-title-media>
                </md-card-title-media>
            </md-card-title>

            <md-card-content>
                <div layout="row" flex>
                    <div layout="row" flex layout-align="center">
                        <md-switch ng-show="onewireReadData.m0.direction" ng-model="onewireReadData.m0.direction" ng-true-value="'normal'" ng-false-value="'reversed'" aria-label="Switch direction motor 1">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_0_SWITCH_LABEL" | translate }}: {{ onewireReadData.m0.direction }}
                        </md-switch>
                        <p ng-hide="onewireReadData.m0.direction">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_0_NOT_EXIST" | translate }}
                        </p>
                    </div>
                    <div layout="row" flex layout-align="center">
                        <md-switch ng-show="onewireReadData.m1.direction" ng-model="onewireReadData.m1.direction" ng-true-value="'normal'" ng-false-value="'reversed'" aria-label="Switch direction motor 2">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_1_SWITCH_LABEL" | translate }}: {{ onewireReadData.m1.direction }}
                        </md-switch>
                        <p ng-hide="onewireReadData.m1.direction">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_1_NOT_EXIST" | translate }}
                        </p>
                    </div>
                </div>
                <div layout="row" flex layout-align="center center">
                    <img src="/app/resources/img/rffwhid_fix_motor_direction_wizard/quad_direction.png" class="card-media" width="320" ng-show="RFDump.set.mixer_type == 0">
                    <img src="/app/resources/img/rffwhid_fix_motor_direction_wizard/quad_direction1.png" class="card-media" width="320" ng-hide="RFDump.set.mixer_type == 0">
                </div>
                <div layout="row" flex>
                    <div layout="row" flex layout-align="center">
                        <md-switch ng-show="onewireReadData.m3.direction" ng-model="onewireReadData.m3.direction" ng-true-value="'normal'" ng-false-value="'reversed'" aria-label="Switch direction motor 4">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_3_SWITCH_LABEL" | translate }}: {{ onewireReadData.m3.direction }}
                        </md-switch>
                        <p ng-hide="onewireReadData.m3.direction">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_3_NOT_EXIST" | translate }}
                        </p>
                    </div>
                    <div layout="row" flex layout-align="center">
                        <md-switch ng-show="onewireReadData.m2.direction" ng-model="onewireReadData.m2.direction" ng-true-value="'normal'" ng-false-value="'reversed'" aria-label="Switch direction motor 3">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_2_SWITCH_LABEL" | translate }}: {{ onewireReadData.m2.direction }}
                        </md-switch>
                        <p ng-hide="onewireReadData.m2.direction">
                            {{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.MOTOR_2_NOT_EXIST" | translate }}
                        </p>
                    </div>
                </div>
            </md-card-content>
            <md-card-actions layout="row" layout-align="end center">
                <md-button class="md-warn" ui-sref="rffwhid.setup" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button ui-sref="rffwhid.rffwhid_change_motor_order_fix_motor_direction_wizard" ng-disabled="busy">{{ "BACK" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="busy">{{ "rffwhid.rffwhid_change_motor_direction_fix_motor_direction_wizard.START_MOTORS_BUTTON" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>
