@extends('dashboard.inc.layout')
@section('title', 'მენიუ')
@section('content')
<div class="page-title">
    <div class="title_left">
        <h3>მენიუ</h3>
    </div>
</div>
<div class="clearfix"></div>
@include('dashboard.inc.message')
@include('dashboard.inc.errors')
<div class="content-cont">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <a href="{{ Route('dashboard.menu.create') }}" class="btn btn-dark"><i class="fa fa-plus"></i> {{ trans('dashboard.create') }}</a>
                </div>
                <div class="x_content">
                    @if($items->count())
                    <div class="dd" id="nestable">
                        <ol class="dd-list">
                            @foreach($items as $key => $item)
                            <li class="dd-item" data-id="{{ $item->id }}">
                                <div class="dd-handle clearfix">
                                </div>
                                <div class="dd-content">
                                    <a href="{{ Route('dashboard.menu.edit', $item->id) }}" class="pull-left title" title="{{ trans('dashboard.table_edit') }}">
                                        @if($item->img)
                                        <img src="{{asset('uploads/'.$item->img)}}" alt="" class="title_img" />
                                        @endif
                                        {{ $item->details->first()->title }}
                                    </a>
                                    <div class="pull-right clearfix">
                                        <a href="{{ Route('dashboard.menu.edit', $item->id) }}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> </a>
                                        <a href="{{ Route('dashboard.menu.destroy', $item->id) }}" class="delete_conf btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> </a>
                                    </div>
                                </div>
                                @if($item->children)
                                <ol class="dd-list">
                                    @foreach($item->children as $key => $_item)
                                    <li class="dd-item" data-id="{{ $_item->id }}">
                                        <div class="dd-handle clearfix">
                                        </div>
                                        <div class="dd-content">
                                            <a href="{{ Route('dashboard.menu.edit', $_item->id) }}" title="{{ trans('dashboard.table_edit') }}" class="pull-left title">
                                                @if($_item->img)
                                                <img src="{{asset('uploads/'.$_item->img)}}" alt="" class="title_img" />
                                                @endif
                                                {{ $_item->details->first()->title }}
                                            </a>
                                            <div class="pull-right">
                                                <a href="{{ Route('dashboard.menu.edit', $_item->id) }}" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i> </a>
                                                <a href="{{ Route('dashboard.menu.destroy', $_item->id) }}" class="delete_conf btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> </a>
                                            </div>
                                        </div>
                                    </li>
                                    @endforeach
                                </ol>
                                @endif
                            </li>
                            @endforeach
                        </ol>
                    </div>
                    <hr />
                    <a href="#" class="btn btn-dark btn-sm" id="nestableSave" data-target="{{ Route('dashboard.menu.sort') }}">
                        <i class="fa fa-sort"></i> მენიუს სორტირება
                    </a>
                    @else
                    <div class="alert alert-info">
                        მენიუ ვერ მოიძებნა
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div><!--  content container -->
@stop