<div *ngIf="object" class="fl-content fl-content-min-height" layoutDirection="column">
  <table class="fl-table">
    <thead>
      <th i18n>Connector</th>
      <th i18n>Register</th>
      <th i18n>Transfer</th>
      <th i18n>Renew</th>
      <th class="hide-xs" i18n>Updated at</th>
      <th></th>
    </thead>
    <tbody *ngFor="let registrarConnector of registrarConnectors">
    <tr *ngFor="let registrarPrice of registrarConnector.prices">
      <td class="wrap-text-content">{{registrarConnector.name }}</td>
      <td *ngIf="registrarPrice.promo_price" i18n>
        Promo {{registrarPrice.promo_price | currencyFormatter: registrarPrice.currency: authSvc.currencyDisplayMode: authSvc.currencyDigitsInfo: config.locale }}
      </td>
      <td *ngIf="!registrarPrice.promo_price">
        {{registrarPrice.register_price | currencyFormatter: registrarPrice.currency: authSvc.currencyDisplayMode: authSvc.currencyDigitsInfo: config.locale }}
      </td>
      <td>{{registrarPrice.transfer_price | currencyFormatter: registrarPrice.currency: authSvc.currencyDisplayMode: authSvc.currencyDigitsInfo: config.locale }}</td>
      <td>{{registrarPrice.renew_price | currencyFormatter: registrarPrice.currency: authSvc.currencyDisplayMode: authSvc.currencyDigitsInfo: config.locale }}</td>
      <td class="hide-xs" *ngIf="registrarPrice.updated_at"><app-date-displayer [date]="registrarPrice.updated_at" withTime></app-date-displayer></td>
      <td class="hide-xs" *ngIf="!registrarPrice.updated_at" i18n>n/a</td>
      <td>
        <button mat-button color="primary" (click)="updateRegistrarPrices(registrarConnector.name)" i18n>
          Update all prices
        </button>
      </td>
    </tr>
    <tr *ngIf="!registrarConnector.prices.length">
      <td class="wrap-text-content">{{registrarConnector.name }}</td>
      <td i18n>n/a</td>
      <td i18n>n/a</td>
      <td i18n>n/a</td>
      <td class="hide-xs" i18n>n/a</td>
      <td class="fl-flex-right-align">
        <button mat-button color="primary" (click)="updateRegistrarPrices(registrarConnector.name)" i18n>
          Update all prices
        </button>
      </td>
    </tr>
    </tbody>
  </table>
</div>

