@php
    $queues = getUserQueues();
    $queueAgentBelong = getQueueActiveByUser();
@endphp

<script>
    window.App = window.App || {};

    window.App.userQueueActive = {!! json_encode($queueAgentBelong) !!};
</script>

<ul class="menu-nav float-right {{ $hide ? 'd-none' : 'd-block' }} tooltip-primary" id="queues" data-toggle="tooltip"
    data-placement="bottom" data-original-title="Entre em uma fila!" title="Entre em uma fila!" data-trigger="manual">
    <li class="menu-item menu-item-submenu menu-item-rel" data-menu-toggle="click" aria-haspopup="true">
        <a href="#" class="pl-5 pr-4 menu-link menu-toggle">
            <span class="menu-icon w-75">
                <img src="{{ asset('/media/images/layout/icons/queues.png') }}" alt=""
                    class="img-fluid w-75 rounded-circle">
            </span>
            <span class="ml-3 mr-10 menu-text" style="font-size: 15px;">FILA</span>
            <i class="ml-10 menu-arrow d-flex"></i>
        </a>
        <div class="menu-submenu menu-submenu-classic menu-submenu-left scroll-bar-limit"
            data-hor-direction="menu-submenu-left">
            <ul class="menu-subnav">

                @if (!empty($queues))
                    @foreach ($queues as $key => $queue)
                        @php

                            $queueActive = false;

                            // Pega todas as filas do array de objetos
                            $queuesNames = array_column($queueAgentBelong, 'queue');

                            if (in_array($queue['name'], $queuesNames)) {
                                $queueActive = true;
                            }

                        @endphp
                        <li data-queueId="{{ $queue['id'] }}" data-queueName="{{ $queue['name'] }}"
                            class="{{ $queueActive ? 'active' : ' ' }} menu-item menu-item-submenu queueItem"
                            data-menu-toggle="hover" aria-haspopup="true">
                            <a href="#" data-val="{{ $queue['id'] }}" class="menu-link menu-toggle">
                                <span class="svg-icon menu-icon">
                                    <!--begin::Svg Icon | path:media/svg/icons/Communication/Add-user.svg-->
                                    @include('icons.addUser')
                                    <!--end::Svg Icon-->
                                </span>
                                <span class="menu-text">{{ $queue['name'] }}</span>
                            </a>
                        </li>
                    @endforeach
                @else
                    <li class="px-5 menu-item menu-item-submenu">
                        <span class="mt-1 mr-5 menu-icon">
                            <!--begin::Svg Icon | path:media/svg/icons/Communication/Add-user.svg-->
                            <i class="fas fa-times text-primary"></i>
                            <!--end::Svg Icon-->
                        </span>
                        <span class="menu-text" style="line-height: 1.8em;">
                            Você não possui nenhuma fila
                        </span>
                    </li>

                @endif
            </ul>
        </div>
    </li>
</ul>