<?php

declare(strict_types=1);

use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\Individual;
use Fisharebest\Webtrees\Tree;

/**
 * @var Individual $individual
 * @var string     $module
 * @var string     $name
 * @var Tree       $tree
 */

?>

<div class="wt-chart wt-chart-interactive">
    <div id="<?= $name ?>_out" class="tv_out" data-url-details="<?= e(route('module', ['module' => $module, 'action' => 'Details', 'tree' => $tree->name(), 'dummy' => 'dummy'])) ?>" data-url-individuals="<?= e(route('module', ['module' => $module, 'action' => 'Individuals', 'tree' => $tree->name(), 'dummy' => 'dummy'])) ?>">
        <div id="tv_tools">
            <ul>
                <li id="tvbCompact" class="tv_button" title="<?= I18N::translate('Use compact layout') ?>">
                </li>
                <li id="tvbFullscreen" class="tv_button">
                    <a href="#" data-wt-fullscreen=".wt-chart-interactive">
                        <span title="<?= I18N::translate('Enter fullscreen') ?>"><?= view('icons/enter-fullscreen') ?></span>
                        <span title="<?= I18N::translate('Exit fullscreen') ?>"><?= view('icons/exit-fullscreen') ?></span>
                    </a>
                </li>
                <li class="tv_button" id="<?= $name ?>_loading">
                    <i class="icon-loading-small"></i>
                </li>
            </ul>
        </div>
        <div id="<?= $name ?>_in" class="tv_in" dir="ltr">
            <?= $individual ?>
        </div>
    </div>
</div>
