<?php 
require_once 'includes/auth.php';
checkRole(['superadmin', 'developer']); // Superadmin dan developer yang bisa akses

include 'includes/header.php'; 
include 'includes/sidebar.php';
?>

<style>
.dot-status {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #0d6efd;
    border-radius: 50%;
    margin-right: 8px;
}
</style>

<div class="content" id="content">
    <div class="container-fluid">
        <h1 class="h3 mb-4">Supervisor</h1>
        
        <div class="card">
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th width="10%">No.</th>
                            <th>Supervisor</th>
                            <th>Download Date</th>
                            <th width="10%" class="text-end">Download</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>
                                <span class="dot-status" data-supervisor-id="1"></span>
                                Supervisor 1
                            </td>
                            <td>2024-03-20 14:30:00</td>
                            <td class="text-end">
                                <button class="btn btn-sm btn-primary download-btn" data-supervisor-id="1">
                                    <i class="fas fa-download"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Supervisor 2</td>
                            <td>2024-03-20 15:45:00</td>
                            <td class="text-end">
                                <button class="btn btn-sm btn-primary download-btn" data-supervisor-id="2">
                                    <i class="fas fa-download"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Tambahkan script di bagian bawah sebelum closing body -->
<script src="assets/js/supervisor.js"></script>

<?php include 'includes/footer.php'; ?> 