<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>List Data Pasien</title>
    <!-- Link to Bootstrap CSS for styling -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container mt-5">
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h4 text-gray-800">Jadwal Dokter</h1>
        <a href="home1.php" class="btn btn-primary btn-sm">Kembali</a>
    </div>
<?php 
include 'koneksi.php';
$no=1;
$data = mysqli_query($koneksi, "SELECT tbl_jadwal.id_jadwal, tbl_jadwal.hari, tbl_dokter.nama_dokter, tbl_jadwal.jam_mulai, tbl_jadwal.jam_selesai
        FROM tbl_jadwal 
        INNER JOIN tbl_dokter ON tbl_jadwal.id_dokter = tbl_dokter.id_dokter ORDER BY tbl_jadwal.id_jadwal");

while ($d = mysqli_fetch_array($data)) {
?>
            <ul>
                <li>Hari - <?php echo $d['hari']; ?></li>
                <li>Jam - <?php echo $d['jam_mulai'] . ' - ' . $d['jam_selesai']; ?>WIB</li>
                <li>Mata Dokter Spesialis - <?php echo $d['nama_dokter']; ?></li>
                
            </ul>
        `<?php 
                  }
                  ?>

</body>
</html>