import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { AclRule, convertRulesToPolicyTxt } from '@allianz/taly-acl';
import { CdkDragDrop } from '@angular/cdk/drag-drop';
import { AclIconName } from '../acl-icon/acl-icon.interface';
import { copyToClipboard } from '../util/copy-clipboard';

@Component({
  selector: 'acl-policy-editor',
  templateUrl: './policy-editor.component.html',
  styleUrls: ['./policy-editor.component.scss'],
  standalone: false
})
export class PolicyEditorComponent implements OnInit {
  @Input() policy: AclRule[] = [];
  @Input() persistPolicyUrl!: string;
  @Output() changed = new EventEmitter<AclRule[]>();

  toggleAllState!: boolean;
  aclIconName = AclIconName;

  ngOnInit() {
    this.toggleAllState = this.hasActiveNonDefaultRules();
  }

  dropRule(event: CdkDragDrop<AclRule>) {
    const draggedRule = this.policy[event.previousIndex];
    if (!draggedRule) {
      throw new Error(`Could not move rule with index ${event.previousIndex}`);
    }

    this.policy.splice(event.previousIndex, 1);

    const indexForFirstDefaultRule = this.policy.findIndex((rule) => rule.defaultRule);

    if (indexForFirstDefaultRule === -1) {
      this.policy.splice(event.currentIndex, 0, draggedRule);
    } else {
      const currentIndex = Math.min(indexForFirstDefaultRule, event.currentIndex);
      this.policy.splice(currentIndex, 0, draggedRule);
    }

    this.requestUpdate();
  }

  private hasActiveNonDefaultRules() {
    if (this.policy.length === 0) {
      return true;
    }

    return this.policy.filter((rule) => !rule.defaultRule).some((rule) => rule.active);
  }

  requestUpdate() {
    this.toggleAllState = this.hasActiveNonDefaultRules();
    this.changed.emit(this.policy);
  }

  toggleAll() {
    if (this.policy.length === 0) {
      return;
    }

    this.toggleAllState = !this.hasActiveNonDefaultRules();
    this.policy
      .filter((rule) => !rule.defaultRule)
      .forEach((rule) => (rule.active = this.toggleAllState));

    this.requestUpdate();
  }

  copyToClipboard() {
    const policyString = convertRulesToPolicyTxt(this.policy);

    copyToClipboard(policyString);
  }

  persistPolicy() {
    const policyString = convertRulesToPolicyTxt(this.policy);

    fetch(this.persistPolicyUrl, { method: 'POST', body: policyString, credentials: 'include' });
  }

  createRule() {
    this.policy.unshift({
      active: true,
      condition: '',
      path: '*',
      state: 'visible',
      defaultRule: false
    });
    this.requestUpdate();
  }

  duplicateRule(rule: AclRule, index: number) {
    const indexForFirstDefaultRule = this.policy.findIndex((rule) => rule.defaultRule);

    if (indexForFirstDefaultRule === -1) {
      this.policy.splice(index, 0, { ...rule, defaultRule: false });
    } else {
      index = Math.min(indexForFirstDefaultRule, index);
      this.policy.splice(index, 0, { ...rule, defaultRule: false });
    }

    this.requestUpdate();
  }

  removeRule(index: number) {
    this.policy.splice(index, 1);
    this.requestUpdate();
  }
}