{#if props.transactions.length > 0} {#each props.transactions as transaction} {/each} {/if}
{$i18n.t('common:transactionTable.headerDate')} {$i18n.t('common:transactionTable.headerChargepoint')} {$i18n.t('common:transactionTable.headerEnergyTotal')} {$i18n.t('common:transactionTable.headerCost')}

{$i18n.t('common:transactionTable.startTime', { time: transaction.begin, formatParams: { time: { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', }, }, })}

{$i18n.t('common:transactionTable.endTime', { time: transaction.end, formatParams: { time: { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', }, }, })}

{transaction.chargepoint.name} {transaction.energyAmmount} kWh {transaction.cost} € {$i18n.t('common:transactionTable.detailButton')}
{#if props.transactions.length === 0}

{$i18n.t('common:transactionTable.noPreviousTransactions')}

{/if}