import {Component, Input, input} from '@angular/core';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzModalModule } from 'ng-zorro-antd/modal';
import {NzIconDirective} from "ng-zorro-antd/icon";

@Component({
    selector: 'app-modalNav',
    imports: [NzButtonModule, NzModalModule, NzIconDirective],
    templateUrl: 'modalNav.html',
    styleUrls: ['./modalNav.css'],
})
export class ModalNav {
    @Input() nameIcon: string = '';
    @Input() name: string = '';

    isVisible = false;
    isOkLoading = false;

    showModal(): void {
        this.isVisible = true;
    }

    handleOk(): void {
        this.isOkLoading = true;
        setTimeout(() => {
            this.isVisible = false;
            this.isOkLoading = false;
        }, 1000);
    }

    handleCancel(): void {
        this.isVisible = false;
    }
}