<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"></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", trans('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('backend.status')</label>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="link_open_new_window" name="active[{{ $menuItem->id }}]" {{ $menuItem->active ? 'checked' : '' }} class=""/>
                                    @lang('backend.active')
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-8">
                        @if (!$menuItem->entry)
                            {!! MenuFormBuilder::text("url", trans('backend.uri_or_url'), false, $menuItem, (isset($menu_errors) ? $menu_errors : null), $menuItem->id) !!}
                        @else
                            {!! MenuFormBuilder::text("url", trans('backend.uri_or_url'), false, $menuItem, (isset($menu_errors) ? $menu_errors : null), $menuItem->id, null, true) !!}
                        @endif
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group vertical-checkbox">
                            <label class="control-label" for="">@lang('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('backend.yes')
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                @if ($menuItem->parent_id)
                    <div class="row">
                        <div class="col-sm-8">
                        <div class="form-group vertical-selectbox">
                            <label class="control-label" for="">@lang('backend.alignment')</label>
                            <div class="selectbox">
                                <select id="alignment[{{ $menuItem->id }}]" name="alignment[{{ $menuItem->id }}]">
                                    <option value="left" {{$menuItem->alignment == 'left' ? 'selected' : ''}}>Left</option>
                                    <option value="right" {{$menuItem->alignment == 'right' ? 'selected' : ''}}>Right</option>
                                </select>
                            </div>
                        </div>
                        </div>
                    </div>
                @endif
            </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>
