@php
    use Illuminate\Support\Facades\Auth;
    $sistema = Auth::user()->getSistemaSelecionado();
@endphp
<input id="sistema-selecionado" type="hidden"/>
<div class="sistema-atual hidden">
    <x-svg :icone="'icons/box'" cor="var(--paragraph)" class="icone-sistema"></x-svg>
    <div class="detalhes">
        <div class="nome">Nenhum sistema selecionado</div>
        <div class="info">SISTEMA ATUAL</div>
    </div>
    <div class="indicador"><i class="fa-solid fa-caret-down"></i></div>
</div>

<div class="sistemas">
    @foreach(App\Models\Estrutura\Menu::getMenuSistema() as $menu)
        <div class="sistema @if ($sistema == $menu->sistema->slug) sistema-selecionado @endif" data-sistema="{{$menu->sistema->slug}}">
            <x-svg :icone="'icons/'.$menu->icone" classe="icone-sistema"></x-svg>
            <div class="detalhes">
                <div class="nome">{{$menu->nome}}</div>
            </div>
            <div class="sistema-menu-filhos" style="display: none">
                <ul>
                    @foreach ($menu->getFilhosPermitidos() as $filho)
                        <x-layouts.filho :menu="$filho"></x-layouts.filho>
                    @endforeach
                </ul>
            </div>
        </div>
    @endforeach
</div>