@extends('layouts.app')
@section('title', 'Grades')
@section('breadcrumb', 'Grades')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="fw-bold mb-0" style="color:#0f3d23;">
            <i class="bi bi-journal-check me-2" style="color:#c9a94d;"></i>Grades & Assessments
        </h4>
        <p class="text-muted mb-0" style="font-size:.85rem;">
            Select a class-subject and term to enter or review scores.
        </p>
    </div>
</div>

{{-- Jump to entry form --}}
<div class="card table-card mb-4">
    <div class="card-header bg-white py-3">
        <span class="fw-semibold"><i class="bi bi-pencil-square me-1" style="color:#c9a94d;"></i>Enter / View Scores</span>
    </div>
    <div class="card-body p-4">
        <form action="{{ route('school.grades.entry') }}" method="GET" class="row g-3 align-items-end">
            <div class="col-md-5">
                <label class="form-label fw-semibold">Class — Subject</label>
                <select name="class_subject_id" class="form-select" required>
                    <option value="">— Select class and subject —</option>
                    @foreach($classSubjects as $cs)
                    <option value="{{ $cs->id }}">
                        {{ $cs->classArm->full_name }} — {{ $cs->subject->name }}
                        @if($cs->teacher) ({{ $cs->teacher->name }}) @endif
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label fw-semibold">Term</label>
                <select name="term_id" class="form-select" required>
                    <option value="">— Select term —</option>
                    @foreach($terms as $term)
                    <option value="{{ $term->id }}">
                        {{ $term->name }}
                        @if($term->is_current) (Current) @endif
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn w-100" style="background:#1a6b3c; color:#fff; border-radius:8px;">
                    <i class="bi bi-pencil me-1"></i>Open Score Sheet
                </button>
            </div>
        </form>
    </div>
</div>

{{-- Result sheet viewer --}}
<div class="card table-card mb-4">
    <div class="card-header bg-white py-3">
        <span class="fw-semibold"><i class="bi bi-table me-1" style="color:#1a6b3c;"></i>View Full Result Sheet</span>
    </div>
    <div class="card-body p-4">
        <form action="{{ route('school.grades.result-sheet') }}" method="GET" class="row g-3 align-items-end">
            <div class="col-md-5">
                <label class="form-label fw-semibold">Class / Arm</label>
                <select name="class_arm_id" class="form-select" required>
                    <option value="">— Select class —</option>
                    @foreach($classSubjects->pluck('classArm')->unique('id') as $arm)
                    <option value="{{ $arm->id }}">{{ $arm->full_name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label fw-semibold">Term</label>
                <select name="term_id" class="form-select" required>
                    <option value="">— Select term —</option>
                    @foreach($terms as $term)
                    <option value="{{ $term->id }}">{{ $term->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn w-100 btn-outline-secondary" style="border-radius:8px;">
                    <i class="bi bi-file-earmark-spreadsheet me-1"></i>View Result Sheet
                </button>
            </div>
        </form>
    </div>
</div>

{{-- Class-subjects list --}}
<div class="card table-card">
    <div class="card-header bg-white py-3">
        <span class="fw-semibold"><i class="bi bi-list-ul me-1"></i>All Class-Subject Assignments</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle" style="font-size:.85rem;">
            <thead>
                <tr><th>Class</th><th>Subject</th><th>Teacher</th><th>Periods/Week</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($classSubjects as $cs)
                <tr>
                    <td class="fw-semibold">{{ $cs->classArm->full_name }}</td>
                    <td>
                        {{ $cs->subject->name }}
                        <span class="badge bg-light text-dark" style="font-size:.7rem;">{{ $cs->subject->code }}</span>
                    </td>
                    <td>{{ $cs->teacher?->name ?? '<span class="text-muted">Unassigned</span>' }}</td>
                    <td>{{ $cs->periods_per_week }}</td>
                    <td>
                        @foreach($terms as $term)
                        <a href="{{ route('school.grades.entry', ['class_subject_id' => $cs->id, 'term_id' => $term->id]) }}"
                           class="btn btn-sm btn-outline-secondary me-1" style="font-size:.72rem;">
                            {{ $term->name }}
                        </a>
                        @endforeach
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center py-4 text-muted">
                    No class-subject assignments found. Contact your school administrator.
                </td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection