@props(['entries'])


<table class="w-full table-auto border-collapse text-sm">
    <thead>
        <tr class="bg-gray-100">
            <th class="border px-2 py-1 text-left">Platform</th>
            <th class="border px-2 py-1 text-left">Format</th>
            <th class="border px-2 py-1 text-left">Title / Hook</th>
            <th class="border px-2 py-1 text-left">Description</th>
            <th class="border px-2 py-1 text-left">Call-to-Action</th>
            
        </tr>
    </thead>
    <tbody>
        @foreach ($entries as $details)

       

        @foreach($details as $key=>$d)
      
           <tr>
                <td class="border px-2 py-1">{{ $key ?? '—' }}</td>
                <td class="border px-2 py-1">{{ $d['Content Format'] ?? '—' }}</td>
                <td class="border px-2 py-1">{{ $d['Post Title'] ?? '—' }}</td>
                <td class="border px-2 py-1">{{ $d['Content Description'] ?? '—' }}</td>
                <td class="border px-2 py-1">{{ $d['CTA'] ?? '—' }}</td>
               
            </tr>
        @endforeach
         
        @endforeach
    </tbody>
</table>