@extends('essential.pagination')

@section('table')
    <div class="relative overflow-x-auto shadow-sm sm:rounded-lg">
        <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
            <x-table_thead />
            <x-table_thead_sort_data label="TITLE"  onclick=""/>
            <x-table_thead_data label="AUTHOR" />
            <x-table_thead_data label="BODY" />
            <x-table_thead_data label="ACTION" />
            </tr>
            </thead>
            <tbody>
                @foreach ($items as $item)
                    <tr
                        class="bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-muted dark:hover:bg-gray-600">
                        <td class="w-4 p-4">
                            <a href="#" onclick="selectGuestRow('{{ $item->id }}');">
                                <div class="flex items-center">
                                    <input id="checkbox-table-search-1" type="checkbox"
                                        class="w-4 h-4 text-blue-600 bg-muted_hover border-muted_hover rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
                                    <label for="checkbox-table-search-1" class="sr-only">checkbox</label>
                                </div>
                            </a>
                        </td>
                        <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                            {{ $loop->index + 1 + $items->count() * $items->currentPage() - $items->count() }}
                        </th>
                        <x-table_tbody_data value="{{ $item->title }}" />
                        <x-table_tbody_data value="{{ $item->author }}" />
                        <x-table_tbody_data value="{{ $item->body }}" />

                        <td class="flex flex-row px-6 py-4">
                            <x-table_view route="{{ url('posts', $item->id) }}" viewbox="0 0 576 512" icon="svg.view" />
                            <x-table_view route="{{ url('posts', $item->id) }}" viewbox="0 0 576 512" icon="svg.edit" />
                            {{-- <a href="#" onclick="viewGuest('{{ $item->id }}')">
                                <svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"
                                    stroke="green-500">
                                    <path
                                        d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z" />
                                </svg>
                            </a> --}}
                            {{-- <a href="#" onclick="editGuest('{{ $item->id }}')">
                                <svg class="w-3 h-3 mx-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                    <path
                                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z" />
                                </svg>
                            </a> --}}
                            {{-- <a href="#" onclick="deleteModal('{{ $item->id }}')">
                                <svg class="w-3 h-3 mx-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                                    <path
                                        d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z" />
                                </svg>
                            </a> --}}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endsection