<div>
    <button (click)="logout()">התנתק</button>&nbsp;
    <button (click)="router_srv.navigateByUrl('ChangePassword')">שנה סיסמה</button>
</div>
<div id="owner">
    <h1>{{accountDetails}}</h1>
    <app-account-owner [owner]="currentOwner" [edit]="editAccountOwner"></app-account-owner>
    <button *ngIf="!editAccountOwner" (click)="editAccountOwner = !editAccountOwner">
            ערוך פרטי בעל חשבון
    </button>
    <button *ngIf="editAccountOwner" (click)="editAccountOwner = !editAccountOwner;updateOwner()">
        סיים עריכת פרטי בעל חשבון
    </button>
</div>
<div id="transaction">
    <p>
        <label for="amount">סכום:</label>
        <input required type="number" min="0" id="amount" (input)="currentAmount=$event.target.value;">
        <br>
        <label for="asmachta">אסמכתא:</label>
        <input required type="text" id="asmachta" [(ngModel)]="currentTransactionAsmachta">
        <br>
        <label for="taarich">תאריך:</label>
        <input required type="date" id="taarich" [(ngModel)]="currentTransactionDate">
        <br>
        <label for="sugpeula">פעולה מבוקשת:</label>
        <br>
        <select required id="sugpeula" [(ngModel)]="currentTransactionType">
            <option *ngFor="let typename of transactionTypeNames; let i=index" value="{{i}}">{{typename}} </option>
        </select>

        <br>
        <button (click)='doTransaction()'>בצע פעולה</button>
    </p>
    <textarea id="notice" rows="4" cols="50">
    <p dir="rtl" *ngIf="lastActionFail">
        פעולתך נדחתה עקב חריגה צפויה מתקרת אשראי של
        <bdo dir="ltr">{{limit | currency:'ILS'}}</bdo>
    </p>
    <p *ngIf="!lastActionFail">{{ transaction }}</p>
    <p [class.minus]="currentBalance < 0" *ngIf="!lastActionFail">Your current balance is: {{currentBalance | currency:'ILS'}}</p>
</div>