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

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

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

	const markerEndretBeredskap =
		!!forrigeSoknad &&
		beredskapsplan !==
			forrigeSoknad?.vegarbeid?.vegarbeidsbeskrivelse?.beredskapsplan;

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

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

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

export default BeredskapOppsummering;