<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-back-button [attr.aria-label]="'core.back' | translate"></ion-back-button>
        </ion-buttons>
        <ion-title>
            {{ 'core.settings.about' | translate}}
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
    <ion-item class="ion-text-wrap">
        <ion-label><h2>{{ appName }} {{ versionName }}</h2></ion-label>
    </ion-item>
    <ion-item button class="ion-text-wrap" (click)="openPage('licenses')" detail>
        <ion-icon name="far-copyright" slot="start"></ion-icon>
        <ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label>
    </ion-item>
    <ion-item button class="ion-text-wrap" *ngIf="privacyPolicy" [href]="privacyPolicy" core-link auto-login="no" detail>
        <ion-icon name="fa-user-shield" slot="start"></ion-icon>
        <ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
    </ion-item>
    <ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail>
        <ion-icon name="fa-mobile" slot="start"></ion-icon>
        <ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label>
    </ion-item>
</ion-content>
