Mini Kabibi Habibi

Current Path : C:/xampp/htdocs/ict_schedule/
Upload File :
Current File : C:/xampp/htdocs/ict_schedule/calendar.php

<?php include 'includes/header.php'; ?>
<h1>Monthly Calendar</h1>
<div class="tab-container">
    <button class="tab-button" onclick="openTab(event, 'ebora')">Dandy G. Ebora</button>
    <button class="tab-button" onclick="openTab(event, 'ali')">Aldin Van T. Ali</button>
    <button class="tab-button" onclick="openTab(event, 'macalalad')">Ralph Kevin G. Macalalad</button>
</div>
<div id="ebora" class="tab-content"><iframe src="https://calendar.google.com/calendar/embed?src=dandy.ebora%40deped.gov.ph&ctz=Asia%2FManila" width="100%" height="600" frameborder="0"></iframe></div>
<div id="ali" class="tab-content"><iframe src="https://calendar.google.com/calendar/embed?src=aldinvan.ali%40deped.gov.ph&ctz=Asia%2FManila" width="100%" height="600" frameborder="0"></iframe></div>
<div id="macalalad" class="tab-content"><iframe src="https://calendar.google.com/calendar/embed?src=ralphkevin.macalalad%40deped.gov.ph&ctz=Asia%2FManila" width="100%" height="600" frameborder="0"></iframe></div>

<script>
    function openTab(evt, tabName) {
        const contents = document.querySelectorAll(".tab-content");
        const buttons = document.querySelectorAll(".tab-button");
        contents.forEach(c => c.style.display = 'none');
        buttons.forEach(b => b