<div layout="row" layout-align="center center" class="interview-wizard-page">
    <div layout="column" flex>
        <img src="/app/resources/img/flightOneLogo.svg" height="80" layout-align="center center" flex>
        <md-card flex>
            <div ng-show="vtxType =='tbs_unify_pro'">
                <md-card-title>
                    <md-card-title-text layout-align="center center">
                        <span class="md-display-2">{{ "how_to_connect_vtx_interview_wizard.TBS_VTX_TITLE" | translate }}</span>
                    </md-card-title-text>
                </md-card-title>
                <md-card-content>
                    <div layout="row" flex layout-align="center center">
                        <div layout="column" flex="40" layout-align="center center" class="video-block" ng-click="openExternalLink('http://raceflight.net/videos/vtx.php');">
                            <img src="/app/resources/img/youtube_notebook_icon.png" class="img-responsive">
                            <p class="md-display-1 text-center">{{ "WATCH_VIDEO" | translate }}</p>
                        </div>
                    </div>
                </md-card-content>
            </div>
            <div ng-show="vtxType =='tramp_hv'">
                <md-card-title>
                    <md-card-title-text layout-align="center center">
                        <span class="md-display-2">{{ "how_to_connect_vtx_interview_wizard.TRAMP_VTX_TITLE" | translate }}</span>
                    </md-card-title-text>
                </md-card-title>
                <md-card-content>
                    <div layout="row" flex layout-align="center center">
                        <div layout="column" flex="40" layout-align="center center" class="video-block" ng-click="openExternalLink('http://raceflight.net/videos/vtx.php');">
                            <img src="/app/resources/img/youtube_notebook_icon.png" class="img-responsive">
                            <p class="md-display-1 text-center">{{ "WATCH_VIDEO" | translate }}</p>
                        </div>
                    </div>
                </md-card-content>
            </div>
            <md-card-actions layout="row" layout-align="end center">
                <md-button ui-sref="rffwhid.setup" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button ui-sref="choose_vtx_interview_wizard" ng-disabled="busy">{{ "BACK" | translate }}</md-button>
                <md-button class="md-raised md-primary" ui-sref="run_reversed_props_interview_wizard" ng-disabled="busy">{{ "NEXT" | translate }}</md-button>
            </md-card-actions>
        </md-card>

    </div>
</div>