@php
    $isCompany = $recipientType === 'company';
    $apiPrefix = $isCompany ? 'talent-bank.company.notifications.api' : 'talent-bank.candidate.notifications.api';
    $indexRoute = $isCompany ? 'talent-bank.company.notifications.index' : 'talent-bank.candidate.notifications.index';
@endphp
<div class="tb-notifications-bell dropdown"
     data-tb-notifications
     data-unread-url="{{ route($apiPrefix . '.unread-count') }}"
     data-recent-url="{{ route($apiPrefix . '.recent') }}"
     data-read-url="{{ route($apiPrefix . '.read', ['id' => '__ID__']) }}"
     data-read-all-url="{{ route($apiPrefix . '.read-all') }}"
     data-index-url="{{ route($indexRoute) }}"
     data-poll="{{ config('talent_bank.notifications_poll_seconds', 45) }}">
    <button class="btn btn-link position-relative text-decoration-none tb-notifications-trigger"
            type="button"
            data-bs-toggle="dropdown"
            data-bs-auto-close="outside"
            aria-label="Notificações"
            aria-expanded="false">
        <i class="bi bi-bell fs-5 text-white"></i>
        <span class="tb-notifications-badge d-none" aria-live="polite" aria-atomic="true">0</span>
    </button>
    <div class="dropdown-menu dropdown-menu-end tb-notifications-panel p-0 shadow-lg border-0">
        <div class="tb-notifications-panel-header d-flex align-items-center justify-content-between px-3 py-2 border-bottom">
            <strong class="small mb-0">Notificações</strong>
            <button type="button" class="btn btn-link btn-sm text-decoration-none tb-notifications-mark-all p-0">Marcar todas</button>
        </div>
        <div class="tb-notifications-list">
            <div class="tb-notifications-skeleton p-3">
                @for ($i = 0; $i < 3; $i++)
                    <div class="placeholder-glow mb-3">
                        <span class="placeholder col-8"></span>
                        <span class="placeholder col-12"></span>
                    </div>
                @endfor
            </div>
        </div>
        <div class="border-top p-2 text-center">
            <a href="{{ route($indexRoute) }}" class="btn btn-sm w-100 rounded-pill tb-notifications-view-all">Ver todas</a>
        </div>
    </div>
</div>