@extends('admin.layouts.default')

@section('head')
  
  {{ HTML::style('admin/assets/css/nestable.css') }}
  {{ HTML::script('admin/assets/js/libs/jquery.nestable.js') }}
  <script>
  $(document).ready(function() {
    var updateOutput = function(e) {
      var list = e.length ? e : $(e.target);

      if (window.JSON) {
        $('#nestable-output').load('{{ url('backend/navi/sort') }}' + '/' + window.JSON.stringify(list.nestable('serialize')));
      } else {
        $('#nestable-output').text('瀏覽器不支援此功能');
      }
    };

    // $('#nestable-menu').on('click', function(e) {
    //   var target = $(e.target),
    //     action = target.data('action');
    //   if (action === 'expand-all') {
    //     $('.dd').nestable('expandAll');
    //   }
    //   if (action === 'collapse-all') {
    //     $('.dd').nestable('collapseAll');
    //   }
    // });

    $('#nestable3').nestable().on('change', updateOutput);
  });
  </script>

  <title>{{ Config::get('backend.web_title', '網站內容管理系統') }}</title>

@stop

@section('content')

<div class="content_block">
  <div class="page-header clearfix">
    <h3 class="pull-left">主導覽</h3>
    <div class="btn-group pull-right">
      <a href="{{ url('backend/navi/recycle') }}" class="btn btn-info"><i class="fa fa-fw fa-recycle"></i> 資源回收</a>
      <a href="{{ url('backend/navi/add') }}" class="btn btn-primary"><i class="fa fa-fw fa-plus"></i> 新增主導覽</a>
    </div>
  </div>

  @if ($sort_arr)

  {{-- drag 排序設定 --}}
  <div class="dd" id="nestable3">
    <ol class="dd-list">
      {{ $buildTree }}
    </ol>
  </div>

  @else

  {{-- 預設排序設定 --}}
  @if ($list->count() > 0)
  <div class="dd" id="nestable3">
    <ol class="dd-list">
      @foreach ($list as $element)
      <li class="dd-item dd3-item" data-id="{{ $element->id }}">
        <div class="dd-handle dd3-handle"></div><div class="dd3-content"><span class="item_text">{{ $element->category_name }}</span></div>
      </li>
      @endforeach
    </ol>
  </div>
  @endif

  @endif
  <div id="nestable-output"></div>

</div>

@stop