<x-app-layout title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
  <div class="mx-3 mt-3 px-4">
    <div class="is-scrollbar-hidden min-w-full table-responsive" x-data="pages.tables.initExample1">
       <table aria-describedby="mydesc"  class="is-hoverable table w-full text-left ">
            <thead>
                <tr>
                    <th scope="col"
                        class="whitespace-nowrap text-center rounded-tl-lg bg-slate-300 px-4 py-3 font-semibold uppercase text-black  dark:bg-navy-800 dark:text-navy-100 lg:px-5">
                        Patch ID
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Patch Name
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Description
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Server
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Date
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Level
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Remark
                    </th>
                    <th scope="col"
                        class="whitespace-nowrap rounded-tr-lg bg-slate-300  text-black px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
                        Action
                    </th>
                </tr>
            </thead>
            <tbody>

                @foreach ($results as $patch)
                    <tr
                        class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2  text-center">{{ $patch->PID }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $patch->PATCHNAME }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">
                            {{ \Illuminate\Support\Str::limit($patch->PDESC, 40) }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $patch->NUMSERVER }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $patch->PDATE }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $patch->PLEVEL }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $patch->Remark }}</td>
                        <td class="whitespace-nowrap px-1 py-3 sm:px-2">
                            <div class="flex justify-center space-x-2">
                                <a wire:click="showpatchEditForm({{ $patch->PID }})"
                                    class="btn h-8 w-8 p-0 hover:text-main-container active:text-main-container hover:primary-focus focus:primary-focus  active:bg-info/25">
                                    <i aria-hidden="true" class="fa fa-edit"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    {{-- <livewire:delete-modal /> --}}
    {{ $results->links() }}

</div>
</x-app-layout>