<z-popup title="Practice Element" #practiceElementModal modalSize="modal-md" (onHideModal)="onHideModal()" footer="true">
    <div content-type="body">
        <form>
            <div class="row">
                    <div class="col-sm-6 right-border">
                            <div class="form-group">
                                    <label for="id">Id:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.id"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="accountId">Account Id:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.accountId"
                                    [ngModelOptions]="{standalone: true}" >
                            </div>
                            <div class="form-group">
                                    <label for="created">Created:</label>
                                    <input type="date" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.created"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="createdBy">Created By:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.createdBy"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="currencyCode">Currency Code:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.currencyCode"
                                    [ngModelOptions]="{standalone: true}">
                            </div>
                            <div class="form-group">
                                    <label for="estimatedAmount">Estimated Amount:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.estimatedAmount"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="maxAmount">Max Amount:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.maxAmount"
                                    [ngModelOptions]="{standalone: true}">
                            </div>

                    </div>
                    <div class="col-sm-6 left-border">
                            <div class="form-group">
                                    <label for="maxAmount">Min Amount:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.minAmount"
                                    [ngModelOptions]="{standalone: true}">
                            </div>
                            <div class="form-group">
                                    <label for="modified">Modified:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.modified"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="modifiedBy">Modified By:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.modifiedBy"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="status">Status:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.status"
                                    [ngModelOptions]="{standalone: true}" disabled>
                            </div>
                            <div class="form-group">
                                    <label for="transactionType">Transaction Type:</label>
                                    <input type="text" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.transactionType"
                                    [ngModelOptions]="{standalone: true}">
                            </div>
                            <div class="form-group">
                                    <label for="cctDefinitionId">Definition Id:</label>
                                    <input type="number" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.cctDefinitionId"
                                    [ngModelOptions]="{standalone: true}">
                            </div>
                            <div class="form-group">
                                    <label for="orderId">Order Id:</label>
                                    <input type="number" appInputRestriction="englishAndNumbersOnlyCustomPaste" maxlength="50" class="form-control-full" [(ngModel)]="practiceElement.orderId"
                                    [ngModelOptions]="{standalone: true}">
                            </div>
                    </div>
            </div>
        </form>
        <div content-type="footer">
            <button type="button" class="btn btn-info btn-lg" (click)="save()">Save</button>
        </div>
    </div>
</z-popup>