@extends("theme.$theme.layout")

@section('title')
   Menús
@endsection

@section('styles')
<link href="{{asset("assets/js/jquery-nestable/jquery.nestable.css")}}" rel="stylesheet" type="text/css" />
@endsection

@section("scriptsPlugins")
<!-- script src="{{asset("assets/js/jquery-nestable/jquery.nestable.js")}}" type="text/javascript"></script -->
@endsection

@section('scripts')
<script src="{{asset("assets/pages/scripts/admin/menu/index.js")}}" type="text/javascript"></script>
@endsection

@section('content')
 <div class="row">
        <div class="col-sm-12">
          <div class="card card-primary">
            <div class="card-header">
              <h3 class="card-title">Menús</h3>
              <div class="card-tools">
                    <a href="{{route('create_menu')}}" class="btn btn-outline-secondary btn-sm">
                        <i class="fa fa-fw fa-plus-circle"></i> {{__('Create ')}}menú
                    </a>
              </div>
            </div>
            <!-- /.card-body -->
            <div class="card-body">
                @csrf
                <div class="dd" id="nestable">
                    <ol class="dd-list">
                        @foreach ($menus as $key => $item)
                            @if ($item["menu_id"] != 0)
                                @break
                            @endif
                            @include("admin.menu.menu-item",["item" => $item])
                        @endforeach
                    </ol>
                </div>
            </div>
          </div>
        </div>
 </div>

@endsection