KCI-PHP-KANBAN/app/Views/boards/index.php

<div class="d-flex justify-content-between align-items-center mb-4">
  <h1 class="h3 mb-0">Boards</h1>
  <a href="/boards/create" class="btn btn-primary">
    <i class="bi bi-plus-lg me-1"></i>New Board
  </a>
</div>

<?php if (empty($boards)): ?>
<div class="text-center py-5 text-muted">
  <i class="bi bi-kanban display-4 d-block mb-3"></i>
  <p class="mb-3">No boards yet.</p>
  <a href="/boards/create" class="btn btn-primary">Create your first board</a>
</div>
<?php else: ?>
<div class="row g-3">
  <?php foreach ($boards as $board): ?>
  <div class="col-sm-6 col-md-4 col-lg-3">
    <div class="card h-100 shadow-sm">
      <div class="card-body d-flex flex-column">
        <h5 class="card-title"><?= e($board->name) ?></h5>
        <p class="card-text text-muted small mb-3"><code><?= e($board->slug) ?></code></p>
        <div class="mt-auto d-flex gap-2">
          <a href="/board/<?= e($board->slug) ?>" class="btn btn-sm btn-primary flex-grow-1">Open</a>
          <a href="/board/<?= e($board->slug) ?>/edit" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-pencil"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
  <?php endforeach; ?>
</div>
<?php endif; ?>