{{-- Verifica se o agente está pausado para mostrar elementos em tela --}}
<ul class="menu-nav float-right {{ $hide ? 'd-none' : 'd-block' }}" id="pauses">
    <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/pause.png') }}" alt=""
                    class="img-fluid w-75 rounded-circle">
            </span>
            <span class="ml-3 mr-10 menu-text" style="font-size: 15px;"> PAUSAS </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">
                @foreach (getUserPauses() as $key => $pause)
                    <li data-duration="{{ $pause["minutes"] }}" data-pauseid="{{ $pause["id"] }}"
                        data-agent="{{ UserSessionHelper::username() }}" data-agentid="{{ UserSessionHelper::operator_id() }}"
                        data-text="{{ $pause["description"] }}" class="menu-item menu-item-submenu pause-dd"
                        data-menu-toggle="hover" aria-haspopup="true">
                        <a href="#" data-val="{{ $pause["id"] }}" data-duration="{{ $pause["minutes"] }}"
                            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">{{ $pause["description"] }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </li>
</ul>