import { Component } from '@angular/core';
import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
import { DOSSIER_TEMPLATE_ID, type DossierTemplate, type DossierTemplateStats } from '@red/domain';
import { DossierTemplateStatsService } from '@services/entity-services/dossier-template-stats.service';
import { dossierTemplateStatusTranslations } from '@translations/dossier-template-status-translations';
import { ContextComponent, getParam } from '@iqser/common-ui/lib/utils';

interface Context {
    readonly dossierTemplate: DossierTemplate;
    readonly stats: DossierTemplateStats;
}

@Component({
    templateUrl: './dossier-template-info-screen.component.html',
    styleUrls: ['./dossier-template-info-screen.component.scss'],
})
export class DossierTemplateInfoScreenComponent extends ContextComponent<Context> {
    readonly translations = dossierTemplateStatusTranslations;

    constructor(dossierTemplatesService: DossierTemplatesService, dossierTemplateStatsService: DossierTemplateStatsService) {
        super();
        const dossierTemplateId = getParam(DOSSIER_TEMPLATE_ID);
        super._initContext({
            dossierTemplate: dossierTemplatesService.getEntityChanged$(dossierTemplateId),
            stats: dossierTemplateStatsService.watch$(dossierTemplateId),
        });
    }
}
