<div class="flex flex-col gap-6">
  <app-card-data cardTitle="مدیریت سطح دسترسی">
    @if (isOwner()) {
      <div class="py-20 flex items-center justify-center">
        کاربر با سطح Owner به تمامی سطوح دسترسی داشته و قابل ویرایش نمی‌باشد
      </div>
    } @else if (loading()) {
      <div class="py-20 flex items-center justify-center">
        <p-progressSpinner />
      </div>
    } @else if (permissions()) {
      <div class="flex flex-col gap-6">
        <p-message severity="secondary"> پیام مفهومی برای مشخص کردن نوع دسترسی دادن</p-message>
        @for (pos of permissions()?.poses; track $index) {
          <div class="flex items-center gap-4">
            <p-toggleSwitch [(ngModel)]="pos.hasAccess" />
            <span class="text-lg font-bold">
              {{ pos.name }} - {{ pos.complex.name }} - {{ pos.complex.business_activity.name }}
            </span>
          </div>
        }
        @for (complex of permissions()?.complexes; track $index) {
          <div class="flex items-center gap-4">
            <p-toggleSwitch [(ngModel)]="complex.hasAccess" />
            <span class="text-lg font-bold"> {{ complex.name }} - {{ complex.business_activity.name }} </span>
          </div>
        }
        @for (ba of permissions()?.business_activities; track $index) {
          <div class="flex items-center gap-4">
            <p-toggleSwitch [(ngModel)]="ba.hasAccess" />
            <span class="text-lg font-bold"> {{ ba.name }} </span>
          </div>
        }
      </div>

      <div class="mt-10">
        <button pButton [loading]="submitLoading()" (click)="submit()">ثبت تغییرات</button>
      </div>
    }
  </app-card-data>
</div>
