
<!DOCTYPE html>
<html>
<head>
    <title>Live Scoreboard - Tabs</title>
    <?php include_once 'includes/stylesheets.php'; ?>
<!-- style skin holder -->
    <style>
        iframe { width: 100%; height: 90vh; border: none; }
    </style>
</head>
<body>
    <?php include 'menu.php'; ?>
<div class="container-fluid container-StyleScore p-4">
    <h2 class="mb-4">Live Scoreboard - Views</h2>
    <ul class="nav nav-tabs mb-3" id="scoreTab" role="tablist">
        <li class="nav-item"><a class="nav-link active" id="view1-tab" data-bs-toggle="tab" href="#view1" role="tab">View 1: By Category</a></li>
        <li class="nav-item"><a class="nav-link" id="view2-tab" data-bs-toggle="tab" href="#view2" role="tab">View 2: Per Heat & Run</a></li>
        <li class="nav-item"><a class="nav-link" id="view3-tab" data-bs-toggle="tab" href="#view3" role="tab">View 3: Full Summary</a></li>
    </ul>
</div>
<div class="mt-5">
    <div class="tab-content">
        <div class="tab-pane fade show active" id="view1" role="tabpanel">
            <iframe src="live_scoreboard_1.php"></iframe>
        </div>
        <div class="tab-pane fade" id="view2" role="tabpanel">
            <iframe src="live_scoreboard_2.php"></iframe>
        </div>
        <div class="tab-pane fade" id="view3" role="tabpanel">
            <iframe src="live_scoreboard_3.php"></iframe>
        </div>      

    </div>
</div>

</body>
</html>
