@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)

<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">
            <!--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