<div class="feature-table">

  <table class="table">
    <tr>
      <td i18n class="label">Video quota</td>

      <td class="value">
        <ng-container *ngIf="initialUserVideoQuota !== -1">
          {{ initialUserVideoQuota | bytes: 0 }} <ng-container *ngIf="dailyUserVideoQuota !== -1">({{ dailyUserVideoQuota | bytes: 0 }} per day)</ng-container>

          <my-help helpType="custom" [customHtml]="quotaHelpIndication"></my-help>
        </ng-container>

        <ng-container i18n *ngIf="initialUserVideoQuota === -1">
          Unlimited <ng-container *ngIf="dailyUserVideoQuota !== -1">({{ dailyUserVideoQuota | bytes: 0 }} per day)</ng-container>
        </ng-container>
      </td>
    </tr>

    <tr *ngFor="let feature of features">
      <td class="label">{{ feature.label }}</td>
      <td>
        <span *ngIf="feature.value === true" class="glyphicon glyphicon-ok"></span>
        <span *ngIf="feature.value === false" class="glyphicon glyphicon-remove"></span>
      </td>
    </tr>
  </table>
</div>