import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';

// modules
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AngularSvgIconModule } from 'angular-svg-icon';

// components
import { CaAppTooltipV2Component } from '../ca-app-tooltip-v2/ca-app-tooltip-v2.component';

// svg routes
import { SharedSvgRoutes } from '../../utils/svg-routes';

// enums
import {
    eColor,
    eGeneralActions,
    ePosition,
    eStringPlaceholder,
} from '../../enums';

// pipes
import { ThousandFormatterPipe } from '../../pipes';
import { CheckboxSelectedCountClassPipe } from './pipes';

@Component({
    selector: 'app-ca-checkbox-selected-count',
    templateUrl: './ca-checkbox-selected-count.component.html',
    styleUrl: './ca-checkbox-selected-count.component.scss',
    imports: [
        // modules
        CommonModule,
        NgbModule,
        AngularSvgIconModule,
        // components
        CaAppTooltipV2Component,
        // pipes
        ThousandFormatterPipe,
        CheckboxSelectedCountClassPipe,
    ],
})
export class CaCheckboxSelectedCountComponent {
    @Input() itemsTotalCount: number | null = null;
    @Input() itemsSelectedCount: number | null = null;
    @Input() isTableHeader: boolean = false;

    @Output() onCheckboxCountClick: EventEmitter<string> =
        new EventEmitter<string>();

    public isCheckboxCountHovered: boolean = false;

    // svg routes
    public sharedSvgRoutes = SharedSvgRoutes;

    // enums
    public ePosition = ePosition;
    public eColor = eColor;
    public eGeneralActions = eGeneralActions;
    public eStringPlaceholder = eStringPlaceholder;

    constructor() {}

    public handleCheckboxCountHover(isHovered: boolean = false): void {
        this.isCheckboxCountHovered = isHovered;
    }

    public handleCheckboxCountClick(action: string): void {
        this.onCheckboxCountClick.emit(action);
    }
}