<nz-page-header>
  <nz-breadcrumb nz-page-header-breadcrumb>
    <nz-breadcrumb-item>国家级管理</nz-breadcrumb-item>
    <nz-breadcrumb-item><a>报送合集</a></nz-breadcrumb-item>
  </nz-breadcrumb>
  <nz-page-header-title
    >{{ eduCollection?.get("name") }}
    <br />
    <div class="subtitle">
      在合集中，你可以创建多个教材推荐报送流程，指定用户为流程管理员，邀请作者、联系人、评审员注册系统，创建并提交教材，由流程管理员提交至合集管理员完成报送
    </div>
  </nz-page-header-title>
  <nz-page-header-extra>
    <nz-space>
      <button
        style="background: #3e49b3; border: 1px #3e49b3"
        *nzSpaceItem
        nz-button
        nzType="primary"
        (click)="onCreateProcess()"
      >
        发起报送流程
      </button>
    </nz-space>
  </nz-page-header-extra>
</nz-page-header>
<div class="edit-content">
  <nz-tabset [(nzSelectedIndex)]="active">
    <nz-tab nzTitle="报送流程">
      @if (active == 0) {
      <app-process [eduCollectionId]="eduCollection?.id"></app-process>
      }
    </nz-tab>
    <nz-tab nzTitle="合集管理">
      @if (active == 1) {
      <app-create-collection [isEdit]="true"></app-create-collection>
      }
    </nz-tab>
    <nz-tab nzTitle="全部教材">
      @if (active == 2) {
      <comp-table-list
        #list
        [schema]="EduTextbook"
        *ngIf="className && fieldsArray"
        [className]="className"
        [fieldsArray]="fieldsArray"
        [queryParams]="queryParams"
      ></comp-table-list>
      }
    </nz-tab>
  </nz-tabset>
</div>
