<ion-view hide-back-button="true" view-title="{{'BuySwitches' | translate}}" ng-class="{'white-pane':isAndroid}">
    <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-content has-bouncing="false">

        <div class="link-container">
            <a href="#" on-tap="goToBuyPage()">{{'BuySwitchesOn' | translate}}</a>
        </div>
        <div class="underlink">{{'LinksWillOpenBrowserInANewWindow' | translate}}</div>

        <div class="underlink lower" on-tap="playVideo()">{{'MoreAboutSwitch' | translate}}<span> {{'TapHere' | translate}}</span><ng-include class="taphere" src="'img/tap.svg'"></ng-include></div>

    </ion-content>

    <div id="video-overlay" on-tap="stopVideo()" ng-show="showOverlay"></div>
    <video id="video1" class="video hidden" on-tap="stopVideo()" onplaying="this.controls=false" webkit-playsinline>
        <source src="{{vidSource}}" type="video/mp4">
        Your browser does not support HTML5 video.
    </video>
</ion-view>