<mat-expansion-panel [expanded]="active" (afterExpand)="afterExpand()">
	<mat-expansion-panel-header>
		<mat-panel-description>
			<h4>{{account.account.name}}</h4>
			<h4>
				{{account.rest | number: '1.2-6'}}
				({{account.account.currencyId}})
			</h4>
		</mat-panel-description>
	</mat-expansion-panel-header>
	<div>
		<app-date-period [from]="dateFrom" [to]="dateTo" (onChange)="onChangePeriod($event)"></app-date-period>
	</div>
	<hr />
	<account-motion [motion]="newMotion" [account]="account.account" (onAdd)="handlerOnAdd($event)">
	</account-motion>
	<account-motion *ngFor="let motion of motions"
					[motion]="motion"
					[account]="account.account"
					(onDelete)="handlerOnDelete($event)">
	</account-motion>
</mat-expansion-panel>
