<link href="/css/common/top_menu.css" media="screen" rel="stylesheet" type="text/css" />
<nav class="navbar navbar-expand-lg">
    <div class="container-fluid">
        <nav class="nav"></nav>
        <nav class="nav justify-content-center">
            <nav id="top_menu" class="navbar navbar-expand-lg">
                <div class="container-fluid">
                    <nav class="nav"><a class="navbar-brand" href="/"><?= ICONS['HOME'] ?></a></nav>
                    <nav class="nav justify-content-center"></nav>
                    <ul class="nav justify-content-end">
                        <li class="nav-item" style="padding-top:10px;">|</li>
                        <?php foreach ($viewDatas['layout']['topmenus'] as $topmenus_key) : ?>
                            <li class="nav-item">
                                <div class="dropdown-center">
                                    <ul class="navbar-nav">
                                        <li class="nav-item dropdown">
                                            <a class="nav-link" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                <?= $viewDatas['menus'][$topmenus_key]['entity']->getTitle() ?>
                                            </a>
                                            <ul class="dropdown-menu" aria-labelledby="navbarDarkDropdownMenuLink">
                                                <?php foreach ($viewDatas['menus'][$topmenus_key]['childs'] as $child) : ?>
                                                    <li class="<?= $child->getPrimaryKey() == $viewDatas['category'] ? "active" : "" ?>"><a class=" dropdown-item" href="<?= $child->linkurl ?>?category=<?= $child->getPrimaryKey() ?>"><?= $child->getTitle() ?></a></li>
                                                <?php endforeach ?>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item" style="padding-top:10px;">|</li>
                        <?php endforeach ?>
                    </ul>
                </div>
            </nav>
        </nav>
        <nav class="nav justify-content-end"></nav>
    </div>
</nav>