<div class="sticky-scroll-wrapper-without-footer rffwhid_read_output_testmotors_wizard-page">
    <div layout="row" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text>
                    <span class="md-headline">{{ "rffwhid.rffwhid_read_output_testmotors_wizard.HEADLINE" | translate }}</span>
                    <span class="md-subhead">{{ "STEP" | translate }} 2/2</span>
                </md-card-title-text>
                <md-card-title-media>
                    <div class="md-media-sm">
                        <i class="material-icons md-headline x2 text-success">done_all</i>
                    </div>
                </md-card-title-media>
            </md-card-title>
        </md-card>
    </div>
    <div layout="row">
        <div layout="column" flex>
            <md-card flex ng-repeat="n in [0, 3]">
                <md-card-title layout-align="center">
                    <span class="md-headline" ng-show="testMotorsData[n]">
                        {{ "MOTOR" | translate }} {{ n+1 }}
                    </span>
                    <span class="md-headline" ng-hide="testMotorsData[n]">
                        {{ "MOTOR" | translate }} {{ n+1 }} {{ "NOT_FOUND" | translate }}
                    </span>
                </md-card-title>
                <md-card-content>
                    <div class="column">
                        <div layout="row" flex>
                            <span class="motor-score-label" flex>
                                {{ "rffwhid.rffwhid_read_output_testmotors_wizard.BRAKING" | translate }}
                            </span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['brake_event'] > 2000, 'text-warning': (testMotorsData[n]['brake_event'] >= 800 && testMotorsData[n]['brake_event'] <= 2000), 'text-success': testMotorsData[n]['brake_event'] < 800}" flex>
                                {{ testMotorsData[n]['brake_event'] }}
                            </span>
                        </div>
                        <div flex layout="center center">
                            <span class="motor-score-label" flex layout-align="end">
                                {{ "rffwhid.rffwhid_read_output_testmotors_wizard.THROTTLE" | translate:{'percent': '100'} }}
                            </span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['noise_level']['100'] > 2000, 'text-warning': (testMotorsData[n]['noise_level']['100'] >= 800 && testMotorsData[n]['noise_level']['100'] <= 2000), 'text-success': testMotorsData[n]['noise_level']['100'] < 800}" flex>
                                {{ testMotorsData[n]['noise_level']['100'] }}
                            </span>
                        </div>
                        <div flex layout="center center">
                            <span class="motor-score-label" flex layout-align="end">
                                {{ "rffwhid.rffwhid_read_output_testmotors_wizard.THROTTLE" | translate:{'percent': '90'} }}
                            </span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['noise_level']['90'] > 2000, 'text-warning': (testMotorsData[n]['noise_level']['90'] >= 800 && testMotorsData[n]['noise_level']['90'] <= 2000), 'text-success': testMotorsData[n]['noise_level']['90'] < 800}" flex>
                                {{ testMotorsData[n]['noise_level']['90'] }}
                            </span>
                        </div>
                    </div>
                </md-card-content>
            </md-card>
        </div>
        <div layout="row" flex layout-align="center center">
            <img src="/app/resources/img/quad_direction.png" class="card-media" width="320" ng-show="RFDump.set.mixer_type == 0">
            <img src="/app/resources/img/quad_direction1.png" class="card-media" width="320" ng-hide="RFDump.set.mixer_type == 0">
        </div>
        <div layout="column" flex>
            <md-card flex ng-repeat="n in [1, 2]">
                <md-card-title layout-align="center">
                    <span class="md-headline" ng-show="testMotorsData[n]">{{ "MOTOR" | translate }} {{ n+1 }}</span>
                    <span class="md-headline" ng-hide="testMotorsData[n]">{{ "MOTOR" | translate }} {{ n+1 }} {{ "NOT_FOUND" | translate }}</span>
                </md-card-title>
                <md-card-content>
                    <div class="column">
                        <div layout="row">
                            <span class="motor-score-label" flex>{{ "rffwhid.rffwhid_read_output_testmotors_wizard.BRAKING" | translate }}</span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['brake_event'] > 2000, 'text-warning': (testMotorsData[n]['brake_event'] >= 800 && testMotorsData[n]['brake_event'] <= 2000), 'text-success': testMotorsData[n]['brake_event'] < 800}" flex>
                            {{ testMotorsData[n]['brake_event'] }}
                        </span>
                        </div>
                        <div flex layout="center center">
                        <span class="motor-score-label" flex layout-align="end">
                            {{ "rffwhid.rffwhid_read_output_testmotors_wizard.THROTTLE" | translate:{'percent': '100'} }}
                        </span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['noise_level']['100'] > 2000, 'text-warning': (testMotorsData[n]['noise_level']['100'] >= 800 && testMotorsData[n]['noise_level']['100'] <= 2000), 'text-success': testMotorsData[n]['noise_level']['100'] < 800}" flex>
                            {{ testMotorsData[n]['noise_level']['100'] }}
                        </span>
                        </div>
                        <div flex layout="center center">
                            <span class="motor-score-label" flex layout-align="end">{{ "rffwhid.rffwhid_read_output_testmotors_wizard.THROTTLE" | translate:{'percent': '90'} }}</span>
                            <span class="md-display-2" ng-class="{'text-danger': testMotorsData[n]['noise_level']['90'] > 2000, 'text-warning': (testMotorsData[n]['noise_level']['90'] >= 800 && testMotorsData[n]['noise_level']['90'] <= 2000), 'text-success': testMotorsData[n]['noise_level']['90'] < 800}" flex>{{ testMotorsData[n]['noise_level']['90'] }}</span>
                        </div>
                    </div>
                </md-card-content>
            </md-card>
        </div>
    </div>
    <div layout="row" flex>
        <md-card flex>
            <md-card-actions layout="row" layout-align="end center">
                <md-button class="md-raised md-warn" ng-click="shareResults();">
                    {{ "rffwhid.rffwhid_read_output_testmotors_wizard.SHARE_TEST_RESULTS" | translate }}
                    <md-icon><i class="material-icons">send</i></md-icon>
                </md-button>
                &nbsp;
                <md-button class="md-raised md-primary" ui-sref="rffwhid.configuration">{{ "DONE" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>