import { NgIf, UpperCasePipe } from '@angular/common';
import { Component, Input } from '@angular/core';
import { RoundCheckboxComponent } from '@common-ui/inputs/round-checkbox/round-checkbox.component';
import { getConfig, IqserDenyDirective } from '@iqser/common-ui';
import { AnnotationWrapper } from '@models/file/annotation.wrapper';
import { TranslateModule } from '@ngx-translate/core';
import { AnnotationIconComponent } from '@shared/components/annotation-icon/annotation-icon.component';
import { annotationTypesTranslations } from '@translations/annotation-types-translations';
import { Roles } from '@users/roles';
import { MultiSelectService } from '../../services/multi-select.service';

@Component({
    selector: 'redaction-annotation-card',
    templateUrl: './annotation-card.component.html',
    styleUrls: ['./annotation-card.component.scss'],
    standalone: true,
    imports: [AnnotationIconComponent, TranslateModule, IqserDenyDirective, NgIf, RoundCheckboxComponent, UpperCasePipe],
})
export class AnnotationCardComponent {
    protected readonly roles = Roles;
    protected readonly annotationTypesTranslations = annotationTypesTranslations;
    protected readonly isDocumine = getConfig().IS_DOCUMINE;
    @Input() annotation: AnnotationWrapper;
    @Input() isSelected = false;

    constructor(readonly multiSelectService: MultiSelectService) {}
}
