@extends("AdminSide.Layout")

@section("content")
    <div class="box-content">
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <button onclick="runDataTable('table')" style="margin-bottom: 15px;margin-left: 0" type="button"
                        class="btn btn-default btn-sm"><i class="fa fa-search"></i>
                </button>
                <a  href=""   style="margin-bottom: 15px" type="button"
                                                  class="btn btn-default btn-sm"><i class="fa fa-refresh"></i>
                </a>
                <button  onclick="alert_content(this)"   style="margin-bottom: 15px" type="button"
                         class="btn btn-default btn-sm"><i class="fa fa-info"></i>
                    <span style="display: none" class="title-content">
                        تغییر ترتیب بندی
                    </span>
                    <span style="display: none" class="text-content">
                        برای تغییر ترتیب بندی نمایش دسته بندی های هر سطح، روی دسته بندی مدنظر کلید کنید، و اینکار را تا به انتهای دسته بندی های سطح مورد نظر ادامه دهید  !
                    </span>
                </button>
                <a class="form-control" href="{{route('postsCategoryCreate')}}"
                   style="text-align: center;cursor: pointer;margin-bottom: 20px">ایجاد دسته بندی جدید</a>
                <div class="col-md-12 col-xs-12 table-responsive" style="padding: 0">
                    <table id="table" class="table table-striped table-bordered display categories_table"
                           style="width:100%;text-align: right!important;">
                        <thead>
                        <tr>
                            <th style="text-align: right">آیدی</th>
                            <th style="text-align: right"> دسته بندی</th>
                            <th style="text-align: right">پدر مربوطه</th>
                            <th style="text-align: right">محل نمایش</th>
                            <th style="text-align: right">آدرس</th>
                            <th style="text-align: right">ترتیب بندی</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($info as $i)
                            <tr
                                    @if($i['status']==0) style="border-right: 5px solid #ff7200"@endif>
                                <td>{{$i['id']}}</td>
                                <td  onclick="external_submit(this)">
                                    <form action="{{route('postsCategoryManagement',$i['id'])}}">
                                        {{$i['name']}}(1)
                                    </form>
                                </td>
                                <td></td>
                                <td>
                                    @if(array_search('Header',explode(",",$i['type']))!==false)
                                        (سر تیتر)
                                    @endif
                                    &nbsp;
                                    @if(array_search('GeneralImmigrationPrograms',explode(",",$i['type']))!==false)
                                        (برنامه های مهاجرت عمومی)
                                    @endif
                                    &nbsp;
                                    @if(array_search('ProvincialImmigrationPrograms',explode(",",$i['type']))!==false)
                                        (برنامه های مهاجرت استانی)
                                    @endif
                                </td>
                                <td>{{$i['slug']}}</td>
                                <td class="time-order" onclick="change_category_time_order(this,'{{$i['id']}}')"></td>
                            </tr>
                            @include('AdminSide.Components.CategoryRow', ['layer_count'=>1,'childes' => $i['childes'],'parent' => $i])
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection