@extends('layouts.teacher')

@section('title', 'My Reports · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Safeguarding"
            title="My Reports"
            meta="Only reports you submitted appear here. You cannot open other teachers’ cases."
        >
            <x-slot:actions>
                <a href="{{ route('teacher.safeguarding.report') }}" class="btn mec-btn-navy btn-md">Report a concern</a>
            </x-slot:actions>
        </x-admin.page-header>

        @include('teacher.safeguarding.nav', ['section' => $section])

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif

        @if ($reports->isEmpty())
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">You have not submitted a safeguarding report yet. If you are worried about a child, use Report a Concern. Do not send this as ordinary support.</p>
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Summary</th>
                                <th>Student</th>
                                <th>Urgency</th>
                                <th>Status</th>
                                <th>Submitted</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reports as $report)
                                <tr>
                                    <td><strong>{{ $report->reference() }}</strong></td>
                                    <td>{{ $report->title }}</td>
                                    <td>{{ $report->student?->full_name ?: 'Not named' }}</td>
                                    <td>{{ $report->urgency?->label() }}</td>
                                    <td>{{ $report->status?->label() }}</td>
                                    <td>{{ $report->submitted_at?->timezone('Africa/Accra')->format('j M Y, g:i A') }}</td>
                                    <td class="text-end">
                                        <a href="{{ route('teacher.safeguarding.show', $report) }}" class="btn mec-btn-navy btn-sm">Open</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection