Menü ve Alt Menü Listeleme Hakkında

Merhabalar,
Mevcut menü listeleme var sistemde arkadaşlar ama temayı değişmek istedim bir türlü düzgün çalıştıramadım mantığı. Yardımcı olursanız sevinirim.

Mevcut Kod :

    <ul>
        <?php foreach ($menus as $mainUrl => $menu): if (!permission($menu['url'], 'show')) continue; ?>
            <li class="<?= (route(1) == $menu['url']) || ( isset($menu['submenu']) && array_search(route(1), array_column($menu['submenu'], 'url')) !== false) ? 'active' : null ?>">
                <a href="<?= admin_url($menu['url']) ?>">
                    <span class="fa fa-<?= $menu['icon'] ?>"></span>
                    <span class="title">
                        <?= $menu['title'] ?>
                    </span>
                </a>
                <?php if (isset($menu['submenu'])): ?>
                    <ul class="sub-menu">
                        <?php foreach ($menu['submenu'] as $k => $submenu): if (!permission($submenu['url'], 'show')) continue; ?>
                            <li class="<?=route(1) == $submenu['url'] ? 'active' : null?>">
                                <a href="<?= admin_url($submenu['url']) ?>">
                                    <?= $submenu['title'] ?>
                                </a>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                <?php endif; ?>
            </li>
        <?php endforeach; ?>
        <li class="line">
            <span></span>
        </li>
    </ul>
    <a href="#" class="collapse-menu">
        <span class="fa fa-arrow-circle-left"></span>
        <span class="title">
    Collapse menu
</span>
    </a>

Mevcut Çıktı :

<ul>
	<li class="active">
		<a href="admin/index">
			<span class="fa fa-tachometer"></span>
			<span class="title">Anasayfa</span>
		</a>
	</li>
	<li class="">
		<a href="admin/users">
			<span class="fa fa-user"></span>
			<span class="title">Üyeler</span>
		</a>
	</li>
	<li class="">
		<a href="admin/contact">
			<span class="fa fa-envelope"></span>
			<span class="title">İletişim Mesajları</span>
		</a>
	</li>
	<li class="">
		<a href="admin/posts">
			<span class="fa fa-rss"></span>
			<span class="title">Blog</span>
		</a>
		<ul class="sub-menu">
			<li class="">
				<a href="admin/posts">Konular</a>
			</li>
			<li class="">
				<a href="admin/tags">Etiketler</a>
			</li>
			<li class="">
				<a href="admin/categories">Kategoriler</a>
			</li>
			<li class="">
				<a href="admin/comments">Yorumlar</a>
			</li>
		</ul>
	</li>
	<li class="line">
		<span></span>
	</li>
</ul>

--------------
Buda yeni html şablonun kod yapısı.
Codepaste

<!--- Sidemenu -->
<div id="sidebar-menu">
	<ul>
		<li class="text-muted menu-title">Navigation</li>
		<li>
			<a href="index.html" class="waves-effect"><i class="mdi mdi-view-dashboard"></i> <span> Anasayfa </span> </a>
		</li>
		<li>
			<a href="typography.html" class="waves-effect"><i class="mdi mdi-format-font"></i> <span> Diğer Menü </span> </a>
		</li>
		<li class="has_sub">
			<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-invert-colors"></i> <span> Alt Menülü Menü </span> <span class="menu-arrow"></span></a>
			<ul class="list-unstyled">
				<li><a href="ui-buttons.html">AAA</a></li>
				<li><a href="ui-cards.html">BBB</a></li>
				<li><a href="ui-draggable-cards.html">CCCC</a></li>
			</ul>
		</li>
		<li>
			<a href="calendar.html" class="waves-effect"><i class="mdi mdi-calendar"></i><span> Calendar </span></a>
		</li>
	</ul>
	<div class="clearfix"></div>
</div>
<!-- Sidebar -->

Yerleşimde yardımcı olurmusunuz.

Edit, Ücretli yapacak biri varsa destek alabilirim.