<ion-view hide-back-button="true" view-title="{{'PricePlans' | translate}}" ng-class="{'white-pane':isAndroid}">
    <ion-nav-buttons side="left">
        <a class="button icon-left ion-chevron-left button-clear button-dark ng-hide" on-tap="goBack()" ng-show="!isAndroid && !dataChanged" ng-class="{hidden : dataChanged}">{{'GoBack' | translate}}</a>
        <a class="button button-clear button-dark ng-hide" on-tap="goBack()" ng-show="!isAndroid && dataChanged">{{'Abort' | 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-nav-buttons side="right">
        <a class="button button-clear button-dark ng-hide" on-tap="save()" ng-show="!isAndroid && dataChanged">{{'save_cap' | translate}}</a>
        <a class="button icon-right ion-android-done button-clear button-dark ng-hide" on-tap="save()" ng-show="isAndroid && dataChanged"></a>
    </ion-nav-buttons>

    <ion-header-bar class="bar-stable" ng-if="isIPad">
        <div class="buttons">
            <a class="button button-clear button-dark ng-hide" on-tap="goBack()" ng-show="dataChanged">{{'Abort' | translate}}</a>
        </div>
        <h2 class="title">{{'PricePlans' | translate}}</h2>

        <div class="buttons">
            <a class="button button-clear button-dark ng-hide" on-tap="save()" ng-show="dataChanged">{{'save_cap' | translate}}</a>
        </div>
    </ion-header-bar>

    <ion-content has-bouncing="false">

        <div class="option-container" on-tap="goToPricePlansScheduler()">
            <div>{{'ConfigurePeakTime' | translate}}</div>
            <a class="icon-left ion-chevron-right ng-hide" ng-show="!isAndroid"></a>
        </div>
        <div class="option-container no-margin" on-tap="focusTarifPeak = true">
            <div>{{'TarifPeak' | translate}}</div>
            <input type="number" ng-model="tarif.Peak" focus-me="focusTarifPeak" placeholder="0.4"/>
        </div>
        <div class="option-container no-margin" on-tap="focusTarifPeakOff = true">
            <div>{{'TarifOffPeak' | translate}}</div>
            <input type="number" ng-model="tarif.PeakOff" focus-me="focusTarifPeakOff" placeholder="0.2"/>
        </div>

        <div class="underlink">
            <div>{{'PricePlan' | translate}}</div>
            <div>{{'PricePlanDescription' | translate}}</div>
        </div>

    </ion-content>
</ion-view>