@extends('layouts.app')
@section('title', 'Components List')

@section('content')
<style>
  .badge
{font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-family: "IBM Plex Sans", sans-serif;
    line-height: 1.5;}
  </style>
<!-- Main content -->
        <section class="content">

      <div class="row">
        
        <div class="col-12">
          <div class="box">
           <div class="box-body">   
              <h4 class="box-title text-info mb-0"><i class="fa fa-list fa-sx"></i> Components List</h4> 
<hr class="my-15">

                     
            <ul data-widget="treeview" style="font-size: 20px;">
                            @if(!empty($modules))
                                @foreach($modules as $key => $module)
                                @if($module->parent_key =='' )
                            <li><i class="{{$module->logo}}"></i> &nbsp;<a target="_blank" href="/{{$module->url}}">{{$module->name}}</a></li>
                            @endif
                            <li class="treeview">
                                @if($module->url =='')
                                <a href="#">{{$module->name}}</a>
                                @endif
                                     @foreach($sub_menu as $key => $sub)
                                <ul class="treeview-menu">
                                    @if($sub->parent_key == $module->key)
                                    <li><i class="{{$sub->logo}}"></i> &nbsp;<a target="_blank" href="/{{$sub->url}}">{{$sub->name}}</a></li>
                                    @endif
                                    


                                </ul>
                                    @endforeach
                            </li>
                            @endforeach
                            @endif
                        </ul>
                        
     
            </div>
          </div>
        </div>
      </div>
      <!-- /.row -->
   
      <!-- Button trigger modal -->



 
        </div>
    </section>
 





@endsection