<div class="staging-border p-4 rounded">
  <div class="flex justify-between items-center">

    <div class="flex flex-col justify-center">
      <p class="text font-bold text-zinc-300">Pending Bookdrop Files</p>
      <p class="text-lg font-bold text-primary">{{ pendingCount }}</p>
      @if (lastUpdatedAt) {
        <p class="text-xs text-zinc-400 mt-1">
          Last updated: {{ lastUpdatedAt | date: 'short' }}
        </p>
      }
    </div>

    <div class="flex items-center">
      <p-button
        size="small"
        outlined
        severity="info"
        (click)="openReviewDialog()">
        Review
      </p-button>
    </div>
  </div>
</div>
