<div layout="column">
    <md-card>
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">{{ "rffwhid.rffwhid_select_method_bind_spektrum_wizard.HEADLINE" | translate }}</span>
                <span class="md-subhead">{{ "STEP" | translate }} 1/2</span>
            </md-card-title-text>
            <md-card-title-media>
                <div class="md-media-sm">
                    <img src="/app/resources/img/spektrum_logo.png" class="img-responsive">
                </div>
            </md-card-title-media>
        </md-card-title>
        <md-card-content>
            <div layout="column">
                <md-radio-group ng-model="bindType">
                    <md-radio-button value="bind9">Bind for Spektrum DSMX(recommended)</md-radio-button>
                    <md-radio-button value="bind5" class="md-primary">Bind for Spektrum DSM2 11ms</md-radio-button>
                    <md-radio-button value="bind3" class="md-primary">Bind for Spektrum DSMX 22ms</md-radio-button>
                </md-radio-group>
            </div>
        </md-card-content>
        <md-card-actions layout="row" layout-align="end center">
            <md-button class="md-warn" ui-sref="rffwhid.configuration">{{ "CANCEL" | translate }}</md-button>
            <md-button class="md-raised md-primary" ng-disabled="!bindType || busy" ng-click="next()">{{ "NEXT" | translate }}</md-button>
        </md-card-actions>
    </md-card>
</div>
