<div layout="column" layout-align="center center" class="interview-wizard-page">
    <div layout="column">
        <img src="/app/resources/img/flightOneLogo.svg" height="80" layout-align="center center" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text layout-align="center center">
                    <span class="md-display-2">{{ "choose_receiver_interview_wizard.HEADLINE" | translate }}</span>
                </md-card-title-text>
                <md-card-title-media>
                    <div class="md-media-sm"></div>
                </md-card-title-media>
            </md-card-title>
            <md-card-content>
                <md-radio-group ng-model="receiverType" layout="column" class="receiver-radio-buttons">
                    <div layout="row" flex>
                        <div layout="row" flex>
                            <md-radio-button ng-value="'taranis_receiver'" aria-label="Taranis receiver">
                                <img src="/app/resources/img/interview_wizard/frsky.png" class="img-responsive">
                                <p class="text-center">Taranis receiver</p>
                            </md-radio-button>
                        </div>
                        <div layout="row" flex>
                            <md-radio-button ng-value="'spektrum_quad_race_receiver'" aria-label="Spektrum Quad Race Receiver">
                                <img src="/app/resources/img/interview_wizard/spektrum.png" class="img-responsive">
                                <p class="text-center">Spektrum Quad Race Receiver</p>
                            </md-radio-button>
                        </div>
                        <div layout="row" flex>
                            <md-radio-button ng-value="'other_receiver'" aria-label="Other Receiver">
                                <img src="/app/resources/img/interview_wizard/other_receiver.png" class="img-responsive">
                                <p class="text-center">Other Receiver</p>
                            </md-radio-button>
                        </div>
                    </div>
                </md-radio-group>
            </md-card-content>
            <md-card-actions layout="row" layout-align="end center">
                <md-button ui-sref="rffwhid.setup" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="busy || !receiverType">{{ "NEXT" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>