@hitsoft/e-donusum 1.0.5

package/src/lib/invoices/invoice/components/invoice.component.html

@@ -0,0 +1,4182 @@
+<abp-page [title]="'eDonusum::Invoices' | abpLocalization">
+  <abp-page-toolbar-container class="col">
+    <div class="text-lg-end pt-2">
+      <button
+        class="btn btn-primary btn-sm mx-2"
+        type="button"
+        [disabled]="isExportToExcelBusy"
+        (click)="exportToExcel()"
+      >
+        {{ 'eDonusum::ExportToExcel' | abpLocalization }}
+      </button>
+
+      <button
+        *abpPermission="'eDonusum.Invoices.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewInvoice' | abpLocalization }}
+      </button>
+    </div>
+  </abp-page-toolbar-container>
+
+  <abp-advanced-entity-filters localizationSourceName="eDonusum" [list]="list">
+    <abp-advanced-entity-filters-form>
+      <form #filterForm (keyup.enter)="list.get()">
+        <div class="row">
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="ublVersionIdFilter">
+                {{ 'eDonusum::UblVersionId' | abpLocalization }}
+              </label>
+
+              <input
+                id="ublVersionIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.ublVersionId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="customizationIdFilter">
+                {{ 'eDonusum::CustomizationId' | abpLocalization }}
+              </label>
+
+              <input
+                id="customizationIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.customizationId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="profileIdFilter">
+                {{ 'eDonusum::ProfileId' | abpLocalization }}
+              </label>
+
+              <input
+                id="profileIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.profileId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="invoiceIdFilter">
+                {{ 'eDonusum::InvoiceId' | abpLocalization }}
+              </label>
+
+              <input
+                id="invoiceIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.invoiceId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="copyIndicatorFilter">
+                {{ 'eDonusum::CopyIndicator' | abpLocalization }}
+              </label>
+
+              <select
+                name="copyIndicator"
+                id="copyIndicatorFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.copyIndicator"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="uuIdFilter">
+                {{ 'eDonusum::UuId' | abpLocalization }}
+              </label>
+
+              <input
+                id="uuIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.uuId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minIssueDate">
+                {{ 'eDonusum::MinIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minIssueDate"
+                  class="form-control"
+                  #minIssueDateInput
+                  #minIssueDateDatepicker="ngbDatepicker"
+                  name="minIssueDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minIssueDateDatepicker.toggle()"
+                  (keyup.space)="minIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.issueDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minIssueDateDatepicker.writeValue(null);
+                      minIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxIssueDate">
+                {{ 'eDonusum::MaxIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxIssueDate"
+                  class="form-control"
+                  #maxIssueDateInput
+                  #maxIssueDateDatepicker="ngbDatepicker"
+                  name="maxIssueDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxIssueDateDatepicker.toggle()"
+                  (keyup.space)="maxIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.issueDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxIssueDateDatepicker.writeValue(null);
+                      maxIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minIssueTime">
+                {{ 'eDonusum::MinIssueTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minIssueTime"
+                  class="form-control"
+                  #minIssueTimeInput
+                  #minIssueTimeDatepicker="ngbDatepicker"
+                  name="minIssueTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minIssueTimeDatepicker.toggle()"
+                  (keyup.space)="minIssueTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.issueTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minIssueTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minIssueTimeDatepicker.writeValue(null);
+                      minIssueTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxIssueTime">
+                {{ 'eDonusum::MaxIssueTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxIssueTime"
+                  class="form-control"
+                  #maxIssueTimeInput
+                  #maxIssueTimeDatepicker="ngbDatepicker"
+                  name="maxIssueTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxIssueTimeDatepicker.toggle()"
+                  (keyup.space)="maxIssueTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.issueTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxIssueTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxIssueTimeDatepicker.writeValue(null);
+                      maxIssueTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="invoiceTypeCodeFilter">
+                {{ 'eDonusum::InvoiceTypeCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="invoiceTypeCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.invoiceTypeCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="documentCurrencyCodeFilter">
+                {{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="documentCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.documentCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxCurrencyCodeFilter">
+                {{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="pricingCurrencyCodeFilter">
+                {{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="pricingCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.pricingCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="paymentCurrencyCodeFilter">
+                {{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="paymentAlternativeCurrencyCodeFilter">
+                {{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentAlternativeCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentAlternativeCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingCostFilter">
+                {{ 'eDonusum::AccountingCost' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingCostFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingCost"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLineCountNumeric">
+                {{ 'eDonusum::MinLineCountNumeric' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLineCountNumeric"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.lineCountNumericMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLineCountNumeric">
+                {{ 'eDonusum::MaxLineCountNumeric' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLineCountNumeric"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.lineCountNumericMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minInvoicePeriodStartDate">
+                {{ 'eDonusum::MinInvoicePeriodStartDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minInvoicePeriodStartDate"
+                  class="form-control"
+                  #minInvoicePeriodStartDateInput
+                  #minInvoicePeriodStartDateDatepicker="ngbDatepicker"
+                  name="minInvoicePeriodStartDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minInvoicePeriodStartDateDatepicker.toggle()"
+                  (keyup.space)="minInvoicePeriodStartDateDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodStartDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minInvoicePeriodStartDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minInvoicePeriodStartDateDatepicker.writeValue(null);
+                      minInvoicePeriodStartDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxInvoicePeriodStartDate">
+                {{ 'eDonusum::MaxInvoicePeriodStartDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxInvoicePeriodStartDate"
+                  class="form-control"
+                  #maxInvoicePeriodStartDateInput
+                  #maxInvoicePeriodStartDateDatepicker="ngbDatepicker"
+                  name="maxInvoicePeriodStartDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxInvoicePeriodStartDateDatepicker.toggle()"
+                  (keyup.space)="maxInvoicePeriodStartDateDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodStartDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxInvoicePeriodStartDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxInvoicePeriodStartDateDatepicker.writeValue(null);
+                      maxInvoicePeriodStartDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minInvoicePeriodStartTime">
+                {{ 'eDonusum::MinInvoicePeriodStartTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minInvoicePeriodStartTime"
+                  class="form-control"
+                  #minInvoicePeriodStartTimeInput
+                  #minInvoicePeriodStartTimeDatepicker="ngbDatepicker"
+                  name="minInvoicePeriodStartTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minInvoicePeriodStartTimeDatepicker.toggle()"
+                  (keyup.space)="minInvoicePeriodStartTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodStartTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minInvoicePeriodStartTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minInvoicePeriodStartTimeDatepicker.writeValue(null);
+                      minInvoicePeriodStartTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxInvoicePeriodStartTime">
+                {{ 'eDonusum::MaxInvoicePeriodStartTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxInvoicePeriodStartTime"
+                  class="form-control"
+                  #maxInvoicePeriodStartTimeInput
+                  #maxInvoicePeriodStartTimeDatepicker="ngbDatepicker"
+                  name="maxInvoicePeriodStartTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxInvoicePeriodStartTimeDatepicker.toggle()"
+                  (keyup.space)="maxInvoicePeriodStartTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodStartTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxInvoicePeriodStartTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxInvoicePeriodStartTimeDatepicker.writeValue(null);
+                      maxInvoicePeriodStartTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minInvoicePeriodEndDate">
+                {{ 'eDonusum::MinInvoicePeriodEndDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minInvoicePeriodEndDate"
+                  class="form-control"
+                  #minInvoicePeriodEndDateInput
+                  #minInvoicePeriodEndDateDatepicker="ngbDatepicker"
+                  name="minInvoicePeriodEndDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minInvoicePeriodEndDateDatepicker.toggle()"
+                  (keyup.space)="minInvoicePeriodEndDateDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodEndDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minInvoicePeriodEndDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minInvoicePeriodEndDateDatepicker.writeValue(null);
+                      minInvoicePeriodEndDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxInvoicePeriodEndDate">
+                {{ 'eDonusum::MaxInvoicePeriodEndDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxInvoicePeriodEndDate"
+                  class="form-control"
+                  #maxInvoicePeriodEndDateInput
+                  #maxInvoicePeriodEndDateDatepicker="ngbDatepicker"
+                  name="maxInvoicePeriodEndDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxInvoicePeriodEndDateDatepicker.toggle()"
+                  (keyup.space)="maxInvoicePeriodEndDateDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodEndDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxInvoicePeriodEndDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxInvoicePeriodEndDateDatepicker.writeValue(null);
+                      maxInvoicePeriodEndDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minInvoicePeriodEndTime">
+                {{ 'eDonusum::MinInvoicePeriodEndTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minInvoicePeriodEndTime"
+                  class="form-control"
+                  #minInvoicePeriodEndTimeInput
+                  #minInvoicePeriodEndTimeDatepicker="ngbDatepicker"
+                  name="minInvoicePeriodEndTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minInvoicePeriodEndTimeDatepicker.toggle()"
+                  (keyup.space)="minInvoicePeriodEndTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodEndTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minInvoicePeriodEndTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minInvoicePeriodEndTimeDatepicker.writeValue(null);
+                      minInvoicePeriodEndTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxInvoicePeriodEndTime">
+                {{ 'eDonusum::MaxInvoicePeriodEndTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxInvoicePeriodEndTime"
+                  class="form-control"
+                  #maxInvoicePeriodEndTimeInput
+                  #maxInvoicePeriodEndTimeDatepicker="ngbDatepicker"
+                  name="maxInvoicePeriodEndTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxInvoicePeriodEndTimeDatepicker.toggle()"
+                  (keyup.space)="maxInvoicePeriodEndTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodEndTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxInvoicePeriodEndTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxInvoicePeriodEndTimeDatepicker.writeValue(null);
+                      maxInvoicePeriodEndTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minInvoicePeriodDurationMeasure">
+                {{ 'eDonusum::MinInvoicePeriodDurationMeasure' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minInvoicePeriodDurationMeasure"
+                  class="form-control"
+                  #minInvoicePeriodDurationMeasureInput
+                  #minInvoicePeriodDurationMeasureDatepicker="ngbDatepicker"
+                  name="minInvoicePeriodDurationMeasure"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minInvoicePeriodDurationMeasureDatepicker.toggle()"
+                  (keyup.space)="minInvoicePeriodDurationMeasureDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodDurationMeasureMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minInvoicePeriodDurationMeasureInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minInvoicePeriodDurationMeasureDatepicker.writeValue(null);
+                      minInvoicePeriodDurationMeasureDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxInvoicePeriodDurationMeasure">
+                {{ 'eDonusum::MaxInvoicePeriodDurationMeasure' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxInvoicePeriodDurationMeasure"
+                  class="form-control"
+                  #maxInvoicePeriodDurationMeasureInput
+                  #maxInvoicePeriodDurationMeasureDatepicker="ngbDatepicker"
+                  name="maxInvoicePeriodDurationMeasure"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxInvoicePeriodDurationMeasureDatepicker.toggle()"
+                  (keyup.space)="maxInvoicePeriodDurationMeasureDatepicker.toggle()"
+                  [(ngModel)]="filters.invoicePeriodDurationMeasureMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxInvoicePeriodDurationMeasureInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxInvoicePeriodDurationMeasureDatepicker.writeValue(null);
+                      maxInvoicePeriodDurationMeasureDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="invoicePeriodDescriptionFilter">
+                {{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}
+              </label>
+
+              <input
+                id="invoicePeriodDescriptionFilter"
+                class="form-control"
+                [(ngModel)]="filters.invoicePeriodDescription"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="orderReferenceIdFilter">
+                {{ 'eDonusum::OrderReferenceId' | abpLocalization }}
+              </label>
+
+              <input
+                id="orderReferenceIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.orderReferenceId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="orderReferenceSalesOrderIdFilter">
+                {{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}
+              </label>
+
+              <input
+                id="orderReferenceSalesOrderIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.orderReferenceSalesOrderId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minOrderReferenceIssueDate">
+                {{ 'eDonusum::MinOrderReferenceIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minOrderReferenceIssueDate"
+                  class="form-control"
+                  #minOrderReferenceIssueDateInput
+                  #minOrderReferenceIssueDateDatepicker="ngbDatepicker"
+                  name="minOrderReferenceIssueDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minOrderReferenceIssueDateDatepicker.toggle()"
+                  (keyup.space)="minOrderReferenceIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.orderReferenceIssueDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minOrderReferenceIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minOrderReferenceIssueDateDatepicker.writeValue(null);
+                      minOrderReferenceIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxOrderReferenceIssueDate">
+                {{ 'eDonusum::MaxOrderReferenceIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxOrderReferenceIssueDate"
+                  class="form-control"
+                  #maxOrderReferenceIssueDateInput
+                  #maxOrderReferenceIssueDateDatepicker="ngbDatepicker"
+                  name="maxOrderReferenceIssueDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxOrderReferenceIssueDateDatepicker.toggle()"
+                  (keyup.space)="maxOrderReferenceIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.orderReferenceIssueDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxOrderReferenceIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxOrderReferenceIssueDateDatepicker.writeValue(null);
+                      maxOrderReferenceIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="orderReferenceOrderTypeCodeFilter">
+                {{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="orderReferenceOrderTypeCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.orderReferenceOrderTypeCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingSupplierPartyNameFilter">
+                {{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingSupplierPartyNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingSupplierPartyName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingSupplierPartySchemeIdFilter">
+                {{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingSupplierPartySchemeIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingSupplierPartySchemeId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingSupplierPartyVknTcknFilter">
+                {{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingSupplierPartyVknTcknFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingSupplierPartyVknTckn"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingCustomerPartyNameFilter">
+                {{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingCustomerPartyNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingCustomerPartyName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingCustomerPartySchemeIdFilter">
+                {{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingCustomerPartySchemeIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingCustomerPartySchemeId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountingCustomerPartyVknTcknFilter">
+                {{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountingCustomerPartyVknTcknFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountingCustomerPartyVknTckn"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="buyerCustomerPartyNameFilter">
+                {{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}
+              </label>
+
+              <input
+                id="buyerCustomerPartyNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.buyerCustomerPartyName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="buyerCustomerPartySchemeIdFilter">
+                {{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}
+              </label>
+
+              <input
+                id="buyerCustomerPartySchemeIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.buyerCustomerPartySchemeId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="buyerCustomerPartyVknTcknFilter">
+                {{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}
+              </label>
+
+              <input
+                id="buyerCustomerPartyVknTcknFilter"
+                class="form-control"
+                [(ngModel)]="filters.buyerCustomerPartyVknTckn"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="sellerSupplierPartyNameFilter">
+                {{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}
+              </label>
+
+              <input
+                id="sellerSupplierPartyNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.sellerSupplierPartyName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="sellerSupplierPartySchemeIdFilter">
+                {{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}
+              </label>
+
+              <input
+                id="sellerSupplierPartySchemeIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.sellerSupplierPartySchemeId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="sellerSupplierPartyVknTcknFilter">
+                {{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}
+              </label>
+
+              <input
+                id="sellerSupplierPartyVknTcknFilter"
+                class="form-control"
+                [(ngModel)]="filters.sellerSupplierPartyVknTckn"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxRepresentativePartyNameFilter">
+                {{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxRepresentativePartyNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxRepresentativePartyName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxRepresentativePartySchemeIdFilter">
+                {{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxRepresentativePartySchemeIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxRepresentativePartySchemeId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxRepresentativePartyVknTcknFilter">
+                {{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxRepresentativePartyVknTcknFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxRepresentativePartyVknTckn"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxExchangeRateSourceCurrencyCodeFilter">
+                {{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxExchangeRateSourceCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxExchangeRateSourceCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="taxExchangeRateTargetCurrencyCodeFilter">
+                {{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="taxExchangeRateTargetCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.taxExchangeRateTargetCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minTaxExchangeRateCalculationRate">
+                {{ 'eDonusum::MinTaxExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="minTaxExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.taxExchangeRateCalculationRateMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxTaxExchangeRateCalculationRate">
+                {{ 'eDonusum::MaxTaxExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxTaxExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.taxExchangeRateCalculationRateMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minTaxExchangeRateDate">
+                {{ 'eDonusum::MinTaxExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minTaxExchangeRateDate"
+                  class="form-control"
+                  #minTaxExchangeRateDateInput
+                  #minTaxExchangeRateDateDatepicker="ngbDatepicker"
+                  name="minTaxExchangeRateDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minTaxExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="minTaxExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.taxExchangeRateDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minTaxExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minTaxExchangeRateDateDatepicker.writeValue(null);
+                      minTaxExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxTaxExchangeRateDate">
+                {{ 'eDonusum::MaxTaxExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxTaxExchangeRateDate"
+                  class="form-control"
+                  #maxTaxExchangeRateDateInput
+                  #maxTaxExchangeRateDateDatepicker="ngbDatepicker"
+                  name="maxTaxExchangeRateDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxTaxExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="maxTaxExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.taxExchangeRateDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxTaxExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxTaxExchangeRateDateDatepicker.writeValue(null);
+                      maxTaxExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="pricingExchangeRateSourceCurrencyCodeFilter">
+                {{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="pricingExchangeRateSourceCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.pricingExchangeRateSourceCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="pricingExchangeRateTargetCurrencyCodeFilter">
+                {{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="pricingExchangeRateTargetCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.pricingExchangeRateTargetCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPricingExchangeRateCalculationRate">
+                {{ 'eDonusum::MinPricingExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="minPricingExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.pricingExchangeRateCalculationRateMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPricingExchangeRateCalculationRate">
+                {{ 'eDonusum::MaxPricingExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxPricingExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.pricingExchangeRateCalculationRateMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPricingExchangeRateDate">
+                {{ 'eDonusum::MinPricingExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minPricingExchangeRateDate"
+                  class="form-control"
+                  #minPricingExchangeRateDateInput
+                  #minPricingExchangeRateDateDatepicker="ngbDatepicker"
+                  name="minPricingExchangeRateDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minPricingExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="minPricingExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.pricingExchangeRateDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minPricingExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minPricingExchangeRateDateDatepicker.writeValue(null);
+                      minPricingExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPricingExchangeRateDate">
+                {{ 'eDonusum::MaxPricingExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxPricingExchangeRateDate"
+                  class="form-control"
+                  #maxPricingExchangeRateDateInput
+                  #maxPricingExchangeRateDateDatepicker="ngbDatepicker"
+                  name="maxPricingExchangeRateDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxPricingExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="maxPricingExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.pricingExchangeRateDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxPricingExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxPricingExchangeRateDateDatepicker.writeValue(null);
+                      maxPricingExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="paymentExchangeRateSourceCurrencyCodeFilter">
+                {{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentExchangeRateSourceCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentExchangeRateSourceCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="paymentExchangeRateTargetCurrencyCodeFilter">
+                {{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentExchangeRateTargetCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentExchangeRateTargetCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPaymentExchangeRateCalculationRate">
+                {{ 'eDonusum::MinPaymentExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="minPaymentExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.paymentExchangeRateCalculationRateMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPaymentExchangeRateCalculationRate">
+                {{ 'eDonusum::MaxPaymentExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxPaymentExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.paymentExchangeRateCalculationRateMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPaymentExchangeRateDate">
+                {{ 'eDonusum::MinPaymentExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minPaymentExchangeRateDate"
+                  class="form-control"
+                  #minPaymentExchangeRateDateInput
+                  #minPaymentExchangeRateDateDatepicker="ngbDatepicker"
+                  name="minPaymentExchangeRateDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minPaymentExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="minPaymentExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentExchangeRateDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minPaymentExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minPaymentExchangeRateDateDatepicker.writeValue(null);
+                      minPaymentExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPaymentExchangeRateDate">
+                {{ 'eDonusum::MaxPaymentExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxPaymentExchangeRateDate"
+                  class="form-control"
+                  #maxPaymentExchangeRateDateInput
+                  #maxPaymentExchangeRateDateDatepicker="ngbDatepicker"
+                  name="maxPaymentExchangeRateDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxPaymentExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="maxPaymentExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentExchangeRateDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxPaymentExchangeRateDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxPaymentExchangeRateDateDatepicker.writeValue(null);
+                      maxPaymentExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label
+                class="form-label"
+                for="paymentAlternativeExchangeRateSourceCurrencyCodeFilter"
+              >
+                {{ 'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentAlternativeExchangeRateSourceCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentAlternativeExchangeRateSourceCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label
+                class="form-label"
+                for="paymentAlternativeExchangeRateTargetCurrencyCodeFilter"
+              >
+                {{ 'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentAlternativeExchangeRateTargetCurrencyCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentAlternativeExchangeRateTargetCurrencyCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPaymentAlternativeExchangeRateCalculationRate">
+                {{ 'eDonusum::MinPaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="minPaymentAlternativeExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.paymentAlternativeExchangeRateCalculationRateMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPaymentAlternativeExchangeRateCalculationRate">
+                {{ 'eDonusum::MaxPaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxPaymentAlternativeExchangeRateCalculationRate"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.paymentAlternativeExchangeRateCalculationRateMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPaymentAlternativeExchangeRateDate">
+                {{ 'eDonusum::MinPaymentAlternativeExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minPaymentAlternativeExchangeRateDate"
+                  class="form-control"
+                  #minPaymentAlternativeExchangeRateDateInput
+                  #minPaymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
+                  name="minPaymentAlternativeExchangeRateDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minPaymentAlternativeExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="minPaymentAlternativeExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentAlternativeExchangeRateDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div
+                  *ngIf="minPaymentAlternativeExchangeRateDateInput.value"
+                  class="input-group-append"
+                >
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minPaymentAlternativeExchangeRateDateDatepicker.writeValue(null);
+                      minPaymentAlternativeExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPaymentAlternativeExchangeRateDate">
+                {{ 'eDonusum::MaxPaymentAlternativeExchangeRateDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxPaymentAlternativeExchangeRateDate"
+                  class="form-control"
+                  #maxPaymentAlternativeExchangeRateDateInput
+                  #maxPaymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
+                  name="maxPaymentAlternativeExchangeRateDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxPaymentAlternativeExchangeRateDateDatepicker.toggle()"
+                  (keyup.space)="maxPaymentAlternativeExchangeRateDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentAlternativeExchangeRateDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div
+                  *ngIf="maxPaymentAlternativeExchangeRateDateInput.value"
+                  class="input-group-append"
+                >
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxPaymentAlternativeExchangeRateDateDatepicker.writeValue(null);
+                      maxPaymentAlternativeExchangeRateDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalLineExtensionAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalLineExtensionAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalLineExtensionAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalLineExtensionAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalLineExtensionAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalLineExtensionAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalTaxExclusiveAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalTaxExclusiveAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalTaxExclusiveAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalTaxExclusiveAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalTaxExclusiveAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalTaxExclusiveAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalTaxInclusiveAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalTaxInclusiveAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalTaxInclusiveAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalTaxInclusiveAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalTaxInclusiveAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalTaxInclusiveAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalAllowanceTotalAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalAllowanceTotalAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalAllowanceTotalAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalAllowanceTotalAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalAllowanceTotalAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalAllowanceTotalAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalChargeTotalAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalChargeTotalAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalChargeTotalAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalChargeTotalAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalChargeTotalAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalChargeTotalAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalPayableRoundingAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalPayableRoundingAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalPayableRoundingAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalPayableRoundingAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalPayableRoundingAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalPayableRoundingAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minLegalMonetaryTotalPayableAmount">
+                {{ 'eDonusum::MinLegalMonetaryTotalPayableAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="minLegalMonetaryTotalPayableAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalPayableAmountMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxLegalMonetaryTotalPayableAmount">
+                {{ 'eDonusum::MaxLegalMonetaryTotalPayableAmount' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxLegalMonetaryTotalPayableAmount"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.legalMonetaryTotalPayableAmountMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="paymentTermsNoteFilter">
+                {{ 'eDonusum::PaymentTermsNote' | abpLocalization }}
+              </label>
+
+              <input
+                id="paymentTermsNoteFilter"
+                class="form-control"
+                [(ngModel)]="filters.paymentTermsNote"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minPaymentTermsPaymentDueDate">
+                {{ 'eDonusum::MinPaymentTermsPaymentDueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minPaymentTermsPaymentDueDate"
+                  class="form-control"
+                  #minPaymentTermsPaymentDueDateInput
+                  #minPaymentTermsPaymentDueDateDatepicker="ngbDatepicker"
+                  name="minPaymentTermsPaymentDueDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minPaymentTermsPaymentDueDateDatepicker.toggle()"
+                  (keyup.space)="minPaymentTermsPaymentDueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentTermsPaymentDueDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minPaymentTermsPaymentDueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minPaymentTermsPaymentDueDateDatepicker.writeValue(null);
+                      minPaymentTermsPaymentDueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxPaymentTermsPaymentDueDate">
+                {{ 'eDonusum::MaxPaymentTermsPaymentDueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxPaymentTermsPaymentDueDate"
+                  class="form-control"
+                  #maxPaymentTermsPaymentDueDateInput
+                  #maxPaymentTermsPaymentDueDateDatepicker="ngbDatepicker"
+                  name="maxPaymentTermsPaymentDueDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxPaymentTermsPaymentDueDateDatepicker.toggle()"
+                  (keyup.space)="maxPaymentTermsPaymentDueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.paymentTermsPaymentDueDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxPaymentTermsPaymentDueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxPaymentTermsPaymentDueDateDatepicker.writeValue(null);
+                      maxPaymentTermsPaymentDueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="custInvIdFilter">
+                {{ 'eDonusum::CustInvId' | abpLocalization }}
+              </label>
+
+              <input
+                id="custInvIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.custInvId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isCanceledFilter">
+                {{ 'eDonusum::IsCanceled' | abpLocalization }}
+              </label>
+
+              <select
+                name="isCanceled"
+                id="isCanceledFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isCanceled"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="cancelCodeFilter">
+                {{ 'eDonusum::CancelCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="cancelCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.cancelCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="cancelDescriptionFilter">
+                {{ 'eDonusum::CancelDescription' | abpLocalization }}
+              </label>
+
+              <input
+                id="cancelDescriptionFilter"
+                class="form-control"
+                [(ngModel)]="filters.cancelDescription"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minResourceDocType">
+                {{ 'eDonusum::MinResourceDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minResourceDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.resourceDocTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxResourceDocType">
+                {{ 'eDonusum::MaxResourceDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxResourceDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.resourceDocTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="resourceDocEntryFilter">
+                {{ 'eDonusum::ResourceDocEntry' | abpLocalization }}
+              </label>
+
+              <input
+                id="resourceDocEntryFilter"
+                class="form-control"
+                [(ngModel)]="filters.resourceDocEntry"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minStatus">
+                {{ 'eDonusum::MinStatus' | abpLocalization }}
+              </label>
+
+              <input
+                id="minStatus"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.statusMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxStatus">
+                {{ 'eDonusum::MaxStatus' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxStatus"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.statusMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minReceiverResponse">
+                {{ 'eDonusum::MinReceiverResponse' | abpLocalization }}
+              </label>
+
+              <input
+                id="minReceiverResponse"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.receiverResponseMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxReceiverResponse">
+                {{ 'eDonusum::MaxReceiverResponse' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxReceiverResponse"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.receiverResponseMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="receiverResponseDescFilter">
+                {{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}
+              </label>
+
+              <input
+                id="receiverResponseDescFilter"
+                class="form-control"
+                [(ngModel)]="filters.receiverResponseDesc"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minDocType">
+                {{ 'eDonusum::MinDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.docTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDocType">
+                {{ 'eDonusum::MaxDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.docTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isEArchiveFilter">
+                {{ 'eDonusum::IsEArchive' | abpLocalization }}
+              </label>
+
+              <select
+                name="isEArchive"
+                id="isEArchiveFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isEArchive"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto align-self-end mb-3">
+            <div class="row">
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-outline-primary" (click)="clearFilters()">
+                  <span>{{ 'AbpUi::Clear' | abpLocalization }}</span>
+                </button>
+              </div>
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-primary" (click)="list.get()">
+                  <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </abp-advanced-entity-filters-form>
+  </abp-advanced-entity-filters>
+
+  <div class="card">
+    <div class="card-body">
+      <ngx-datatable [rows]="data.items" [count]="data.totalCount" [list]="list" default>
+        <ngx-datatable-column
+          [name]="'AbpUi::Actions' | abpLocalization"
+          [maxWidth]="150"
+          [width]="150"
+          [sortable]="false"
+        >
+          <ng-template let-row="row" let-i="rowIndex" ngx-datatable-cell-template>
+            <div ngbDropdown container="body" class="d-inline-block">
+              <button
+                class="btn btn-primary btn-sm dropdown-toggle"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                ngbDropdownToggle
+              >
+                <i class="fa fa-cog me-1" aria-hidden="true"></i>
+                {{ 'AbpUi::Actions' | abpLocalization }}
+              </button>
+
+              <div ngbDropdownMenu>
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.Invoices.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.Invoices.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::UblVersionId' | abpLocalization }}"
+          prop="ublVersionId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.ublVersionId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::CustomizationId' | abpLocalization }}"
+          prop="customizationId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.customizationId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::ProfileId' | abpLocalization }}" prop="profileId">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.profileId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::InvoiceId' | abpLocalization }}" prop="invoiceId">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::CopyIndicator' | abpLocalization }}"
+          prop="copyIndicator"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.copyIndicator" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::UuId' | abpLocalization }}" prop="uuId">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.uuId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::IssueDate' | abpLocalization }}" prop="issueDate">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.issueDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::IssueTime' | abpLocalization }}" prop="issueTime">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.issueTime | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoiceTypeCode' | abpLocalization }}"
+          prop="invoiceTypeCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceTypeCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }}"
+          prop="documentCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.documentCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}"
+          prop="taxCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}"
+          prop="pricingCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.pricingCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}"
+          prop="paymentCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}"
+          prop="paymentAlternativeCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentAlternativeCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingCost' | abpLocalization }}"
+          prop="accountingCost"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingCost }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LineCountNumeric' | abpLocalization }}"
+          prop="lineCountNumeric"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.lineCountNumeric }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodStartDate' | abpLocalization }}"
+          prop="invoicePeriodStartDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodStartDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodStartTime' | abpLocalization }}"
+          prop="invoicePeriodStartTime"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodStartTime | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodEndDate' | abpLocalization }}"
+          prop="invoicePeriodEndDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodEndDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodEndTime' | abpLocalization }}"
+          prop="invoicePeriodEndTime"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodEndTime | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodDurationMeasure' | abpLocalization }}"
+          prop="invoicePeriodDurationMeasure"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodDurationMeasure | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}"
+          prop="invoicePeriodDescription"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoicePeriodDescription }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::OrderReferenceId' | abpLocalization }}"
+          prop="orderReferenceId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.orderReferenceId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}"
+          prop="orderReferenceSalesOrderId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.orderReferenceSalesOrderId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::OrderReferenceIssueDate' | abpLocalization }}"
+          prop="orderReferenceIssueDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.orderReferenceIssueDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}"
+          prop="orderReferenceOrderTypeCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.orderReferenceOrderTypeCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}"
+          prop="accountingSupplierPartyName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingSupplierPartyName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}"
+          prop="accountingSupplierPartySchemeId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingSupplierPartySchemeId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}"
+          prop="accountingSupplierPartyVknTckn"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingSupplierPartyVknTckn }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}"
+          prop="accountingCustomerPartyName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingCustomerPartyName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}"
+          prop="accountingCustomerPartySchemeId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingCustomerPartySchemeId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}"
+          prop="accountingCustomerPartyVknTckn"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountingCustomerPartyVknTckn }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}"
+          prop="buyerCustomerPartyName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.buyerCustomerPartyName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}"
+          prop="buyerCustomerPartySchemeId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.buyerCustomerPartySchemeId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}"
+          prop="buyerCustomerPartyVknTckn"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.buyerCustomerPartyVknTckn }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}"
+          prop="sellerSupplierPartyName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.sellerSupplierPartyName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}"
+          prop="sellerSupplierPartySchemeId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.sellerSupplierPartySchemeId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}"
+          prop="sellerSupplierPartyVknTckn"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.sellerSupplierPartyVknTckn }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}"
+          prop="taxRepresentativePartyName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxRepresentativePartyName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}"
+          prop="taxRepresentativePartySchemeId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxRepresentativePartySchemeId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}"
+          prop="taxRepresentativePartyVknTckn"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxRepresentativePartyVknTckn }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}"
+          prop="taxExchangeRateSourceCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxExchangeRateSourceCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}"
+          prop="taxExchangeRateTargetCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxExchangeRateTargetCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxExchangeRateCalculationRate' | abpLocalization }}"
+          prop="taxExchangeRateCalculationRate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxExchangeRateCalculationRate }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::TaxExchangeRateDate' | abpLocalization }}"
+          prop="taxExchangeRateDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.taxExchangeRateDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}"
+          prop="pricingExchangeRateSourceCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.pricingExchangeRateSourceCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}"
+          prop="pricingExchangeRateTargetCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.pricingExchangeRateTargetCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PricingExchangeRateCalculationRate' | abpLocalization }}"
+          prop="pricingExchangeRateCalculationRate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.pricingExchangeRateCalculationRate }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PricingExchangeRateDate' | abpLocalization }}"
+          prop="pricingExchangeRateDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.pricingExchangeRateDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}"
+          prop="paymentExchangeRateSourceCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentExchangeRateSourceCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}"
+          prop="paymentExchangeRateTargetCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentExchangeRateTargetCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentExchangeRateCalculationRate' | abpLocalization }}"
+          prop="paymentExchangeRateCalculationRate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentExchangeRateCalculationRate }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentExchangeRateDate' | abpLocalization }}"
+          prop="paymentExchangeRateDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentExchangeRateDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{
+            'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization
+          }}"
+          prop="paymentAlternativeExchangeRateSourceCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentAlternativeExchangeRateSourceCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{
+            'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization
+          }}"
+          prop="paymentAlternativeExchangeRateTargetCurrencyCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentAlternativeExchangeRateTargetCurrencyCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}"
+          prop="paymentAlternativeExchangeRateCalculationRate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentAlternativeExchangeRateCalculationRate }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentAlternativeExchangeRateDate' | abpLocalization }}"
+          prop="paymentAlternativeExchangeRateDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentAlternativeExchangeRateDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalLineExtensionAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalLineExtensionAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalLineExtensionAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalTaxExclusiveAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalTaxExclusiveAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalTaxInclusiveAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalTaxInclusiveAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalAllowanceTotalAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalAllowanceTotalAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalChargeTotalAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalChargeTotalAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalChargeTotalAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalPayableRoundingAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalPayableRoundingAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LegalMonetaryTotalPayableAmount' | abpLocalization }}"
+          prop="legalMonetaryTotalPayableAmount"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.legalMonetaryTotalPayableAmount }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentTermsNote' | abpLocalization }}"
+          prop="paymentTermsNote"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentTermsNote }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::PaymentTermsPaymentDueDate' | abpLocalization }}"
+          prop="paymentTermsPaymentDueDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.paymentTermsPaymentDueDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::CustInvId' | abpLocalization }}" prop="custInvId">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.custInvId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::IsCanceled' | abpLocalization }}"
+          prop="isCanceled"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.isCanceled" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::CancelCode' | abpLocalization }}"
+          prop="cancelCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.cancelCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::CancelDescription' | abpLocalization }}"
+          prop="cancelDescription"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.cancelDescription }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::ResourceDocType' | abpLocalization }}"
+          prop="resourceDocType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.resourceDocType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::ResourceDocEntry' | abpLocalization }}"
+          prop="resourceDocEntry"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.resourceDocEntry }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Status' | abpLocalization }}" prop="status">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.status }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::ReceiverResponse' | abpLocalization }}"
+          prop="receiverResponse"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.receiverResponse }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}"
+          prop="receiverResponseDesc"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.receiverResponseDesc }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::DocType' | abpLocalization }}" prop="docType">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.docType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::IsEArchive' | abpLocalization }}"
+          prop="isEArchive"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.isEArchive" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+      </ngx-datatable>
+    </div>
+  </div>
+</abp-page>
+
+<abp-modal [busy]="isModalBusy" [(visible)]="isModalOpen">
+  <ng-template #abpHeader>
+    <h3>
+      {{ (selected ? 'AbpUi::Edit' : 'eDonusum::NewInvoice') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="invoice" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="invoice-ubl-version-id">
+            {{ 'eDonusum::UblVersionId' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-ubl-version-id"
+            formControlName="ublVersionId"
+            class="form-control"
+            maxlength="8"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-customization-id">
+            {{ 'eDonusum::CustomizationId' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-customization-id"
+            formControlName="customizationId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-profile-id">
+            {{ 'eDonusum::ProfileId' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-profile-id"
+            formControlName="profileId"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-id">
+            {{ 'eDonusum::InvoiceId' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-invoice-id"
+            formControlName="invoiceId"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="invoice-copy-indicator"
+            formControlName="copyIndicator"
+            class="form-check-input"
+          />
+
+          <label for="invoice-copy-indicator" class="form-check-label">
+            {{ 'eDonusum::CopyIndicator' | abpLocalization }}
+          </label>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-uu-id">
+            {{ 'eDonusum::UuId' | abpLocalization }} *
+          </label>
+
+          <input id="invoice-uu-id" formControlName="uuId" class="form-control" maxlength="64" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-issue-date">
+            {{ 'eDonusum::IssueDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-issue-date"
+              formControlName="issueDate"
+              class="form-control"
+              ngbDatepicker
+              #issueDateInput
+              #issueDateDatepicker="ngbDatepicker"
+              (click)="issueDateDatepicker.open()"
+              (keyup.space)="issueDateDatepicker.open()"
+            />
+            <div *ngIf="issueDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  issueDateDatepicker.writeValue(null);
+                  issueDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-issue-time">
+            {{ 'eDonusum::IssueTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-issue-time"
+              formControlName="issueTime"
+              class="form-control"
+              ngbDatepicker
+              #issueTimeInput
+              #issueTimeDatepicker="ngbDatepicker"
+              (click)="issueTimeDatepicker.open()"
+              (keyup.space)="issueTimeDatepicker.open()"
+            />
+            <div *ngIf="issueTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  issueTimeDatepicker.writeValue(null);
+                  issueTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-type-code">
+            {{ 'eDonusum::InvoiceTypeCode' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-invoice-type-code"
+            formControlName="invoiceTypeCode"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-document-currency-code">
+            {{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }} *
+          </label>
+
+          <input
+            id="invoice-document-currency-code"
+            formControlName="documentCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-currency-code">
+            {{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-currency-code"
+            formControlName="taxCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-pricing-currency-code">
+            {{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-pricing-currency-code"
+            formControlName="pricingCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-currency-code">
+            {{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-currency-code"
+            formControlName="paymentCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-alternative-currency-code">
+            {{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-alternative-currency-code"
+            formControlName="paymentAlternativeCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-cost">
+            {{ 'eDonusum::AccountingCost' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-cost"
+            formControlName="accountingCost"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-count-numeric">
+            {{ 'eDonusum::LineCountNumeric' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-line-count-numeric"
+            formControlName="lineCountNumeric"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-start-date">
+            {{ 'eDonusum::InvoicePeriodStartDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-invoice-period-start-date"
+              formControlName="invoicePeriodStartDate"
+              class="form-control"
+              ngbDatepicker
+              #invoicePeriodStartDateInput
+              #invoicePeriodStartDateDatepicker="ngbDatepicker"
+              (click)="invoicePeriodStartDateDatepicker.open()"
+              (keyup.space)="invoicePeriodStartDateDatepicker.open()"
+            />
+            <div *ngIf="invoicePeriodStartDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  invoicePeriodStartDateDatepicker.writeValue(null);
+                  invoicePeriodStartDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-start-time">
+            {{ 'eDonusum::InvoicePeriodStartTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-invoice-period-start-time"
+              formControlName="invoicePeriodStartTime"
+              class="form-control"
+              ngbDatepicker
+              #invoicePeriodStartTimeInput
+              #invoicePeriodStartTimeDatepicker="ngbDatepicker"
+              (click)="invoicePeriodStartTimeDatepicker.open()"
+              (keyup.space)="invoicePeriodStartTimeDatepicker.open()"
+            />
+            <div *ngIf="invoicePeriodStartTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  invoicePeriodStartTimeDatepicker.writeValue(null);
+                  invoicePeriodStartTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-end-date">
+            {{ 'eDonusum::InvoicePeriodEndDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-invoice-period-end-date"
+              formControlName="invoicePeriodEndDate"
+              class="form-control"
+              ngbDatepicker
+              #invoicePeriodEndDateInput
+              #invoicePeriodEndDateDatepicker="ngbDatepicker"
+              (click)="invoicePeriodEndDateDatepicker.open()"
+              (keyup.space)="invoicePeriodEndDateDatepicker.open()"
+            />
+            <div *ngIf="invoicePeriodEndDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  invoicePeriodEndDateDatepicker.writeValue(null);
+                  invoicePeriodEndDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-end-time">
+            {{ 'eDonusum::InvoicePeriodEndTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-invoice-period-end-time"
+              formControlName="invoicePeriodEndTime"
+              class="form-control"
+              ngbDatepicker
+              #invoicePeriodEndTimeInput
+              #invoicePeriodEndTimeDatepicker="ngbDatepicker"
+              (click)="invoicePeriodEndTimeDatepicker.open()"
+              (keyup.space)="invoicePeriodEndTimeDatepicker.open()"
+            />
+            <div *ngIf="invoicePeriodEndTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  invoicePeriodEndTimeDatepicker.writeValue(null);
+                  invoicePeriodEndTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-duration-measure">
+            {{ 'eDonusum::InvoicePeriodDurationMeasure' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-invoice-period-duration-measure"
+              formControlName="invoicePeriodDurationMeasure"
+              class="form-control"
+              ngbDatepicker
+              #invoicePeriodDurationMeasureInput
+              #invoicePeriodDurationMeasureDatepicker="ngbDatepicker"
+              (click)="invoicePeriodDurationMeasureDatepicker.open()"
+              (keyup.space)="invoicePeriodDurationMeasureDatepicker.open()"
+            />
+            <div *ngIf="invoicePeriodDurationMeasureInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  invoicePeriodDurationMeasureDatepicker.writeValue(null);
+                  invoicePeriodDurationMeasureDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-invoice-period-description">
+            {{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-invoice-period-description"
+            formControlName="invoicePeriodDescription"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-order-reference-id">
+            {{ 'eDonusum::OrderReferenceId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-order-reference-id"
+            formControlName="orderReferenceId"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-order-reference-sales-order-id">
+            {{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-order-reference-sales-order-id"
+            formControlName="orderReferenceSalesOrderId"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-order-reference-issue-date">
+            {{ 'eDonusum::OrderReferenceIssueDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-order-reference-issue-date"
+              formControlName="orderReferenceIssueDate"
+              class="form-control"
+              ngbDatepicker
+              #orderReferenceIssueDateInput
+              #orderReferenceIssueDateDatepicker="ngbDatepicker"
+              (click)="orderReferenceIssueDateDatepicker.open()"
+              (keyup.space)="orderReferenceIssueDateDatepicker.open()"
+            />
+            <div *ngIf="orderReferenceIssueDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  orderReferenceIssueDateDatepicker.writeValue(null);
+                  orderReferenceIssueDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-order-reference-order-type-code">
+            {{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-order-reference-order-type-code"
+            formControlName="orderReferenceOrderTypeCode"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-supplier-party-name">
+            {{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-supplier-party-name"
+            formControlName="accountingSupplierPartyName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-supplier-party-scheme-id">
+            {{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-supplier-party-scheme-id"
+            formControlName="accountingSupplierPartySchemeId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-supplier-party-vkn-tckn">
+            {{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-supplier-party-vkn-tckn"
+            formControlName="accountingSupplierPartyVknTckn"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-customer-party-name">
+            {{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-customer-party-name"
+            formControlName="accountingCustomerPartyName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-customer-party-scheme-id">
+            {{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-customer-party-scheme-id"
+            formControlName="accountingCustomerPartySchemeId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-accounting-customer-party-vkn-tckn">
+            {{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-accounting-customer-party-vkn-tckn"
+            formControlName="accountingCustomerPartyVknTckn"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-buyer-customer-party-name">
+            {{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-buyer-customer-party-name"
+            formControlName="buyerCustomerPartyName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-buyer-customer-party-scheme-id">
+            {{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-buyer-customer-party-scheme-id"
+            formControlName="buyerCustomerPartySchemeId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-buyer-customer-party-vkn-tckn">
+            {{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-buyer-customer-party-vkn-tckn"
+            formControlName="buyerCustomerPartyVknTckn"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-seller-supplier-party-name">
+            {{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-seller-supplier-party-name"
+            formControlName="sellerSupplierPartyName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-seller-supplier-party-scheme-id">
+            {{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-seller-supplier-party-scheme-id"
+            formControlName="sellerSupplierPartySchemeId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-seller-supplier-party-vkn-tckn">
+            {{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-seller-supplier-party-vkn-tckn"
+            formControlName="sellerSupplierPartyVknTckn"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-representative-party-name">
+            {{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-representative-party-name"
+            formControlName="taxRepresentativePartyName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-representative-party-scheme-id">
+            {{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-representative-party-scheme-id"
+            formControlName="taxRepresentativePartySchemeId"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-representative-party-vkn-tckn">
+            {{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-representative-party-vkn-tckn"
+            formControlName="taxRepresentativePartyVknTckn"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-exchange-rate-source-currency-code">
+            {{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-exchange-rate-source-currency-code"
+            formControlName="taxExchangeRateSourceCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-exchange-rate-target-currency-code">
+            {{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-tax-exchange-rate-target-currency-code"
+            formControlName="taxExchangeRateTargetCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-exchange-rate-calculation-rate">
+            {{ 'eDonusum::TaxExchangeRateCalculationRate' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-tax-exchange-rate-calculation-rate"
+            formControlName="taxExchangeRateCalculationRate"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-tax-exchange-rate-date">
+            {{ 'eDonusum::TaxExchangeRateDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-tax-exchange-rate-date"
+              formControlName="taxExchangeRateDate"
+              class="form-control"
+              ngbDatepicker
+              #taxExchangeRateDateInput
+              #taxExchangeRateDateDatepicker="ngbDatepicker"
+              (click)="taxExchangeRateDateDatepicker.open()"
+              (keyup.space)="taxExchangeRateDateDatepicker.open()"
+            />
+            <div *ngIf="taxExchangeRateDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  taxExchangeRateDateDatepicker.writeValue(null);
+                  taxExchangeRateDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-pricing-exchange-rate-source-currency-code">
+            {{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-pricing-exchange-rate-source-currency-code"
+            formControlName="pricingExchangeRateSourceCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-pricing-exchange-rate-target-currency-code">
+            {{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-pricing-exchange-rate-target-currency-code"
+            formControlName="pricingExchangeRateTargetCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-pricing-exchange-rate-calculation-rate">
+            {{ 'eDonusum::PricingExchangeRateCalculationRate' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-pricing-exchange-rate-calculation-rate"
+            formControlName="pricingExchangeRateCalculationRate"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-pricing-exchange-rate-date">
+            {{ 'eDonusum::PricingExchangeRateDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-pricing-exchange-rate-date"
+              formControlName="pricingExchangeRateDate"
+              class="form-control"
+              ngbDatepicker
+              #pricingExchangeRateDateInput
+              #pricingExchangeRateDateDatepicker="ngbDatepicker"
+              (click)="pricingExchangeRateDateDatepicker.open()"
+              (keyup.space)="pricingExchangeRateDateDatepicker.open()"
+            />
+            <div *ngIf="pricingExchangeRateDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  pricingExchangeRateDateDatepicker.writeValue(null);
+                  pricingExchangeRateDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-exchange-rate-source-currency-code">
+            {{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-exchange-rate-source-currency-code"
+            formControlName="paymentExchangeRateSourceCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-exchange-rate-target-currency-code">
+            {{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-exchange-rate-target-currency-code"
+            formControlName="paymentExchangeRateTargetCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-exchange-rate-calculation-rate">
+            {{ 'eDonusum::PaymentExchangeRateCalculationRate' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-payment-exchange-rate-calculation-rate"
+            formControlName="paymentExchangeRateCalculationRate"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-exchange-rate-date">
+            {{ 'eDonusum::PaymentExchangeRateDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-payment-exchange-rate-date"
+              formControlName="paymentExchangeRateDate"
+              class="form-control"
+              ngbDatepicker
+              #paymentExchangeRateDateInput
+              #paymentExchangeRateDateDatepicker="ngbDatepicker"
+              (click)="paymentExchangeRateDateDatepicker.open()"
+              (keyup.space)="paymentExchangeRateDateDatepicker.open()"
+            />
+            <div *ngIf="paymentExchangeRateDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  paymentExchangeRateDateDatepicker.writeValue(null);
+                  paymentExchangeRateDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label
+            class="form-label"
+            for="invoice-payment-alternative-exchange-rate-source-currency-code"
+          >
+            {{ 'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-alternative-exchange-rate-source-currency-code"
+            formControlName="paymentAlternativeExchangeRateSourceCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label
+            class="form-label"
+            for="invoice-payment-alternative-exchange-rate-target-currency-code"
+          >
+            {{ 'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-alternative-exchange-rate-target-currency-code"
+            formControlName="paymentAlternativeExchangeRateTargetCurrencyCode"
+            class="form-control"
+            maxlength="3"
+          />
+        </div>
+        <div class="mb-3">
+          <label
+            class="form-label"
+            for="invoice-payment-alternative-exchange-rate-calculation-rate"
+          >
+            {{ 'eDonusum::PaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-payment-alternative-exchange-rate-calculation-rate"
+            formControlName="paymentAlternativeExchangeRateCalculationRate"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-alternative-exchange-rate-date">
+            {{ 'eDonusum::PaymentAlternativeExchangeRateDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-payment-alternative-exchange-rate-date"
+              formControlName="paymentAlternativeExchangeRateDate"
+              class="form-control"
+              ngbDatepicker
+              #paymentAlternativeExchangeRateDateInput
+              #paymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
+              (click)="paymentAlternativeExchangeRateDateDatepicker.open()"
+              (keyup.space)="paymentAlternativeExchangeRateDateDatepicker.open()"
+            />
+            <div *ngIf="paymentAlternativeExchangeRateDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  paymentAlternativeExchangeRateDateDatepicker.writeValue(null);
+                  paymentAlternativeExchangeRateDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-line-extension-amount">
+            {{ 'eDonusum::LegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-line-extension-amount"
+            formControlName="legalMonetaryTotalLineExtensionAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-tax-exclusive-amount">
+            {{ 'eDonusum::LegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-tax-exclusive-amount"
+            formControlName="legalMonetaryTotalTaxExclusiveAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-tax-inclusive-amount">
+            {{ 'eDonusum::LegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-tax-inclusive-amount"
+            formControlName="legalMonetaryTotalTaxInclusiveAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-allowance-total-amount">
+            {{ 'eDonusum::LegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-allowance-total-amount"
+            formControlName="legalMonetaryTotalAllowanceTotalAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-charge-total-amount">
+            {{ 'eDonusum::LegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-charge-total-amount"
+            formControlName="legalMonetaryTotalChargeTotalAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-payable-rounding-amount">
+            {{ 'eDonusum::LegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-payable-rounding-amount"
+            formControlName="legalMonetaryTotalPayableRoundingAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-legal-monetary-total-payable-amount">
+            {{ 'eDonusum::LegalMonetaryTotalPayableAmount' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-legal-monetary-total-payable-amount"
+            formControlName="legalMonetaryTotalPayableAmount"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-terms-note">
+            {{ 'eDonusum::PaymentTermsNote' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-payment-terms-note"
+            formControlName="paymentTermsNote"
+            class="form-control"
+            maxlength="512"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-payment-terms-payment-due-date">
+            {{ 'eDonusum::PaymentTermsPaymentDueDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-payment-terms-payment-due-date"
+              formControlName="paymentTermsPaymentDueDate"
+              class="form-control"
+              ngbDatepicker
+              #paymentTermsPaymentDueDateInput
+              #paymentTermsPaymentDueDateDatepicker="ngbDatepicker"
+              (click)="paymentTermsPaymentDueDateDatepicker.open()"
+              (keyup.space)="paymentTermsPaymentDueDateDatepicker.open()"
+            />
+            <div *ngIf="paymentTermsPaymentDueDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  paymentTermsPaymentDueDateDatepicker.writeValue(null);
+                  paymentTermsPaymentDueDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-cust-inv-id">
+            {{ 'eDonusum::CustInvId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-cust-inv-id"
+            formControlName="custInvId"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="invoice-is-canceled"
+            formControlName="isCanceled"
+            class="form-check-input"
+          />
+
+          <label for="invoice-is-canceled" class="form-check-label">
+            {{ 'eDonusum::IsCanceled' | abpLocalization }}
+          </label>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-cancel-code">
+            {{ 'eDonusum::CancelCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-cancel-code"
+            formControlName="cancelCode"
+            class="form-control"
+            maxlength="16"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-cancel-description">
+            {{ 'eDonusum::CancelDescription' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-cancel-description"
+            formControlName="cancelDescription"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-resource-doc-type">
+            {{ 'eDonusum::ResourceDocType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-resource-doc-type"
+            formControlName="resourceDocType"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-resource-doc-entry">
+            {{ 'eDonusum::ResourceDocEntry' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-resource-doc-entry"
+            formControlName="resourceDocEntry"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-status">
+            {{ 'eDonusum::Status' | abpLocalization }}
+          </label>
+
+          <input type="number" id="invoice-status" formControlName="status" class="form-control" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-receiver-response">
+            {{ 'eDonusum::ReceiverResponse' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-receiver-response"
+            formControlName="receiverResponse"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-receiver-response-desc">
+            {{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-receiver-response-desc"
+            formControlName="receiverResponseDesc"
+            class="form-control"
+            maxlength="1024"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-doc-type">
+            {{ 'eDonusum::DocType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="invoice-doc-type"
+            formControlName="docType"
+            class="form-control"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="invoice-is-earchive"
+            formControlName="isEArchive"
+            class="form-check-input"
+          />
+
+          <label for="invoice-is-earchive" class="form-check-label">
+            {{ 'eDonusum::IsEArchive' | abpLocalization }}
+          </label>
+        </div>
+      </div>
+    </form>
+  </ng-template>
+
+  <ng-template #abpFooter>
+    <button type="button" class="btn btn-secondary" abpClose>
+      {{ 'AbpUi::Cancel' | abpLocalization }}
+    </button>
+
+    <abp-button iconClass="fa fa-check" buttonType="submit" formName="invoice">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>