<div class="actual-fund-block">
    <span class="label">Celkový stav fondu vzdělávání:</span> 
    <span class="value"> {{actualFundSum}} Kč</span>
    <button mat-icon-button color="primary" (click)="openEditTransactionDialog()" #tooltip="matTooltip" matTooltip="Nová transakce">
        <mat-icon fontSet="material-icons-outlined">add_circle</mat-icon>
    </button>
    <app-saving-status [actualStatus]="fundSavingStatus"></app-saving-status>
</div>

<div class="show-table-block">
    <button mat-button color="primary" (click)="showTable = !showTable"> 
        <mat-icon class="button-icon" fontSet="material-icons-outlined">{{showTable ? 'expand_more' : 'chevron_right'}} </mat-icon>
        {{showTable ? 'Skrýt transakce' : 'Zobrazit transakce'}} 
    </button>
</div>

<app-fund-table *ngIf="showTable" [fund]="fund"></app-fund-table>