@extends('layouts.parent')

@section('title', $homework->title.' · Homework')

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Children's Learning"
            :title="$homework->title"
            :meta="$child->first_name.' · '.($homework->lesson?->academicLabel() ?: 'Homework').' · '.$homework->dueLabel()"
        >
            <x-slot:actions>
                <a href="{{ route('parent.learning.homework') }}" class="btn mec-btn-secondary btn-md">Back</a>
            </x-slot:actions>
        </x-admin.page-header>

        <div class="card mec-panel mb-3">
            <div class="card-body">
                <p class="mb-2"><strong>Student:</strong> {{ $child->full_name }}</p>
                <p class="mb-2"><strong>Status:</strong> {{ str_replace('_', ' ', ucfirst($item['status'] ?? 'to_do')) }}</p>
                @if ($homework->details)
                    <h6>Details</h6>
                    <div class="mb-3">{!! nl2br(e($homework->details)) !!}</div>
                @endif
                @if ($homework->instructions)
                    <h6>Instructions</h6>
                    <div class="mb-3">{!! nl2br(e($homework->instructions)) !!}</div>
                @endif
                @include('lessons.partials.homework-files', ['homework' => $homework, 'downloadRoute' => 'parent.learning.homework.file'])
                <p class="text-muted mb-0">{{ $homework->submissionLabel() }}@if ($homework->total_marks) · {{ $homework->total_marks }} marks @endif</p>
            </div>
        </div>

        @if ($item['submission'] ?? null)
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mb-2"><strong>Submitted:</strong> {{ $item['submission']->submitted_at?->timezone('Africa/Accra')->format('j M Y · g:i A') ?: '—' }}</p>
                    @if ($item['submission']->body)
                        <h6>{{ $child->first_name }}'s work</h6>
                        <div class="mb-0">{!! nl2br(e($item['submission']->body)) !!}</div>
                    @endif
                    @if ($item['submission']->status?->value === 'marked')
                        <hr>
                        <p>Score: {{ $item['submission']->score }} / {{ $item['submission']->total_marks ?: $homework->total_marks }}</p>
                        @if ($item['submission']->teacher_feedback)
                            <h6>Teacher feedback</h6>
                            <p class="mb-0">{{ $item['submission']->teacher_feedback }}</p>
                        @endif
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection