<div class="card" style="max-width:760px">
  <div class="card-body">
    <div class="flex justify-between items-center">
      <span class="badge badge-outline"><?= $article['visibility'] === 'customer' ? 'Customer-visible' : 'Internal' ?></span>
      <a href="<?= url('/kb/' . $article['id'] . '/edit') ?>" class="btn btn-sm">Edit</a>
    </div>
    <h1 class="mt-3"><?= e($article['title']) ?></h1>
    <p class="text-faint text-sm">Viewed <?= (int)$article['views'] ?> times</p>
    <div style="white-space:pre-wrap"><?= nl2br(e($article['body'])) ?></div>
  </div>
</div>
