import { T } from 'Components'
import Value from 'Components/Value'
import React from 'react'
import RuleLink from './RuleLink'

export let SalaireBrutSection = ({ getRule }) => {
	let avantagesEnNature = getRule(
			'contrat salarié . rémunération . avantages en nature . montant'
		),
		indemnitésSalarié = getRule('contrat salarié . indemnités salarié'),
		heuresSupplémentaires = getRule(
			'contrat salarié . rémunération . heures supplémentaires'
		),
		salaireDeBase = getRule('contrat salarié . rémunération . brut de base'),
		rémunérationBrute = getRule('contrat salarié . rémunération . brut')

	return (
		<div className="payslip__salarySection">
			<h4 className="payslip__salaryTitle">
				<T>Salaire</T>
			</h4>
			<Line rule={salaireDeBase} />
			{avantagesEnNature.nodeValue !== 0 && <Line rule={avantagesEnNature} />}
			{indemnitésSalarié.nodeValue !== 0 && <Line rule={indemnitésSalarié} />}
			{heuresSupplémentaires.nodeValue !== 0 && (
				<Line rule={heuresSupplémentaires} />
			)}
			{rémunérationBrute.nodeValue !== salaireDeBase.nodeValue && (
				<Line rule={rémunérationBrute} />
			)}
		</div>
	)
}

export let Line = ({ rule, ...props }) => (
	<>
		<RuleLink {...rule} />
		<Value {...rule} nilValueSymbol="—" {...props} />
	</>
)

export let SalaireNetSection = ({ getRule }) => {
	let avantagesEnNature = getRule(
		'contrat salarié . rémunération . avantages en nature . montant'
	)
	return (
		<div className="payslip__salarySection">
			<h4 className="payslip__salaryTitle">
				<T>Salaire net</T>
			</h4>
			<Line rule={getRule('contrat salarié . rémunération . net imposable')} />
			{avantagesEnNature.nodeValue !== 0 ? (
				<>
					{/* Salaire net de cotisations */}
					<Line
						rule={getRule(
							'contrat salarié . rémunération . net de cotisations'
						)}
					/>
					{/* Avantages en nature */}
					<Line negative rule={avantagesEnNature} />
				</>
			) : null}
			<Line rule={getRule('contrat salarié . rémunération . net')} />

			<Line negative rule={getRule('impôt')} />
			<Line
				rule={getRule('contrat salarié . rémunération . net après impôt')}
			/>
		</div>
	)
}