<?php
declare(strict_types=1);

use Fisharebest\Webtrees\I18N;
?>

<h4 class="border-bottom p-2 mb-4">
    <?= $chart_title ?>
</h4>

<div class="mb-3">
    <div class="card-deck">
        <div class="col-12 mb-3">
            <div class="card m-0">
                <div class="card-body">
                    <div id="google_charts" class="text-center">
                        <img src="<?= $chart_url ?>" alt="<?= $chart_title ?>" title="<?= $chart_title ?>" class="gchart" />
                        <br>
                        <table class="center">
                            <tr>
                                <td bgcolor="#<?= $chart_color2 ?>" width="12"></td><td><?= I18N::translate('Highest population') ?></td>
                                <td bgcolor="#<?= $chart_color3 ?>" width="12"></td><td><?= I18N::translate('Lowest population') ?></td>
                                <td bgcolor="#<?= $chart_color1 ?>" width="12"></td><td><?= I18N::translate('Nobody at all') ?></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
