<li class="dd-item dd3-item {{ !empty($menu_errors) ? 'has-errors' : '' }}" data-id="{{ $menuItem->id }}">
    <input type="hidden" name="menu_id[]" value="{{ $menuItem->id }}" />
    <input type="hidden" name="menu_type[{{ $menuItem->id }}]" value="{{ $menuItem->entry ? 'page' : 'link' }}" />
    <input type="hidden" name="entry_id[{{ $menuItem->id }}]" value="{{ $menuItem->entry ? $menuItem->entry->id : '' }}" />
    <div class="dd-handle dd3-handle">Drag</div>
    <div class="dd3-content panel panel-default">
        <div class="panel-heading">
            <div class="menu-title">{{ $menuItem->title }} &nbsp;</div> 
            <a data-toggle="collapse" data-target="#collapse_menu_item_{{ $menuItem->id }}" class="btn btn-xs btn-default colapse-menu-item collapsed">
                <span class="icon glyphicon glyphicon-edit"></span>
            </a>
        </div>
        <div id="collapse_menu_item_{{ $menuItem->id }}" class="panel-collapse collapse">
            <div class="panel-body">
                <div class="row menu-item-info">
                    <div class="col-xs-10">
                        <h6>
                            @if (!$menuItem->entry)
                                <em>Internal or external link</em>
                            @else
                                <em>Page:</em> <span>{{ $menuItem->entry->title }}</span>
                            @endif
                        </h6>  
                    </div>
                    <div class="col-xs-2">
                        <a class="btn btn-xs btn-default  pull-right delete-menu-item">
                            <span class="icon glyphicon glyphicon-trash"></span>
                        </a>    
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-8"> 
                        {{ \MenuFormBuilder::text("title", Lang::get('backend.title'), false, $menuItem, (isset($menu_errors) ? $menu_errors : null), $menuItem->id) }}
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group vertical-checkbox">
                            <label class="control-label" for="">{{ Lang::get('backend.status') }}</label>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="link_open_new_window" name="active[{{ $menuItem->id }}]" {{ $menuItem->active ? 'checked' : '' }} class=""/>
                                    {{ Lang::get('backend.active') }}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-8">
                        {{ \MenuFormBuilder::text("url", Lang::get('backend.uri_or_url'), false, $menuItem, (isset($menu_errors) ? $menu_errors : null), $menuItem->id) }}
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group vertical-checkbox">
                            <label class="control-label" for="">{{ Lang::get('backend.open_new_window') }}</label>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="new_window[{{ $menuItem->id }}]" name="new_window[{{ $menuItem->id }}]" class="" {{ $menuItem->target ? 'checked' : '' }}/>
                                    {{ Lang::get('backend.yes') }}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if(isset($menuItem->children) && !empty($menuItem->children))
        <ol>
        @foreach($menuItem->children as $child)
            @include('admin.pages.menus.menu_item', array('menuItem' => $child))
        @endforeach
        </ol>
    @endif
</li>
