<ion-view hide-back-button="true" view-title="{{'AddNewSwitch' | translate}}">
    <ion-nav-buttons>
        <a class="button icon-left ion-chevron-left button-clear button-dark ng-hide" on-tap="goBack()" ng-show="!isAndroid">{{'GoBack' | translate}}</a>
        <a class="button icon-left ion-android-arrow-back button-clear button-dark ng-hide" on-tap="goBack()" ng-show="isAndroid"></a>
    </ion-nav-buttons>

    <ion-header-bar class="bar-stable">
        <a class="button icon-left ion-chevron-left button-clear button-dark" on-tap="scan()">{{'GoBack' | translate}}</a>
        <h2 class="title">{{'AddNewSwitch' | translate}}</h2>
    </ion-header-bar>

    <ion-content has-bouncing="false" class="static-msg notfound">

        <ng-include src="'img/exclamation.svg'"></ng-include>
        <div class="statement">
            <div class="text-center">
                <h2>{{'NoAdapterFound' | translate}}</h2>
            </div>

            <h2 class="list">{{'PossibleReasons' | translate}}
            <ul class="list">
                <li>{{'DeviceNotConnected' | translate}}</li>
                <li>{{'GatewayNotConnectedToTheInternet' | translate}}</li>
                <li>{{'AdapterIsTooFarFromTheGateway' | translate}}</li>
            </ul>
                </h2>
        </div>

        <div class="buttons-block">
            <a class="button button-block button-positive" on-tap="scan('again')">
                {{'ScanAgain' | translate}}
            </a>
            <a class="button button-block button-negative main-color" on-tap="goToMain('cancel')">
                {{'Abort' | translate}}
            </a>
        </div>
    </ion-content>
</ion-view>