@php

    // Menu Builder -> Agent

    $items = [
        [
            'title' => 'Dashboard',
            'link' => '/agente',
            'icon' => 'fa-chalkboard',
        ],
        [
            'title' => 'Central de Mensagens',
            'link' => '/agente/central-de-mensagens',
            'icon' => 'fa-envelope-open-text',
        ],
    ];
@endphp


@foreach ($items as $key => $item)
    @php
        $fullUrl = url($item['link']);
        $isActive = request()->is(ltrim($item['link'], '/'));
    @endphp

    <li class="menu-item container-menu-sidebar-agent" aria-haspopup="true">


        <a href="{{ $fullUrl }}" class="py-5 menu-link menu-custom ripple {{ $isActive ? 'active' : '' }}">
            <i class="fa fa-sm {{ $item['icon'] }} text-white d-flex flex-center"></i>
            <span class="menu-text text-white pl-3">{{ $item['title'] }}</span>
            <span class="svg-icon svg-icon-light svg-icon-sm aside-full">
                <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2021-05-14-112058/theme/html/demo1/dist/../src/media/svg/icons/Navigation/Arrow-right.svg-->
                <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>
    .container-menu-sidebar-agent .menu-text {
        font-size: 0.8rem !important;
        letter-spacing: 0.2px;
    }
</style>