@extends('layouts.wrap')





@section('title', 'Menüler')





@include('menu.sidebar')





@section('foot_hook')


@parent





{{HTML::script('static/plugin/nestedSortable/jquery.ui.nestedSortable.js')}}


<script>


    $(document).ready(function(){





        $('ol.sortable').nestedSortable({


            forcePlaceholderSize: true,


            handle: 'div',


            helper:	'clone',


            items: 'li',


            opacity: .6,


            placeholder: 'placeholder',


            revert: 250,


            tabSize: 25,


            tolerance: 'pointer',


            toleranceElement: '> div',


            maxLevels: 3,


            isTree: true,


            expandOnHover: 700,


            startCollapsed: true


        });








        $('#toArray').click(function(){





            console.log($('ol.sortable').nestedSortable('toHierarchy'));


        })











    });


</script>


@stop


@include('assets.jqueryUI')





@section('_content')





<div id="menu_home">





<h1 class="title">Yeni Menü</h1>

















<ol class="sortable list-unstyled">


    @foreach(Menu::where('parent', 0)->get() as $menu)


        <li><div>{{ $menu->title }}</div>


            @if(Menu::getSub($menu->id))


            <ol>


            @foreach(Menu::getSub($menu->id) as $sub)


                <li><div>{{ $sub->title }}</div></li>


            @endforeach


            </ol>


            @endif


        </li>


    @endforeach


</ol>


    <button id="toArray">qw</button>


</div>





@stop