@props([
    'icon' => '',
    'title' => '',
    'children' => [] // array of [ 'title' => '', 'route' => '' ]
])

<li class="submenu">
    <a href="#">
        <i class="{{ $icon }}"></i> 
        <span>{{ $title }}</span> 
        <span class="menu-arrow"></span>
    </a>
    <ul style="display: none;">
        @foreach ($children as $child)
            <li>
                <a href="{{ route($child['route']) }}">
                    {{ $child['title'] }}
                </a>
            </li>
        @endforeach
    </ul>
</li>