<div class="card shadow mt-4">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped table-hover table-bordered align-middle text-center">
                <thead class="table-dark">
                    <tr>
                        <th scope="col"><i class="bi bi-calendar-event"></i> Hari</th>
                        <th scope="col"><i class="bi bi-clock"></i> Jam</th>
                        <th scope="col"><i class="bi bi-chat-text"></i> Keterangan</th>
                        <th scope="col"><i class="bi bi-music-note-list"></i> File Suara</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($jadwals as $jadwal)
                    <tr>
                        <td>{{ $jadwal->hari }}</td>
                        <td><strong>{{ $jadwal->jam }}</strong></td>
                        <td>{{ $jadwal->keterangan }}</td>
                        <td>
                            @if($jadwal->file_suara)
                            <span class="badge bg-primary">{{ $jadwal->file_suara }}</span>
                            @else
                            <span class="badge bg-secondary">Kosong</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>