<div class="flex flex-col gap-6">
  <app-card-data cardTitle="اطلاعات صنف" [editable]="true" [(editMode)]="editMode">
    <div class="flex flex-col gap-4">
      <div class="listKeyValue">
        <app-key-value label="عنوان صنف" [value]="guild()?.name" />
        <app-key-value label="کد صنف" [value]="guild()?.code" />
      </div>
    </div>
  </app-card-data>

  <div class="max-h-125 flex">
    <admin-guild-good-categories-list [guildId]="guildId()" [showAllBtn]="true" class="w-full" />
  </div>
  <div class="max-h-125 flex">
    <admin-guild-goods-list [guildId]="guildId()" [showAllBtn]="true" class="w-full" />
  </div>
  <div class="max-h-125 flex">
    <admin-guild-stock-keeping-units-list [guildId]="guildId()" class="w-full" />
  </div>

  <admin-guild-form
    [(visible)]="editMode"
    [editMode]="true"
    [guildId]="guildId()"
    [initialValues]="guild() || undefined"
    (onSubmit)="getData()"
  />
</div>
