@php
    $pageNames = $postReport['pages']->keyBy('page_id');
    $hidePageColumn = $hidePageColumn ?? false;
@endphp

<section class="rounded-2xl border border-rose-200 bg-white p-5 shadow-sm">
    <div>
        <h3 class="text-lg font-semibold text-slate-900">Publications organiques</h3>
        <p class="mt-1 text-xs text-slate-500">
            Chaque ligne correspond a une publication sur une page Facebook que vous gerez.
        </p>
    </div>

    @if ($postReport['posts']->total() === 0)
        <p class="mt-4 rounded-xl border border-dashed border-slate-200 px-4 py-8 text-center text-sm text-slate-500">
            Aucune publication synchronisee.
            Selectionnez une ou plusieurs pages ci-dessus puis lancez la synchronisation.
        </p>
    @else
        <div class="mt-4 overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead>
                <tr class="text-left text-slate-500">
                    @if (! $hidePageColumn)
                        <th class="px-3 py-2">Page</th>
                    @endif
                    <th class="px-3 py-2">Publication</th>
                    <th class="px-3 py-2">Date</th>
                    <th class="px-3 py-2">Portee organique</th>
                    <th class="px-3 py-2">Vues publication</th>
                    <th class="px-3 py-2">Personnes engagees</th>
                    <th class="px-3 py-2">Reactions</th>
                    <th class="px-3 py-2">Commentaires</th>
                    <th class="px-3 py-2">Partages</th>
                    <th class="px-3 py-2 text-right">Lien</th>
                </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                @foreach ($postReport['posts'] as $post)
                    @php
                        $page = $pageNames->get($post->page_id);
                    @endphp
                    <tr>
                        @if (! $hidePageColumn)
                        <td class="px-3 py-2 text-slate-700">
                            <p class="font-medium text-slate-900">{{ $page?->page_name ?: $post->page_id }}</p>
                        </td>
                        @endif
                        <td class="px-3 py-2 text-slate-700">
                            <p class="max-w-xs">{{ $post->excerpt() }}</p>
                            @if ($post->status_type)
                                <p class="mt-1 text-xs text-slate-400">{{ $post->status_type }}</p>
                            @endif
                        </td>
                        <td class="px-3 py-2 whitespace-nowrap text-slate-700">
                            {{ $post->published_at?->format('d/m/Y H:i') ?: '-' }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ $post->organic_reach > 0 ? number_format($post->organic_reach, 0, ',', ' ') : '-' }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ $post->media_views > 0 ? number_format($post->media_views, 0, ',', ' ') : '-' }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ $post->engaged_users > 0 ? number_format($post->engaged_users, 0, ',', ' ') : '-' }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ number_format($post->reactions_total, 0, ',', ' ') }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ number_format($post->comments_count, 0, ',', ' ') }}
                        </td>
                        <td class="px-3 py-2 text-slate-700">
                            {{ number_format($post->shares_count, 0, ',', ' ') }}
                        </td>
                        <td class="px-3 py-2 text-right">
                            @if ($post->permalink_url)
                                <a href="{{ $post->permalink_url }}"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                   class="text-sm font-semibold text-[#E83646] hover:underline">
                                    Voir
                                </a>
                            @else
                                <span class="text-slate-400">-</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-4">
            {{ $postReport['posts']->links() }}
        </div>
    @endif
</section>