index

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data Kelas</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
</head>
<body>
    <div class="container">
        <div class="content-header">
            <div class="row">
                <div class="col-sm-10 h2">
                    Data Kelas
                </div>
                <div class="col-sm-2">
                    <div class="float-sm-right">
                        <a href="<?= base_url('kelas/tambah') ?>" class="btn btn-md btn-primary">
                            Tambah
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <table class="table table-hover table-bordered table-striped">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Kelas</th>
                        <th>Jumlah</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach($kelas as $no => $row) : ?>
                    <tr>
                        <td><?= ++$no; ?></td>
                        <td><?= $row['nama']; ?></td>
                        <td><?= $row['jumlah']; ?></td>
                        <td>
                            <a href="<?= base_url('/kelas/edit/' . $row['id']); ?>" class="btn btn-warning btn-sm">Edit</a>
                            <a href="<?= base_url('/kelas/hapus/' . $row['id']); ?>" onclick="return confirm('Yakin akan dihapus?')" class="btn btn-danger btn-sm">Hapus</a>
                        </td>
                    </tr>
                    <?php endforeach ?>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>