@foreach ($data as $key => $value)
    <li class="slide" data-id="{{ $value['id'] ?? $key }}">
        <a href="{{url($value['route'])}}" class="side-menu__item">
            @if($value['icon'])
                <div style="margin-right: 8px;">
                    {!! $value['icon'] !!}
                </div>
            @else
                <!-- Fallback icon with space -->
                <svg xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" width="24" height="24" viewBox="0 0 24 24" style="margin-top: -3px;">
                    <path d="M16 2H8C4.691 2 2 4.691 2 8v13a1 1 0 0 0 1 1h13c3.309 0 6-2.691 6-6V8c0-3.309-2.691-6-6-6zm4 14c0 2.206-1.794 4-4 4H4V8c0-2.206 1.794-4 4-4h8c2.206 0 4 1.794 4 4v8z" />
                    <path d="M11 6h2v8h-2zm0 10h2v2h-2z" />
                </svg>
            @endif
            <span class="side-menu__label" style="margin-left: 8px;"> {{ Str::title($value['name']) }} </span>
        </a>
    </li>
@endforeach