@if(isset($task_queue_directives) && $task_queue_directives->isNotEmpty())
    <div class="space-y-3 mb-4" aria-label="Control panel directives">
        <div class="flex items-center justify-between gap-2">
            <h2 class="text-sm font-semibold text-[#012169] uppercase tracking-wide">Platform directives</h2>
            @if(\App\Support\WorkspaceNavigation::userMayConfigurePlatform($user ?? null))
                <a href="{{ \App\Support\WorkspaceNavigation::controlPanelTaskQueueDirectives() }}" class="text-xs font-semibold text-[#012169] underline-offset-2 hover:underline shrink-0">Edit in Control Panel</a>
            @endif
        </div>
        @foreach($task_queue_directives as $directive)
            @php
                $priorityRing = match ($directive->priority) {
                    'urgent' => 'border-[#012169] bg-[#F5F7FA]',
                    'warning' => 'border-[#9A9A9A] bg-[#F5F7FA]',
                    default => 'border-[#ECECEC] bg-white',
                };
                $kind = str_replace('_', ' ', $directive->directive_kind);
            @endphp
            <article class="rounded-2xl border px-4 py-3 shadow-sm {{ $priorityRing }}">
                <div class="flex flex-wrap items-start justify-between gap-2">
                    <div class="min-w-0">
                        <p class="text-[10px] font-semibold uppercase tracking-wide text-[#5A5A5A]">
                            {{ ucfirst($kind) }}
                            @if($directive->audience === 'targeted')
                                · Targeted
                            @else
                                · Broadcast
                            @endif
                            · {{ strtoupper($directive->priority) }}
                        </p>
                        <h3 class="mt-1 text-base font-bold text-[#111] leading-snug">{{ $directive->headline }}</h3>
                        @if(filled($directive->processing_status))
                            <p class="mt-1 text-xs font-medium text-[#012169]">Processing: {{ \App\Models\TaskQueueAdminMessage::humanProcessingStatus($directive->processing_status) }}</p>
                        @endif
                    </div>
                    <p class="text-[10px] text-[#7B7B7B] shrink-0 text-right">
                        {{ $directive->published_at?->timezone(config('app.timezone'))->format('M j, Y g:i A T') ?? '—' }}<br>
                        <span class="text-[#5A5A5A]">{{ $directive->author?->name ?? 'Administrator' }}</span>
                    </p>
                </div>
                <div class="mt-2 text-sm text-[#4A4A4A] leading-relaxed whitespace-pre-line">{!! nl2br(e($directive->body)) !!}</div>
                @include('partials.task-queue-directive-cta-links', ['ctaLinks' => $directive->cta_links])
                @if (! empty(($task_queue_directive_needs_resolution ?? [])[$directive->id]))
                    <form method="post" action="{{ route('notifications.task-queue-messages.resolve', $directive) }}" class="mt-3" data-turbo="false">
                        @csrf
                        <button type="submit" class="h-8 px-3 rounded-lg bg-[#012169] text-white text-[11px] font-semibold hover:bg-[#001550] transition">
                            Mark directive resolved
                        </button>
                    </form>
                @endif
            </article>
        @endforeach
    </div>
@endif