import {
	GyldighetsRegistrerer,
	ledetekst,
	OppsummeringFeilmelding,
	OppsummeringPunkt,
	PLANTYPE_GENERELL,
	useOppsummering,
} from '../..';
import React from 'react';

function ArbeidIBevegelseOppsummering({ arbeidIBevegelse, forrigeSoknad }) {
	const { gyldighet, plantype, kunLesbar } = useOppsummering();
	if (plantype !== PLANTYPE_GENERELL) {
		return null;
	}

	if (
		(arbeidIBevegelse === undefined || arbeidIBevegelse === null) &&
		kunLesbar
	) {
		return null;
	}

	const markerEndretArbeidIBevegelse =
		!!forrigeSoknad &&
		arbeidIBevegelse !==
			forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.arbeidIBevegelse;

	return (
		<OppsummeringPunkt
			tittel={ledetekst.getTekst(
				'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.arbeidIBevegelse.tittel'
			)}
			className="tiltak-oppsummering"
		>
			<OppsummeringFeilmelding
				skalVises={arbeidIBevegelse === undefined}
				tekst={ledetekst.getTekst(
					'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.arbeidIBevegelse.irettesettelse'
				)}
			/>

			<b
				className={
					markerEndretArbeidIBevegelse
						? 'saksbehandling-redigert-informasjon'
						: ''
				}
			>
				{arbeidIBevegelse
					? ledetekst.getTekst(
							'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.arbeidIBevegelse.ja'
					  )
					: ledetekst.getTekst(
							'arbeidsvarsling.soknad.Vegarbeidbeskrivelse.arbeidIBevegelse.nei'
					  )}
			</b>

			<GyldighetsRegistrerer
				gyldighet={gyldighet.obligatorisk()}
				erGyldig={
					arbeidIBevegelse !== undefined && arbeidIBevegelse !== null
				}
			/>
		</OppsummeringPunkt>
	);
}

export default ArbeidIBevegelseOppsummering;