<!DOCTYPE html>
<html>
<head>
    <title>Attendance Extra Hours Report</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light py-4">
    <div class="container">
        <h2 class="mb-4 text-center">Attendance Extra Hours Report</h2>

        <table class="table table-bordered table-striped">
            <thead class="table-dark">
                <tr>
                    <th>#</th>
                    <th>Worked Hours</th>
                    <th>Extra Hours</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($results as $row)
                    <tr>
                        <td>{{ $row['date'] }}</td>
                        <td>{{ $row['worked'] }}</td>
                        <td>{{ $row['extra'] }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" class="text-center">No data found or invalid file.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</body>
</html>
