@props(['sided', 'hide'])

<div {{ isset($sided) ? 'sided' : '' }}
    class="sidemenu {{ request()->session()->get('imploded') == 'true' ? 'imploded' : '' }} {{ isset($hide) ? 'hide' : '' }}"
     
    >

    @if (isset($sided))
        <div class="implode-btn">
            <button type="button" class="btn btn-light btn-icon">
                <i class="fas fa-chevron-left"></i>
            </button>
        </div>
    @else
        <div class="close-btn">
            <button type="button" class="btn btn-light btn-icon">
                <i class="far fa-times"></i>
            </button>
        </div>
    @endif

    <a href="{{ route('dashboard.index') }}" class="logo">
        <img src="{{ asset('assets/img/brand/logo.png') }}" alt="" />
    </a>

    <div class="accordion-container">
        @foreach ($menu as $m)
            <div class="menu-group" title="{{ $m['group'] }}">
    
                <div class="info-group">
    
                    <div class="icon">
                        <i class="{{ $m['icon'] }}"></i>
                    </div>
                    <div class="label">{{ $m['group'] }}</div>
                    {{-- <div class="icon dropdown">
                        <i class="fa-solid fa-caret-down"></i>
                    </div> --}}
    
                </div>
    
                <div class="items {{ request()->session()->get($m['key']) == 'true'? 'active': '' }}"
                    data-key={{ $m['key'] }}>
    
                    @foreach ($m['items'] as $item)
                        <div class="item {{ str_contains($uri, $item['route']) ? 'selected' : '' }}"
                            data-url="{{ url($item['route']) }}" title="{{ $item['name'] }}">
                            <div class="icon">
                                <i class="{{ $item['icon'] }}"></i>
                            </div>
                            <div class="label">{{ $item['name'] }}</div>
                        </div>
                    @endforeach
                </div>
    
            </div>
        @endforeach
    </div>

</div>