@extends('layouts.layout-admin')
@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
            <h1 class="m-0">{{ __('Menu') }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">{{ __('Home') }}</a></li>
                <li class="breadcrumb-item active">{{ __('Menu') }}</li>
            </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
  <!-- /.content-header -->
  <section class="content">
    <div class="container-fluid">
    <!-- Main content -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                  <h3 class="card-title">{{ __('Manage Menus') }}</h3>
                  <a href="{{ route('menu.create') }}" style="float:right;" data-toggle="tooltip" title="Add" class="btn btn-primary btn-sm" data-toggle="tooltip" data-original-title="Add New">
                    <i class="fa fa-plus"></i> {{ __('Add New Menus') }}
                  </a>
                </div>
                <!-- /.card-header -->
              <div class="card-body"> 
               <ul id="tree1">
                  @foreach($menus as $menu)
                     <li>
                         {{ $menu->menu_name }}
                         @if(count($menu->childs))
                             @include('pages.menu.child',['childs' => $menu->childs])
                         @endif
                     </li>
                  @endforeach
                 </ul>
              </div>
            </div>
        </div>
    </div>
    </div>
  </section>
  @endsection