@extends('layouts.parent')

@section('title', 'Class reports · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Reports"
            title="Class reports"
            :meta="$child ? 'Ended classes for '.$child->full_name.'. Each report shows when the class started and when '.$child->first_name.' joined.' : 'Select a child to see class reports.'"
        />

        @include('parent.partials.child-picker')

        @if (! $child)
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">Select or add a child to view class reports.</p>
                </div>
            </div>
        @elseif ($reports->isEmpty())
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">No ended classes yet for {{ $child->first_name }}. A report appears after the teacher, MyEdCamp, or the class time ends the session.</p>
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Class</th>
                                <th>Started</th>
                                <th>Ended</th>
                                <th>Joined</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reports as $report)
                                @php $row = $report->rowForStudent($child->id); @endphp
                                <tr>
                                    <td>{{ $report->session?->displayTitle() }}</td>
                                    <td>{{ $report->started_at?->timezone('Africa/Accra')->format('D j M · g:i A') ?: '—' }}</td>
                                    <td>{{ $report->ended_at?->timezone('Africa/Accra')->format('D j M · g:i A') ?: '—' }}</td>
                                    <td>{{ ! empty($row['joined_at']) ? \Illuminate\Support\Carbon::parse($row['joined_at'])->timezone('Africa/Accra')->format('g:i A') : 'Did not join' }}</td>
                                    <td class="text-end">
                                        <a href="{{ route('parent.reports.attendance.show', $report->session) }}" class="btn mec-btn-navy btn-sm">View report</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection