@props(['students', 'activeChild' => null, 'redirect' => null])

@if ($students->count() > 1)
    <x-panel class="child-switcher">
        <form method="POST" action="{{ route('parent.switch-child') }}" style="display:flex; gap:12px; align-items:center; flex-wrap:wrap;">
            @csrf
            @if ($redirect)
                <input type="hidden" name="redirect" value="{{ $redirect }}">
            @endif
            <label for="child-switcher" style="font-weight:600; margin:0;">Viewing child:</label>
            <select id="child-switcher" name="student_id" class="input" style="min-width:200px;" onchange="this.form.submit()">
                @foreach ($students as $student)
                    <option value="{{ $student->id }}" @selected(($activeChild?->id ?? null) === $student->id)>
                        {{ $student->full_name }} — {{ $student->classes->first()?->name ?? 'No class' }}
                    </option>
                @endforeach
            </select>
        </form>
    </x-panel>
@elseif ($activeChild)
    <x-panel class="child-switcher" style="padding:12px 16px;">
        <span style="color:var(--text2);">Viewing:</span>
        <strong>{{ $activeChild->full_name }}</strong>
        @if ($activeChild->classes->first())
            <span style="color:var(--text3);">· {{ $activeChild->classes->first()->name }}</span>
        @endif
    </x-panel>
@endif