@php
    $folder ="";
@endphp

<ul class="lb_list_category">
    <li class="border-bottom font-weight-bold  title-card-recusive">
        <div class="d-flex">
            <div class="box-left lb_list_content_recusive">
                <div class="d-flex">
                    <div class="col-sm-1 pt-2 pb-2 white-space-nowrap folder">
                        #
                    </div>
                    <div class="col-sm-3 pt-2 pb-2 name">
                        Tên danh mục
                    </div>
                    <div class="col-sm-2 pt-2 pb-2 slug text-center">
                        Thứ tự
                    </div>
                    <div class="col-sm-2 pt-2 pb-2 parent text-center">
                        Nổi bật
                    </div>
                    <div class="col-sm-2 pt-2 pb-2 parent text-center">
                        Hiện trang chủ
                    </div>
                    <div class="col-sm-2 pt-2 pb-2 parent text-center">
                        Trạng thái
                    </div>
                </div>
            </div>
            <div class="pt-2 pb-2 lb_list_action_recusive text-center">
                Tác Vụ
            </div>
        </div>
    </li>
    @if(count($data) > 0)
    @foreach ($data as $value)
        <li class="lb_item_recusive font-weight-bold  lb_item_delete  border-bottom">
            <div class="d-flex">
                <div class="box-left lb_list_content_recusive ">
                    <div class="d-flex">
                        <div class="col-sm-1 pt-2 pb-2 white-space-nowrap folder">
                            @if ($value->childs->count())
                              <i class="fas fa-folder"></i>
                            @else
                            <i class="fas fa-file-alt"></i>
                            @endif
                        </div>
                        <div class="col-sm-3 pt-2 pb-2 name">
                            <a href="{{ route(Route::currentRouteName(),['parent_id'=>$value->id]) }}">{{ $value->name }}</a>

                        </div>
                        <div class="col-sm-2 pt-2 pb-2 slug text-center">
                            <input data-url="@if (isset($routeNameOrder)) {{ route($routeNameOrder,['table'=>$table,'id'=>$value->id]) }} @endif" class="lb-order text-center"  type="number" min="0" value="{{ $value->order?$value->order:0 }}" style="width:50px" />
                        </div>
                        <div class="col-sm-2 pt-2 pb-2 parent text-center wrap-load-hot" data-url="{{ route($routeLoadHot,['id'=>$value->id]) }}">
                            @include('admin.components.load-change-hot',['data'=>$value,'type'=>'Danh mục'])
                        </div>
                        <div class="col-sm-2 pt-2 pb-2 parent text-center wrap-load-is-home" data-url="{{ route($routeLoadIsHome,['id'=>$value->id]) }}">
                            @include('admin.components.load-change-is-home',['data'=>$value,'type'=>'Danh mục'])
                        </div>
                        <div class="col-sm-2 pt-2 pb-2 parent text-center wrap-load-active" data-url="{{ route($routeLoadActive,['id'=>$value->id]) }}">
                            @include('admin.components.load-change-active',['data'=>$value,'type'=>'Danh mục'])
                        </div>
                    </div>
                </div>

                <div class="pt-1 pb-1 lb_list_action_recusive text-center">
                    <a href="{{route($routeNameEdit,['id'=>$value->id])}}" class="btn btn-sm btn-info sua tooltip11"><i class="fas fa-edit"></i><span class="tooltiptext">Sửa</span></a>
                    <a href="{{route($routeNameAdd,['parent_id'=>$value->id])}}" class="btn btn-sm btn-info">+ Thêm</a>
                    <a data-url="{{route($routeNameDelete,['id'=>$value->id])}}" class="btn btn-sm btn-danger lb_delete_recusive tooltip11"><i class="far fa-trash-alt"></i><span class="tooltiptext">Xóa</span></a>
                </div>
            </div>
            
        </li>
    @endforeach
    
    @else
    <li class="lb_item_recusive font-weight-bold  lb_item_delete  border-bottom">
        <div class="d-flex">
            <div class="box-left lb_list_content_recusive ">
                <div class="d-flex">
                    <div class="col-sm-12 pt-2 pb-2 white-space-nowrap folder text-center">
                        Không có dữ liệu
                    </div>
                </div>
            </div>
        </div>
    </li>
    @endif
</ul>