@extends('coreui.base')

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-6">
        <div class="card">
          <div class="card-header"><h4>Menu for users witch role: {{ $role }}</h4></div>
            <div class="card-body">


                            <ul class="list-group">
                @foreach($menuToEdit as $menuel)
                    @if($menuel['slug'] === 'link')
                        <li class="list-group-item">
                            <a class="btn btn-danger" href="/menu/selected/switch?id=&role=">Show</a>                            @if($menuel['hasIcon'] === true)
                                @if($menuel['iconType'] === 'coreui')
                                  <svg class="c-nav-icon edit-menu-icon">
                                      <use xlink:href="/assets/icons/coreui/free-symbol-defs.svg#{{ $menuel['icon'] }}"></use>
                                  </svg> 
                                @endif
                            @endif 
                            {{ $menuel['slug'] }}
                            {{ $menuel['name'] }}
                        </li>
                    @elseif($menuel['slug'] === 'dropdown')
                                          @elseif($menuel['slug'] === 'title')
                      <li class="list-group-item">
                          <a class="btn btn-danger" href="/menu/selected/switch?id=&role=">Show</a>                          @if($menuel['hasIcon'] === true)
                              @if($menuel['iconType'] === 'coreui')
                                <svg class="c-nav-icon edit-menu-icon">
                                    <use xlink:href="/assets/icons/coreui/free-symbol-defs.svg#{{ $menuel['icon'] }}"></use>
                                </svg> 
                              @endif
                          @endif 
                          {{ $menuel['slug'] }}
                          {{ $menuel['name'] }}
                      </li>
                    @endif
                @endforeach
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
.edit-menu-icon{
  max-width:32px;
  max-height:32px;
}
</style>

@endsection

@section('javascript')

@endsection