<?php

declare(strict_types=1);

use Fisharebest\Webtrees\I18N;

/**
 * @var array<string> $colors
 * @var array<array>  $data
 * @var string        $language
 * @var string        $title
 */

$id   = 'google-chart-' . bin2hex(random_bytes(8));
$name = 'callback_' . bin2hex(random_bytes(12));
?>

<?php if (count($data) === 1) : ?>
    <?= I18N::translate('This information is not available.') ?>
<?php else : ?>
    <div id="<?= $id ?>"></div>
    <script>

    let <?= $name ?> = function () {
        statistics.drawPieChart(
            <?= json_encode($id, JSON_THROW_ON_ERROR) ?>,
            <?= json_encode($data, JSON_THROW_ON_ERROR) ?>,
            {
                title: <?= json_encode($title, JSON_THROW_ON_ERROR) ?>,

                // Note: "legend" needs to be defined completely as Object.assign does only a shallow merge
                legend: {
                    alignment: 'center',
                    labeledValueText: <?= json_encode($labeledValueText ?? 'value', JSON_THROW_ON_ERROR) ?>,
                    position: 'labeled'
                },
                colors: <?= json_encode($colors, JSON_THROW_ON_ERROR) ?>
            }
        );
    };

    if (document.readyState === "complete"
        || (document.readyState !== "loading" && !document.documentElement.doScroll)
    ) {
        statistics.init(<?= json_encode($language, JSON_THROW_ON_ERROR) ?>);
        statistics.addCallback(<?= $name ?>);
    } else {
        document.addEventListener("DOMContentLoaded", function () {
            statistics.init(<?= json_encode($language, JSON_THROW_ON_ERROR) ?>);
            statistics.addCallback(<?= $name ?>);
        });
    }

    </script>
<?php endif; ?>
