<h2 mat-dialog-title>ПОПОЛНЕНИЕ</h2>
<div class="person-debit-dialog-content" fxLayout="column" fxLayoutAlign="start stretch" fxLayoutGap="0.5em" mat-dialog-content>
  <mat-form-field>
    <mat-label>Счёт для пополнения</mat-label>
    <mat-select [(value)]="data.account">
      <mat-option *ngFor="let account of data.accounts" [value]="account">Баланс: {{account.overall}}</mat-option>
    </mat-select>
  </mat-form-field>
  <mat-form-field>
    <mat-label>Сумма</mat-label>
    <input [(ngModel)]="data.amount" matInput min="1" step="1" type="number"/>
    <mat-hint>Если оставить поле пустым, отправитель сможет сам указать нужную сумму</mat-hint>
  </mat-form-field>
  <div style="padding-top: 1em">
    <mat-checkbox [(ngModel)]="data.once" labelPosition="after">сделать ссылку одноразовой</mat-checkbox>
  </div>
  <div style="padding-top: 1em">
    <mat-checkbox [(ngModel)]="data.limited" labelPosition="after">ограничить время действия</mat-checkbox>
  </div>
  <div fxLayout="column">
    <mat-radio-group [(ngModel)]="data.time" [disabled]="!data.limited" fxLayout="column" fxLayoutGap="0.2em">
      <mat-radio-button [value]="1">1 час</mat-radio-button>
      <mat-radio-button [value]="3">3 часа</mat-radio-button>
      <mat-radio-button [value]="8">8 часов</mat-radio-button>
      <mat-radio-button [value]="24">1 день</mat-radio-button>
      <mat-radio-button [value]="3 * 24">3 дня</mat-radio-button>
      <mat-radio-button [value]="7 * 24">7 дней</mat-radio-button>
    </mat-radio-group>
  </div>
  <div class="person-debit-dialog-code-panel" fxLayout="column" fxLayoutAlign="center center">
    <p [ngClass]="{'person-debit-dialog-code-empty': !data.code, 'person-debit-dialog-code-full': !!data.code}">{{data.code ? data.code : 'КОД123'}}</p>
  </div>
  <mat-form-field *ngIf="!!data.code">
    <input [readonly]="true" [value]="getCodeUrl(data.code)" matInput/>
  </mat-form-field>
</div>
<div fxLayout="row" fxLayoutAlign="end center" mat-dialog-actions>
  <button (click)="getCode()" color="warn" mat-button>СОЗДАТЬ КОД</button>
  <button [mat-dialog-close]="{data: data}" mat-button>ЗАКРЫТЬ</button>
</div>
