{{-- <table class="table table-striped table-bordered cstm-table v2">
    <thead>
        <tr>
            <th class="">#</th>
            <th>الاسم</th>
            <th>اضيف بواسطة</th>
            <th>التاريخ</th>
            <th>عمليات</th>
        </tr>
    </thead>
    <tbody>
        @php
            $ii = 1;
        @endphp
        @foreach ($rows as $item)
            <tr class="deleted-row">
                <td>{{$ii++}}</td>
                <td>
                    {{$item->title}}
                </td>
                <td>
                    {{$item->User->name ?? ''}}
                </td>
                <td>
                    {{$item->created_at}}
                </td>
                <td>
                    <div class="d-flex">
                        <div class="dropdown">
                            <button type="button"
                                class="btn btn-sm dropdown-toggle hide-arrow"
                                data-toggle="dropdown">
                                <i data-feather="more-vertical"></i>
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item"
                                target="_blank"
                                    href="{{getImage($item->path)}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>تحميل</span>
                                </a>
                                <a class="dropdown-item"
                                target="_blank"
                                    href="{{getImage($item->path)}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>عرض</span>
                                </a>
                                <a class="dropdown-item danger  delete-item"
                                    href="{{route('items-file-add.delete', $item->id)}}">
                                    <i data-feather="delete"
                                        class="mr-50"></i>
                                    <span>حذف</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>
---------------------============ --}}
<table class="table table-striped table-bordered cstm-table v2" id="filesTable">
    <thead>
        <tr>
            <th class="hash-th">#</th>
            <th class="sort">
                <div class="th-content">
                    <span>الملف</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th>
            <th class="sort">
                <div class="th-content">
                    <span>اسم الملف</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th>
            <th class="sort">
                <div class="th-content">
                    <span>الحجم</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th>
            {{-- <th class="sort">
                <div class="th-content">
                    <span>الصفحات</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th> --}}
            <th class="sort">
                <div class="th-content">
                    <span>التاريخ</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th>
            <th class="sort">
                <div class="th-content">
                    <span>بواسطه</span>
                    <span class="sort-wr">
                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-up'></i>
                        </button>

                        <button type="button"
                            class="btn btn-icon btn-icon rounded-circle btn-flat-primary waves-effect">
                            <i data-feather='chevron-down'></i>
                        </button>
                    </span>
                </div>
            </th>
            <th>خيارات</th>
        </tr>
    </thead>
    <tbody>

        @php
            $ii = 1;
        @endphp
        @foreach ($rows as $item)
            <tr class="deleted-row">
                <td>{{$ii++}}</td>
                <td>
                    @if (strpos($item->path, '.pdf') !== false)
                    <a   target="_blank"
                                    href="{{route('items-output_pdf',['name' => $item->path, 'id' => $row->id])}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>تحميل</span>
                                </a>
                    @else
                    <a   target="_blank"
                                    href="{{getImage($item->path)}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>تحميل</span>
                                </a>
                    @endif
                </td>
                <td>
                    {{$item->o_name ?? $item->title}}
                </td>
                <td>
                    {{$item->size ? ($item->size / 1000) . 'KB': '--'}}
                </td>
                {{-- <td>
                    --
                </td> --}}
                <td>
                    {{$item->created_at}}
                </td>
                <td>
                    {{$item->User->name ?? ''}}
                </td>
                <td>
                    <div class="d-flex">
                        <div class="dropdown">
                            <button type="button"
                                class="btn btn-sm dropdown-toggle hide-arrow"
                                data-toggle="dropdown">
                                <i data-feather="more-vertical"></i>
                            </button>
                            <div class="dropdown-menu">
                                @if (strpos($item->path, '.pdf') !== false)
                                <a class="dropdown-item one-file"
                                target="_blank"
                                    href="{{route('items-output_pdf',['name' => $item->path, 'id' => $row->id])}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>تحميل</span>
                                </a>
                                @else
                                <a class="dropdown-item one-file"
                                target="_blank"
                                    href="{{getImage($item->path)}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>تحميل</span>
                                </a>
                                @endif
                                <a class="dropdown-item"
                                target="_blank"
                                    href="{{getImage($item->path)}}">
                                    <i data-feather="download"
                                        class="mr-50"></i>
                                    <span>عرض</span>
                                </a>
                                <a class="dropdown-item danger  delete-item"
                                    href="{{route('items-file-add.delete', $item->id)}}">
                                    <i data-feather="delete"
                                        class="mr-50"></i>
                                    <span>حذف</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        @endforeach

    </tbody>
</table>