@php

// Menu Builder -> Manager

foreach($modules as $eachModule)
{
    $items[] = $eachModule;
}
@endphp

@foreach ($items as $key=> $item)

<li class="menu-item" aria-haspopup="true">
    <a href="{{$_SERVER['APP_PROTOCOL'].$_SERVER['HTTP_HOST'].$item->link}}" class="py-5 menu-link menu-custom ripple {{($_SERVER['REQUEST_URI'] == $item->link) ? 'active' : ''}}">
        <i class="fa fa-sm {{$item->icon}} text-white d-flex flex-center"></i>
        <span class="menu-text text-white font-weight-bold pl-3">{{$item->title}}</span>
        <span class="svg-icon svg-icon-light svg-icon-sm aside-full">
            <svg id="Modern_dashboard_dropdown_Copy" data-name="Modern dashboard / dropdown Copy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.311" height="7.5" viewBox="0 0 9.311 7.5" style="max-width: 11px;">
                <defs>
                    <clipPath id="clip-path">
                        <path id="arrow-right" d="M4.72.22a.749.749,0,0,0,0,1.06L6.439,3H.75a.75.75,0,0,0,0,1.5H6.439L4.72,6.22A.75.75,0,1,0,5.78,7.28l3.53-3.53L5.78.22A.749.749,0,0,0,4.72.22Z" fill="none"></path>
                    </clipPath>
                </defs>

                @if ($_SERVER['REQUEST_URI'] == $item->link)

                    <g id="typicon_arrow-right" data-name="typicon / arrow-right">
                        <path id="arrow-right-2" data-name="arrow-right" d="M4.72.22a.749.749,0,0,0,0,1.06L6.439,3H.75a.75.75,0,0,0,0,1.5H6.439L4.72,6.22A.75.75,0,1,0,5.78,7.28l3.53-3.53L5.78.22A.749.749,0,0,0,4.72.22Z" fill="none"></path>
                        <g id="typicon_arrow-right-2" data-name="typicon / arrow-right" clip-path="url(#clip-path)">
                            <g id="_color" data-name="🎨 color" transform="translate(-5.25 -5.25)">
                                <rect id="Rectangle" width="18" height="18" fill="#fff"></rect>
                            </g>
                        </g>
                    </g>

                @endif
                
            </svg>
        </span>
    </a>
</li>

@endforeach

<style>
    .custom-aside-icon {
        width: 15px;
        height: 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 2px;
    }
</style>