<div class="w-full overflow-x-auto">
<table id="knowledgeBaseTable" class="w-full table-auto border-collapse">
<thead class="bg-gray-800 text-white">
<tr>
<th class="px-2 py-2 whitespace-nowrap"></th>
<th class="px-4 py-2 whitespace-nowrap">
{{ __('Title / Content') }}</th>
<th class="px-2 py-2 whitespace-nowrap"></th>
</tr>
</thead>
<tbody>
@foreach ($posts as $entry)
<tr class="border-b">
<td class="border px-4 py-2 text-sm sm:text-base">
<div class="text-xs sm:text-sm md:text-base">
{{ $entry->id }}</div>
<div class="text-xs sm:text-sm md:text-base">
{{ Str::limit($entry->status, 10) }}</div>
</td>
<td class="border px-4 py-2 text-sm sm:text-base md:text-base">
<div class="font-bold text-lg sm:text-base">
{{ ucfirst($entry->title) }}</div>
<div class="text-xs sm:text-sm md:text-base">
{{ Str::limit($entry->content, 200) }}</div>
</td>
<td class="px-4 py-6 flex flex-wrap gap-2">
<a href="{{ route('pocetna.show', ['knowledge_base' => $entry->id, 'search' => $search]) }}"
class="text-white bg-blue-600 hover:bg-blue-700 font-medium py-1 px-2 rounded text-xs sm:text-sm equal-width-button"
style="background-color:rgb(10, 14, 240);">
{{ __('Show') }}
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>