@extends('layouts.master')
@section('page_title', 'My Children')
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title"><i class="icon-users4 mr-2"></i> My Children</h6>
            {!! Qs::getPanelOptions() !!}
        </div>
        <div class="card-body">
            @forelse($students as $s)
                @php
                    $recs = ($records[$s->user_id] ?? collect())->filter(function($r) use ($exams){ return isset($exams[$r->exam_id]); })->sortByDesc(function($r) use ($exams){ return $r->year.'-'.$exams[$r->exam_id]->term; });
                    $uid = Qs::hash($s->user->id);
                @endphp
                <div class="card border mb-3">
                    <div class="card-body">
                        <div class="media flex-column flex-md-row">
                            <img class="rounded-circle mr-md-3 mb-2" style="height: 70px; width: 70px; object-fit: cover;" src="{{ $s->user->photo }}" alt="photo">
                            <div class="media-body">
                                <h5 class="mb-0">{{ $s->user->name }}</h5>
                                <div class="text-muted">
                                    {{ $s->my_class->name.' '.$s->section->name }} &middot; ADM No: {{ $s->adm_no }}
                                </div>
                                <div class="mt-2">
                                    <a href="{{ route('students.show', Qs::hash($s->id)) }}" class="btn btn-light btn-sm mb-1"><i class="icon-eye mr-1"></i> Profile</a>
                                    <a href="{{ route('payments.invoice', $uid) }}" class="btn btn-light btn-sm mb-1"><i class="icon-cash3 mr-1"></i> Fees &amp; Payments</a>
                                    <a href="{{ route('attendance.history', $uid) }}" class="btn btn-light btn-sm mb-1"><i class="icon-calendar3 mr-1"></i> Attendance</a>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h6 class="font-weight-bold"><i class="icon-book mr-1"></i> Report Cards</h6>
                        @if($recs->isEmpty())
                            <p class="text-muted mb-0">No results have been published for {{ $s->user->name }} yet.</p>
                        @else
                            <div class="table-responsive">
                            <table class="table table-sm table-bordered mb-0">
                                <thead class="bg-light">
                                <tr><th>Term / Exam</th><th>Session</th><th class="text-center">Total</th><th class="text-center">Average</th><th class="text-center">Position</th><th style="width: 190px">Report Card</th></tr>
                                </thead>
                                <tbody>
                                @foreach($recs as $r)
                                    <tr>
                                        <td>{{ $exams[$r->exam_id]->name }}</td>
                                        <td>{{ $r->year }}</td>
                                        <td class="text-center">{{ $r->total }}</td>
                                        <td class="text-center">{{ $r->ave }}</td>
                                        <td class="text-center">{!! $r->pos ? \App\Helpers\Mk::getSuffix($r->pos) : '-' !!}</td>
                                        <td>
                                            <a href="{{ route('marks.show', [$uid, $r->year]) }}" class="btn btn-primary btn-sm"><i class="icon-eye mr-1"></i> View</a>
                                            <a target="_blank" href="{{ route('marks.print', [$uid, $r->exam_id, $r->year]) }}" class="btn btn-secondary btn-sm"><i class="icon-printer mr-1"></i> Print</a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            </div>
                        @endif
                    </div>
                </div>
            @empty
                <p class="text-muted text-center mb-0">No children are linked to your account yet. Please contact the school.</p>
            @endforelse
        </div>
    </div>

@endsection