<div layout="column">
    <div layout="row" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text>
                    <span class="md-headline">{{ "rffwhid.rffwhid_select_pitmode_type_vtx_wizard.HEADLINE" | translate }}</span>
                    <span class="md-subhead">{{ "STEP" | translate }} 2/3</span>
                </md-card-title-text>
                <md-card-title-media></md-card-title-media>
            </md-card-title>

            <md-card-content>
                <div layout="row">
                    <md-input-container flex>
                        <label>{{ "rffwhid.rffwhid_select_pitmode_type_vtx_wizard.VTX_PITMODE_LABEL" | translate }}</label>
                        <md-select placeholder="{{ 'rffwhid.rffwhid_select_pitmode_type_vtx_wizard.VTX_PITMODE_PLACEHOLDER' | translate }}" ng-model="RFDump.set.vtx_pitmode_type">
                            <md-option ng-repeat="option in vtx_pitmode_names" ng-value="option.val">
                                {{ option.name | translate }}
                            </md-option>
                        </md-select>
                    </md-input-container>
                    <div layout="row" flex>
                    </div>
                    <div layout="row" flex>
                    </div>
                </div>
            </md-card-content>
            <md-card-actions layout="row" layout-align="end center">
                <md-button class="md-warn" ui-sref="rffwhid.configuration" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button class="md-primary" ui-sref="rffwhid.rffwhid_remove_props_and_connect_battery_vtx_wizard" ng-disabled="busy">{{ "BACK" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="busy">{{ "NEXT" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>