import {
  Component,
  input,
  output,
  ChangeDetectionStrategy,
} from "@angular/core";
import { DisableEntityOperationDirective } from "../../permissions/permission-directive/disable-entity-operation.directive";
import { FaDynamicIconComponent } from "../fa-dynamic-icon/fa-dynamic-icon.component";
import { MatButtonModule } from "@angular/material/button";
import { MatTableModule } from "@angular/material/table";
import { Entity, EntityConstructor } from "../../entity/model/entity";
import { Angulartics2OnModule } from "angulartics2";
import { MatTooltipModule } from "@angular/material/tooltip";

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: "app-entity-create-button",
  imports: [
    DisableEntityOperationDirective,
    FaDynamicIconComponent,
    MatButtonModule,
    MatTableModule,
    Angulartics2OnModule,
    MatTooltipModule,
  ],
  templateUrl: "./entity-create-button.component.html",
  styleUrl: "./entity-create-button.component.scss",
})
export class EntityCreateButtonComponent<T extends Entity = Entity> {
  entityType = input<EntityConstructor<T>>();

  /** Optional factory method to create a new entity instance with some default values. */
  newRecordFactory = input<() => T>();

  /** Emits a new entity instance when the user clicks the button. */
  entityCreate = output<T>();

  /** Whether only an icon button without text should be displayed. */
  iconOnly = input<boolean>(false);

  /** Accessible name for the button when it is rendered as an icon-only button. */
  readonly addElementLabel = $localize`:Accessible name for icon-only "create new record" button:add element`;

  create() {
    const entityType = this.entityType();
    if (!entityType) {
      return;
    }

    const factory = this.newRecordFactory();
    const newRecord = factory ? factory() : new entityType();
    this.entityCreate.emit(newRecord);
  }
}