<GridLayout backgroundColor="white" class="m-5" rows="auto, *, auto">
    <Label text="Navýšení FUPu" class="h3 text-center m-5 m-b-0"></Label>
    <RadListView [items]="fupTypes" [itemTemplateSelector]="templateSelector" (itemTap)="onItemTap($event)"
                 [visibility]="!wasUpdated ? 'visible' : 'collapsed'" class="list-group" row="1">
        <ng-template tkListItemTemplate let-fupType="item">
            <StackLayout class="list-item text-center">
                <Label text="{{fupType.DisplayName}} ({{fupType.Price | number:'1.2'}} Kč)"></Label>
            </StackLayout>
        </ng-template>
        <ng-template tkTemplateKey="selected" let-fupType="item">
            <StackLayout class="list-item selected">
                <Label text="{{fupType.DisplayName}} ({{fupType.Price | number:'1.2'}} Kč)"></Label>
            </StackLayout>
        </ng-template>
    </RadListView>
    <StackLayout [visibility]="wasUpdated ? 'visible' : 'collapsed'" row="1" class="m-x-10">
        <Label text="Navýšení FUP limitu je povoleno pouze jednou za 24 hodin." textWrap="true"
               class="h4 p-t-5 p-b-10"></Label>
        <Label text="Již jste navýšili FUP limit, můžete to zkusit za 24 hodin od posledního navýšení."
               class="p-b-20 darkBlackColor" textWrap="true"></Label>
    </StackLayout>
    <StackLayout row="2">
        <Button class="btn btn-primary btn-rounded-sm" text="Navýšit FUP" (tap)="updateFUP()"
                [visibility]="!wasUpdated ? 'visible' : 'collapsed'" [isEnabled]="isFupTypeSelected()"></Button>
        <Button class="btn btn-primary btn-rounded-sm" text="Zavřít dialog" (tap)="close()"></Button>
    </StackLayout>
</GridLayout>
