import React from 'react';
import {
	ledetekst,
	OppsummeringPunkt,
	PLANTYPE_GENERELL,
	PLANTYPE_SPESIELL,
	useOppsummering,
	VerdiEllerInfoMangler,
} from '../..';
import { erUlikeObjekter, finnesElementIListe } from '../utils';
import { SlettetInformasjonsboks } from '../SlettetInformasjonsboks';
import { Soknad, TrafikantgruppeAndre } from '../../domene/Soknad';

function TrafikantgrupperOppsummering(props) {
	const { trafikantgrupper: trafikantgrupperData = {}, forrigeSoknad } =
		props;
	const { plantype } = useOppsummering();
	let trafikantgrupper = [],
		andre: TrafikantgruppeAndre = {};
	if (plantype === PLANTYPE_GENERELL) {
		({ trafikantgrupper = [], andre = {} } =
			trafikantgrupperData.generellPlan || {});
	} else if (plantype === PLANTYPE_SPESIELL) {
		({ trafikantgrupper = [], andre = {} } =
			trafikantgrupperData.spesiellPlan || {});
	}
	const harUtfyltData = trafikantgrupper.length > 0 || !!andre.valgt;

	//brukes som data for sammenligning av søknadsversjoner for å ikke markere en forskjell hvis innholdet er likt, men plantypen er ulik
	const getTrafikantgrupperForSammenligning = (soknad) => {
		const soknadPlantype = soknad?.vegarbeid?.plantype;

		if (soknadPlantype === 'GENERELL') {
			return soknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
				?.generellPlan;
		} else if (soknadPlantype === 'SPESIELL') {
			return soknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
				?.spesiellPlan;
		}
	};

	const harSlettetTrafikantgruppe =
		!!forrigeSoknad &&
		(getTrafikantgrupperForSammenligning(forrigeSoknad)?.trafikantgrupper
			?.length > trafikantgrupper.length ||
			harSlettetAndre(plantype, andre, forrigeSoknad));

	return (
		<OppsummeringPunkt
			className="tiltak-oppsummering"
			tittel={ledetekst.getTekst(
				'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.trafikantgrupper.tittel'
			)}
		>
			{harUtfyltData ? (
				<ul className="liste-ustilet">
					{trafikantgrupper.map((gruppe) => {
						const markerEndretTrafikkgruppe =
							!!forrigeSoknad &&
							!finnesElementIListe(
								gruppe,
								getTrafikantgrupperForSammenligning(
									forrigeSoknad
								)?.trafikantgrupper
							);

						return (
							<li
								key={gruppe}
								className={`alternativer
									${markerEndretTrafikkgruppe ? 'saksbehandling-redigert-informasjon-liste' : ''}
								`}
							>
								{ledetekst.getTekst(
									'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.trafikantgrupper.' +
										gruppe
								)}
							</li>
						);
					})}
					{andre.valgt && (
						<li
							className={
								markerAndreTrafikanterEndret(
									plantype,
									forrigeSoknad,
									andre
								)
									? 'saksbehandling-redigert-informasjon-liste'
									: ''
							}
						>
							{`${ledetekst.getTekst(
								'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.trafikantgrupper.ANDRE'
							)}: `}
							<span className="ikke-fet" data-hj-suppress>
								<VerdiEllerInfoMangler>
									{andre.tittel}
								</VerdiEllerInfoMangler>
							</span>
						</li>
					)}
				</ul>
			) : (
				<VerdiEllerInfoMangler />
			)}
			<SlettetInformasjonsboks
				vis={harSlettetTrafikantgruppe}
				tekst={'Trafikantgruppe(r) har blitt slettet.'}
			/>
		</OppsummeringPunkt>
	);
}

function markerAndreTrafikanterEndret(
	plantype: string,
	forrigeSoknad: any,
	andre: any
): boolean {
	const andreForrige =
		plantype === PLANTYPE_GENERELL
			? forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
					?.generellPlan?.andre || {}
			: plantype === PLANTYPE_SPESIELL
			? forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
					?.spesiellPlan?.andre || {}
			: {};

	return !!forrigeSoknad && erUlikeObjekter(andreForrige, andre);
}

function harSlettetAndre(
	plantype: string,
	andre: TrafikantgruppeAndre,
	forrigeSoknad?: Soknad
): boolean {
	if (plantype === PLANTYPE_GENERELL) {
		return (
			!andre.valgt &&
			!!forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
				?.generellPlan?.andre?.valgt
		);
	} else {
		return (
			!andre.valgt &&
			!!forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.trafikantgrupper
				?.spesiellPlan?.andre?.valgt
		);
	}
}

export { TrafikantgrupperOppsummering };