<section class="content">
	<div class="content-block">
		<div class="block-header">
			<!-- breadcrumb -->
			<app-breadcrumb [title]="'Blank'" [items]="['Home','Settings']" [active_item]="'Accounts'">
			</app-breadcrumb>
		</div>
		<div class="row clearfix">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<mat-accordion class="main-headers-align" multi>
					<mat-expansion-panel *ngFor="let account of accounts; let i = index" [expanded]="i === 0" >
						<mat-expansion-panel-header>
							<mat-panel-description>
								<div>{{account.account.name}}</div>
								<div>
									{{account.rest}}
									({{account.account.currencyId}})
								</div>
							</mat-panel-description>
						</mat-expansion-panel-header>
						<account-motion [motion]="newMotion">
						</account-motion>
						<account-motion *ngFor="let motion of motions" [motion]="motion">
						</account-motion>
					</mat-expansion-panel>
				</mat-accordion>
			</div>
		</div>
	</div>
</section>
