psp_panel/src/app/domains/pos/modules/saleInvoices/components/sale-invoice-card.component.html

<p-card class="border-surface-border relative overflow-visible border p-0!">
  <div class="flex w-full items-center justify-between gap-4">
    <span> {{ saleInvoice.invoice_number }} - {{ saleInvoice.code }} </span>
    <catalog-tax-provider-status-tag [status]="saleInvoice.status.value" [translate]="saleInvoice.status.translate" />
  </div>
  <hr />
  <div class="grid grid-cols-1 gap-4">
    <app-key-value alignment="end" label="نوع صورت‌حساب">
      {{ preparedInvoiceType() }}
    </app-key-value>
    <app-key-value alignment="end" label="مبلغ کل" [value]="saleInvoice.total_amount" type="price" />
    <app-key-value alignment="end" label="نوع صورت‌حساب‌">
      <catalog-invoice-type-tag [status]="saleInvoice.type.value" />
    </app-key-value>
    <app-key-value alignment="end" label="تاریخ صورت‌حساب‌" [value]="saleInvoice.created_at" type="date" />
  </div>
  <hr />
  <div class="flex items-center justify-center gap-4">
    @if (['success'].includes(saleInvoice.status.value.toLowerCase())) {
      <p-button
        label="ابطال"
        type="button"
        severity="danger"
        (click)="revokeInvoice()"
        [loading]="revokingInvoiceLoading()"
        [disabled]="onAction()"></p-button>
    }
    @if (saleInvoice.status.value.toLowerCase() === 'not_send') {
      <p-button
        label="ارسال صورت‌حساب‌"
        type="button"
        (click)="sendInvoice()"
        [loading]="sendingLoading()"
        [disabled]="onAction()"></p-button>
    }
    @if (['queued', 'fiscal_queued'].includes(saleInvoice.status.value.toLowerCase())) {
      <p-button
        label="استعلام وضعیت"
        type="button"
        severity="info"
        (click)="getStatus()"
        [loading]="gettingStatusLoading()"
        [disabled]="onAction()"></p-button>
    }
    @if (saleInvoice.status.value.toLowerCase() === 'send_failure') {
      <p-button
        label="ارسال مجدد"
        type="button"
        (click)="resendInvoice()"
        [loading]="resendingLoading()"
        [disabled]="onAction()"></p-button>
    }
    <a [routerLink]="singlePageRoute()" pButton type="button" (click)="viewDetails()" outlined>مشاهده جزییات</a>
  </div>
</p-card>