<ion-header>
    <ion-toolbar>
        <nav-buttons [navigate]="false" (backClick)="onRejectClicked()" ></nav-buttons>
        <ion-title>{{ 'general,usage-agreement' | translate}}</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content padding>
    <scroll-content>
        <ion-grid>
            <ion-row *ngIf="agreementContent" class="ion-justify-content-center">
                <ion-col [size]="11">
                    <div  class="html-container" [innerHTML]="agreementContent | safeHtml"> </div>
                </ion-col>
            </ion-row>
        </ion-grid>
        <page-trailer [small]="true"></page-trailer>
    </scroll-content>
    <footer>
        <ion-grid>
            <ion-row class="ion-justify-content-center">
                <ion-col [size]="10" [sizeLg]="8" [sizeXl]="6" no-padding>
                    <ion-button (click)="onAcceptClicked()" expand="block">{{ 'general,accept' | translate}}</ion-button>
                </ion-col>
            </ion-row>
        </ion-grid>
    </footer>
</ion-content>