<div class="device-not-found-page" layout="column" layout-align="center center" layout-fill>
    <div id="trailer" class="is_overlay">
        <video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto" ng-show="get_device_not_found_video_loop_enabled()">
            <source type="video/webm" src="/app/resources/videos/deviceNotFoundIntro.webm" />
        </video>
        <img src="/app/resources/img/device_not_found_bg.jpg" class="img-responsive" ng-hide="get_device_not_found_video_loop_enabled()">
    </div>
    <div layout="row" layout-align="center center">
        <md-card class="waiting-card">
            <md-card-title>
                <md-card-title-text>
                    <div class="text-center" flex>
                        <language-select-menu></language-select-menu>
                        <img src="/app/resources/img/flightOneLogo.svg">
                    </div>
                    <div class="md-caption text-center" flex>
                        {{ "device_not_found.VERSION_TITLE" | translate }}: {{ get_configurator_version() }}
                    </div>
                    <span class="md-headline waiting-header">{{ "device_not_found.WAIT_FOR_DEVICE_TITLE" | translate }}</span>
                    <span class="md-subhead waiting-additional">{{ "device_not_found.CONNECTION_TROUBLES_HELP_TEXT" | translate }}</span>
                </md-card-title-text>
            </md-card-title>
            <md-card-actions layout="row" layout-align="center center">
                <md-button ng-click="openExternalLink('https://www.facebook.com/raceflightpro/');" class="md-primary">Facebook</md-button>
                <md-button ng-click="openExternalLink('http://raceflight.net/rf1beta/');" class="md-warn">{{ "TUTORIAL" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>