<div *ngIf="object" class="fl-content fl-content-min-height" layoutDirection="column">
  <p class="fl-detail" i18n>
    Fill in the selling prices. Leave price empty if you want to disable price for a number of years.
  </p>
  <div *ngFor="let priceType of priceTypes">
      <h2 class="fl-heading-md" i18n>{{addonsPrices.price_types[priceType]}} prices</h2>
      <div layoutDirection="column">
        <div *ngFor="let currency of currencies">
          <app-price-cycles
            [priceCycles]="addonsPrices.price_cycles_list[addonsPrices.price_cycles_by_type[priceType][currency]]"
            [defaultPriceCycles]="addonsPrices.price_cycles_list[defaultPriceCycles[priceType]]"
            [defaultCurrencyCode]="addonsPrices.default_currency.code">
          </app-price-cycles>
        </div>
      </div>
    </div>
  <div layoutDirection="row" layoutAlign="end" appLayoutGap="10px" class="fl-margin-top">
    <button mat-button [routerLink]="config.getPanelUrl('domains/tlds')" i18n>Cancel</button>
    <button mat-button color="primary" (click)="checkAndSavePrices()" i18n>
      Check & save prices
    </button>
  </div>
</div>
