<div class="mobile-menu w-80 bg-gray-900 p-2 max-lg:fixed max-lg:top-0 max-lg:left-0 z-30 max-lg:h-full max-lg:hidden max-lg:overflow-auto">
    <div class="py-5 text-center text-white text-2xl uppercase">
        <button class="mobile-closed hidden max-lg:block py-1 px-3 bg-red-500 rounded-lg text-white mx-auto mb-5 text-xs hover:bg-red-700"><i class="fas fa-times"></i></button>
        <span class="text-sky-400">MU</span>Online
    </div>

    <div class="py-3 px-1">
        <form action="<?= __redirect("administration/auth/account/search"); ?>" data-redirect="<?= __redirect("administration/account/details"); ?>" id="searchaccount" method="post" class="flex items-center relative">
            <input type="text" name="search" class="p-2 bg-white rounded-md text-xs w-full" placeholder="Digite aqui login/personagem">
            <div id="redirect" class="absolute right-1"></div>
        </form>
    </div>

    <ul class="links">
        <li><a href="<?= __redirect("administration") ?>" class="flex items-center gap-2 text-[13px]  text-white bg-sky-600 rounded-lg w-full block py-2 px-4"><img src="<?= __filesadm('img/icons/ic_home.png') ?>" alt="home"> Início</a></li>
        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_support.png') ?>" alt="home"> Suporte <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0" class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/ticket/open") ?>"><i class="fas fa-caret-right"></i> Chamados abertos</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/ticket/answered") ?>"><i class="fas fa-caret-right"></i> Chamados respondidos</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/ticket/closed") ?>"><i class="fas fa-caret-right"></i> Chamados fechados</a></li>
            </ul>
        </li>
        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_image.png') ?>" alt="home"> Slider <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/slider/add/new") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/slider/all") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
            </ul>
        </li>
        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_news.png') ?>" alt="home"> Notícias <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/new/post") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/manage/all/posts") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
            </ul>
        </li>
        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_download.png') ?>" alt="home"> Download <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/new/download") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/manage/all/downloads") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
            </ul>
        </li>

        <?php if (plugin()->auctions) : ?>
            <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_auctions.png') ?>" alt="home"> Leilões <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
                <ul class="overflow-hidden h-0">
                    <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/auction/add") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                    <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/auction/manage") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
                </ul>
            </li>
        <?php endif; ?>

        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_accounts.png') ?>" alt="home"> Contas <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/add/coin") ?>"><i class="fas fa-caret-right"></i> Adicionar moeda</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/remove/coin") ?>"><i class="fas fa-caret-right"></i> Remover moeda</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/add/vip") ?>"><i class="fas fa-caret-right"></i> Adicionar vip</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/remove/vip") ?>"><i class="fas fa-caret-right"></i> Remover vip</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/ban/unban") ?>"><i class="fas fa-caret-right"></i> Banir / Desbanir</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/account/balance") ?>"><i class="fas fa-caret-right"></i> Movimentação de Saldos</a></li>
            </ul>
        </li>

        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_accounts.png') ?>" alt="home"> Personagens <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/character/add/staff") ?>"><i class="fas fa-caret-right"></i> Adicionar a equipe</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/character/ban/unban") ?>"><i class="fas fa-caret-right"></i> Banir / Desbanir</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/character/all/characters") ?>"><i class="fas fa-caret-right"></i> Editar</a></li>
            </ul>
        </li>

        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_packages.png') ?>" alt="home"> Pacotes <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/add/package") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/manage/packages") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
            </ul>
        </li>

        <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_shoppings.png') ?>" alt="home"> Shopping <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
            <ul class="overflow-hidden h-0">
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/add/new/item") ?>"><i class="fas fa-caret-right"></i> Adicionar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/all/itens") ?>"><i class="fas fa-caret-right"></i> Gerenciar</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/add/itemtxt") ?>"><i class="fas fa-caret-right"></i> item.txt</a></li>
                <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/logs") ?>"><i class="fas fa-caret-right"></i> Logs</a></li>
            </ul>
        </li>

        <?php if (plugin()->shopping_kits) : ?>
            <li class="sub-menu"><a class="flex items-center gap-2 text-[13px]  text-white bg-sky-900 rounded-lg w-full block py-2 px-4 mt-3" href="javascript:void(0)"><img src="<?= __filesadm('img/icons/ic_shoppings.png') ?>" alt="home"> Shopping Kit's <img class="absolute right-2" src="<?= __filesadm('img/icons/ic_arrow_down.png') ?>" alt="home"></a>
                <ul class="overflow-hidden h-0">
                    <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/kit/add/category") ?>"><i class="fas fa-caret-right"></i> Adicionar Categoria de kit</a></li>
                    <li><a class="flex items-center gap-2 text-white text-[13px] bg-gray-600 rounded-lg w-sm block py-2 px-4 my-2 hover:bg-gray-500" href="<?= __redirect("administration/shopping/kit/manage/category") ?>"><i class="fas fa-caret-right"></i> Gerenciar Categorias de kit's</a></li>
                </ul>
            </li>
        <?php endif; ?>
    </ul>
</div>