@extends('layouts.teacher')

@section('title', 'Safeguarding Guidance · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Safeguarding"
            title="Safeguarding Guidance"
            meta="Protecting children. Report concerns through the controlled safeguarding workflow. Do not handle unrelated cases."
        />

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

        <div class="card mec-panel mb-3">
            <div class="card-body">
                <p class="mb-0">MyEdCamp serves children. If you are worried, submit a report. Do not treat this as a lesson issue, a parent complaint, or technical support.</p>
            </div>
        </div>

        @foreach ($points as $point)
            <div class="card mec-panel mb-3">
                <div class="card-header"><h6 class="mb-0">{{ $point['title'] }}</h6></div>
                <div class="card-body">
                    <p class="mb-0">{{ $point['body'] }}</p>
                </div>
            </div>
        @endforeach

        <p class="fs-13 text-muted mb-0">
            <a href="{{ route('teacher.safeguarding.report') }}">Report a concern</a>
            ·
            <a href="{{ route('teacher.safeguarding.contacts') }}">Safeguarding contacts</a>
        </p>
    </div>
@endsection