@extends('layouts.teacher')

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

@section('content')
    <div class="content">
        <x-admin.page-header kicker="Account" title="Teacher profile" meta="Personal and professional information. Verification documents stay under Super Admin control." />

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

        <div class="row g-3 mb-3">
            <div class="col-md-4">
                <div class="card mec-panel">
                    <div class="card-body">
                        <p class="text-muted mb-1">Account</p>
                        <h4>{{ $user->full_name }}</h4>
                        <p class="mb-1">{{ $user->email }}</p>
                        <p class="mb-1">{{ $user->phone }}</p>
                        <p class="mb-0">Onboarding: <strong>{{ $profile?->onboarding_status?->label() ?? 'Pending' }}</strong></p>
                        <p class="mb-0">Application: <strong>{{ $application?->status?->label() ?? 'None' }}</strong></p>
                        <p class="mb-0">Teaching: <strong>{{ $canTeach ? 'Active' : 'Not authorised' }}</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card mec-panel">
                    <div class="card-body">
                        <p class="text-muted">Subjects</p>
                        <p>{{ $profile?->subjects->pluck('name')->join(', ') ?: 'Not selected' }}</p>
                        <p class="text-muted">Classes / year groups</p>
                        <p>{{ $profile?->classes->pluck('name')->join(', ') ?: 'Not selected' }}</p>
                        <p class="text-muted">Experience</p>
                        <p>{{ $profile?->years_experience ? $profile->years_experience.' years' : 'Not provided' }}</p>
                    </div>
                </div>
            </div>
        </div>

        <form method="POST" action="{{ route('teacher.profile.update') }}">
            @csrf
            @method('PUT')
            <div class="card mec-panel">
                <div class="card-header"><h5>Update permitted professional information</h5></div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Years of experience</label>
                            <input class="form-control" type="number" name="years_experience" value="{{ old('years_experience', $profile?->years_experience) }}">
                        </div>
                        <div class="col-md-8">
                            <label class="form-label">Availability</label>
                            <input class="form-control" type="text" name="availability_summary" value="{{ old('availability_summary', $profile?->availability_summary) }}">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Teaching experience</label>
                            <textarea class="form-control" name="teaching_experience" rows="4">{{ old('teaching_experience', $profile?->teaching_experience) }}</textarea>
                        </div>
                        <div class="col-12">
                            <p class="form-label">Subjects</p>
                            @foreach ($subjects as $subject)
                                <label class="me-3 mb-2 d-inline-block">
                                    <input type="checkbox" name="subject_ids[]" value="{{ $subject->id }}" @checked(in_array($subject->id, old('subject_ids', $profile?->subjects->modelKeys() ?? []), false))>
                                    {{ $subject->name }}
                                </label>
                            @endforeach
                        </div>
                        <div class="col-12">
                            <p class="form-label">Classes / year groups</p>
                            @foreach ($levels as $level)
                                <p class="fw-semibold mb-1">{{ $level->name }}</p>
                                @foreach ($level->classes as $class)
                                    <label class="me-3 mb-2 d-inline-block">
                                        <input type="checkbox" name="class_ids[]" value="{{ $class->id }}" @checked(in_array($class->id, old('class_ids', $profile?->classes->modelKeys() ?? []), false))>
                                        {{ $class->name }}
                                    </label>
                                @endforeach
                            @endforeach
                        </div>
                    </div>
                    <button class="btn btn-primary mt-3" type="submit">Save profile</button>
                </div>
            </div>
        </form>
    </div>
@endsection