<div layoutDirection="row" *ngIf="object">
  <div layoutDirection="column">
    <app-gravatar [email]="object.user.email" [customStyle]="gravatarOpts"></app-gravatar>
  </div>
  <div layoutDirection="column" class="fl-detail user-details-overview">
    <div>{{object.user.first_name}} {{object.user.last_name}}</div>
    <div>{{object.user.email}}</div>
    <div i18n>Language: {{object.user.language}}</div>
    <div i18n>Theme:
      <span class="active-link">
        {{themingService.getActiveThemeName()}}
      </span>
    </div>
  </div>
</div>
<div class="profile-hr-wrapper"><hr></div>
<div class="fl-float-right">
  <ng-container *ngIf="authSvc.feature('plugins.tickets') && authSvc.feature('ui.staff')">
    <app-plugin-ui pluginName="tickets" [panelName]="panelLayout.panel" componentName="TicketsSignaturesButton"
                   [componentData]="{}">
    </app-plugin-ui>
    <app-plugin-ui pluginName="tickets" [panelName]="panelLayout.panel" componentName="EditTicketNotificationsSettingsBtn"
                   [componentData]="{}">
    </app-plugin-ui>
  </ng-container>
  <a mat-flat-button [routerLink]="config.getPanelUrl('recurring-payment-options')"
     *ngIf="authSvc.feature('billing.recurring_payments')" i18n>Recurring payment options</a>
  <a mat-flat-button
     *ngIf="authSvc.feature('clients&users.second_factor_auth') &&
     authSvc.feature('ui.clients&users.second_factor_auth')"
     [routerLink]="config.getPanelUrl('sfa/options')" i18n>
    Secure your account
  </a>
  <button mat-flat-button [routerLink]="config.getPanelUrl('user/profile/edit')" i18n>Edit user profile</button>
</div>
