@extends('layouts.app')
@section('title', 'Result Approval')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Pending Result Approval</h2>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Student</th><th style="padding:8px;">Class</th><th style="padding:8px;">Subject</th><th style="padding:8px;">Total</th><th style="padding:8px;">Actions</th></tr></thead>
        <tbody>
            @forelse($pending as $score)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $score->student->full_name }}</td>
                    <td style="padding:8px;">{{ $score->student->classArm->schoolClass->name ?? '—' }} {{ $score->student->classArm->name ?? '' }}</td>
                    <td style="padding:8px;">{{ $score->subject->name }}</td>
                    <td style="padding:8px;">{{ $score->total_score }}</td>
                    <td style="padding:8px;">
                        <form method="POST" action="{{ url('/api/results/' . $score->id . '/approve') }}" style="display:inline;">
                            @csrf
                            <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:5px 12px;border-radius:5px;font-size:12px;cursor:pointer;">Approve</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" style="padding:20px;text-align:center;color:#999;">Nothing pending approval right now.</td></tr>
            @endforelse
        </tbody>
    </table>
    {{ $pending->links() ?? '' }}
</div>
@endsection