@extends('layouts.app')

@section('title', 'My Classes')

@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">My Classes & Subjects</h2>

    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead>
            <tr style="background:#f4f6f5;text-align:left;">
                <th style="padding:8px;">Class</th>
                <th style="padding:8px;">Subject</th>
                <th style="padding:8px;">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($assignments as $a)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $a->class_name }}</td>
                    <td style="padding:8px;">{{ $a->subject_name }}</td>
                    <td style="padding:8px;">
                        <a href="#" onclick="markAttendance({{ $a->school_class_id }})" style="color:#0b4f2c;text-decoration:none;font-size:12px;margin-right:12px;">Mark Attendance</a>
                        <a href="{{ url('/results?class_arm_id=' . $a->school_class_id) }}" style="color:#0b4f2c;text-decoration:none;font-size:12px;">Enter Scores</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="3" style="padding:20px;text-align:center;color:#999;">No class/subject assignments yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<script>
// Attendance marking posts to POST /api/class-arms/{armId}/attendance
// with { date, records: [{student_id, status}, ...] } — wire a modal/table
// here that fetches the class roster then submits via fetch() with the
// Sanctum token from the logged-in session.
function markAttendance(classId) {
    alert('Would open attendance sheet for class ' + classId + ' — posts to /api/class-arms/{armId}/attendance');
}
</script>
@endsection