SAe-PHP-S2/application/views/artists_list.php

<section class="section">
    <div class="container">
        <h1 class="title">Artistes</h1>
        <div class="columns is-multiline">
            <?php foreach ($artists as $artist): ?>
                <div class="column is-one-quarter">
                    <div class="card">
                        <div class="card-content">
                            <div class="content">
                                <a href="<?= site_url('artistes/view/'.$artist->artistId) ?>"><?= $artist->artistName ?></a>
                                <?php if ($is_logged_in): ?>
                                    <form method="post" action="<?= site_url('playlist/selectPlaylist') ?>">
                                        <input type="hidden" name="itemId" value="<?= $artist->artistId ?>">
                                        <input type="hidden" name="itemType" value="artist">
                                        <button type="submit" class="button is-link">Ajouter à la playlist</button>
                                    </form>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
        <!-- Pagination -->
        <nav class="pagination" role="navigation" aria-label="pagination">
            <?= $pagination ?>
        </nav>
    </div>
</section>

<style>
    .pagination a, .pagination span {
        padding: 8px 12px;
        margin: 0 2px;
        border-radius: 4px;
        border: 1px solid #ddd;
        color: #333;
        text-decoration: none;
    }

    .pagination a:hover {
        background-color: #f0f0f0;
        border-color: #bbb;
    }

    .pagination .is-current {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff;
    }
</style>