@extends('layouts.teacher')

@section('title', 'Tutor onboarding · '.config('brand.name'))

@section('content')
    @php
        $hasSubjects = $profile?->subjects?->isNotEmpty() ?? false;
        $hasClasses = $profile?->classes?->isNotEmpty() ?? false;
        $hasDocument = $documents->isNotEmpty();
        $policiesComplete = collect(array_keys($policies))->diff($acceptedPolicies)->isEmpty();
        $canSubmit = $hasSubjects && $hasClasses && $policiesComplete;
        $editable = $application->canBeEditedByApplicant();
        $steps = [
            ['label' => 'Account', 'done' => true],
            ['label' => 'Profile', 'done' => $hasSubjects && $hasClasses],
            ['label' => 'Documents', 'done' => $hasDocument],
            ['label' => 'Policies', 'done' => $policiesComplete],
            ['label' => 'Submit', 'done' => ! $editable],
            ['label' => 'Super Admin approval', 'done' => $canTeach],
        ];
        $missing = [];
        if (! $hasSubjects) {
            $missing[] = 'Select at least one subject, then click Save draft.';
        }
        if (! $hasClasses) {
            $missing[] = 'Select at least one class / year group, then click Save draft.';
        }
        if (! $policiesComplete) {
            $missing[] = 'Tick every safeguarding and conduct policy, then click Save draft.';
        }
        if (! $hasDocument) {
            $missing[] = 'Upload at least one verification document (recommended before Super Admin review).';
        }
    @endphp
    <div class="content">
        <x-admin.page-header kicker="Onboarding" title="Tutor application" meta="Complete professional details, documents and safeguarding policies. Registration is not approval. Super Admin verifies, approves and activates tutors.">
            <x-slot:actions>
                <a href="{{ route('teacher.documents') }}" class="btn mec-btn-secondary btn-md">Documents</a>
                <a href="{{ route('teacher.status') }}" class="btn mec-btn-secondary btn-md">Application status</a>
            </x-slot:actions>
        </x-admin.page-header>

        @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="card mec-panel mb-3">
            <div class="card-body">
                <div class="d-flex flex-wrap gap-2 mb-3">
                    @foreach ($steps as $index => $step)
                        <span class="badge {{ $step['done'] ? 'bg-success' : 'bg-secondary' }}">
                            {{ $index + 1 }}. {{ $step['label'] }}
                        </span>
                    @endforeach
                </div>
                <p class="mb-0">
                    Application: <strong>{{ $application->status->label() }}</strong>
                    · Account status: <strong>{{ $profile?->onboarding_status?->label() ?? 'Pending' }}</strong>
                    · Teaching access: <strong>{{ $canTeach ? 'Active' : 'Not granted' }}</strong>
                </p>
                <p class="text-muted mb-0 mt-2">Parents pay MyEdCamp, not you. Class times are set by Super Admin after activation.</p>
            </div>
        </div>

        @if ($editable)
            <form method="POST" action="{{ route('teacher.onboarding.save') }}" data-persist-form="tutor-onboarding" id="tutor-onboarding-form">
                @csrf
                <div class="card mec-panel mb-3">
                    <div class="card-header"><h5>1. Professional information</h5></div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Years of teaching experience</label>
                                <input class="form-control" type="number" min="0" max="60" name="years_experience" value="{{ old('years_experience', $profile?->years_experience) }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Country</label>
                                <input class="form-control" type="text" name="country" value="{{ old('country', $profile?->country ?? 'Ghana') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Availability</label>
                                <input class="form-control" type="text" name="availability_summary" value="{{ old('availability_summary', $profile?->availability_summary) }}" placeholder="Weekday evenings, Saturday mornings">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Teaching experience</label>
                                <textarea class="form-control" name="teaching_experience" rows="4" placeholder="Subjects, classes and settings you have taught">{{ old('teaching_experience', $profile?->teaching_experience) }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Online teaching experience</label>
                                <textarea class="form-control" name="online_teaching_experience" rows="4">{{ old('online_teaching_experience', $profile?->online_teaching_experience) }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Areas of expertise</label>
                                <textarea class="form-control" name="areas_of_expertise" rows="3">{{ old('areas_of_expertise', $profile?->areas_of_expertise) }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Teaching approach</label>
                                <textarea class="form-control" name="teaching_approach" rows="3">{{ old('teaching_approach', $profile?->teaching_approach) }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Preferred teaching times</label>
                                <input class="form-control" type="text" name="preferred_times" value="{{ old('preferred_times', $profile?->preferred_times) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Online teaching experience?</label>
                                <select class="form-select" name="has_online_experience">
                                    <option value="0" @selected(! old('has_online_experience', $profile?->has_online_experience))>No</option>
                                    <option value="1" @selected(old('has_online_experience', $profile?->has_online_experience))>Yes</option>
                                </select>
                            </div>
                            <div class="col-12">
                                <p class="form-label">Preferred teaching days</p>
                                @foreach (['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'] as $day)
                                    <label class="me-3">
                                        <input type="checkbox" name="preferred_days[]" value="{{ $day }}" @checked(in_array($day, old('preferred_days', $profile?->preferred_days ?? []), true))>
                                        {{ $day }}
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mec-panel mb-3">
                    <div class="card-header"><h5>2. Qualifications and institutions</h5></div>
                    <div class="card-body">
                        @php $existing = old('qualifications', $profile?->qualifications?->toArray() ?? []); @endphp
                        @for ($i = 0; $i < 3; $i++)
                            <div class="row g-3 mb-2">
                                <div class="col-md-5">
                                    <input class="form-control" name="qualifications[{{ $i }}][title]" placeholder="Qualification" value="{{ $existing[$i]['title'] ?? '' }}">
                                </div>
                                <div class="col-md-5">
                                    <input class="form-control" name="qualifications[{{ $i }}][institution]" placeholder="Institution" value="{{ $existing[$i]['institution'] ?? '' }}">
                                </div>
                                <div class="col-md-2">
                                    <input class="form-control" name="qualifications[{{ $i }}][year_awarded]" placeholder="Year" value="{{ $existing[$i]['year_awarded'] ?? '' }}">
                                </div>
                            </div>
                        @endfor
                    </div>
                </div>

                <div class="card mec-panel mb-3">
                    <div class="card-header"><h5>3. Subjects you can tutor</h5></div>
                    <div class="card-body">
                        <p class="text-muted">From the MyEdCamp academic catalogue. Do not invent subjects. Super Admin still assigns the subject you will teach.</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>

                <div class="card mec-panel mb-3">
                    <div class="card-header"><h5>4. Classes / year groups</h5></div>
                    <div class="card-body">
                        @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>

                <div class="card mec-panel mb-3">
                    <div class="card-header"><h5>5. Safeguarding &amp; conduct</h5></div>
                    <div class="card-body">
                        @foreach ($policies as $key => $policy)
                            <label class="d-block mb-3">
                                <input type="checkbox" name="policies[]" value="{{ $key }}" @checked($acceptedPolicies->contains($key))>
                                <strong>{{ $policy['title'] }}</strong>
                                <span class="d-block text-muted">{{ $policy['summary'] }}</span>
                            </label>
                        @endforeach
                    </div>
                </div>

                <div class="d-flex flex-wrap gap-2 mb-3">
                    <button type="submit" class="btn mec-btn-secondary">Save draft</button>
                    <button type="button" class="btn btn-outline-secondary" data-persist-clear>Clear form</button>
                </div>
                <p class="text-muted small mb-0">Your entries stay after refresh. Use Clear form only when you want to wipe this page.</p>
            </form>

            <div class="card mec-panel mb-3">
                <div class="card-header"><h5>6. Verification documents</h5></div>
                <div class="card-body">
                    <p class="mb-2">Upload identity and qualification files on the documents page. Files stay private until Super Admin verifies them.</p>
                    <p class="mb-3">
                        Status:
                        @if ($hasDocument)
                            <strong class="text-success">{{ $documents->count() }} document(s) uploaded</strong>
                        @else
                            <strong class="text-danger">No documents uploaded yet</strong>
                        @endif
                    </p>
                    <a href="{{ route('teacher.documents') }}" class="btn mec-btn-secondary btn-md">Open documents</a>
                </div>
            </div>

            <div class="card mec-panel mb-4">
                <div class="card-header"><h5>7. Submit for Super Admin review</h5></div>
                <div class="card-body">
                    <p class="mb-3">Submitting does not activate teaching. Super Admin must still verify documents, approve the application and activate your account.</p>
                    <ul class="mb-3">
                        <li class="{{ $hasSubjects ? 'text-success' : 'text-danger' }}">Subjects selected{{ $hasSubjects ? '' : ' — still needed' }}</li>
                        <li class="{{ $hasClasses ? 'text-success' : 'text-danger' }}">Classes / year groups selected{{ $hasClasses ? '' : ' — still needed' }}</li>
                        <li class="{{ $policiesComplete ? 'text-success' : 'text-danger' }}">All policies accepted{{ $policiesComplete ? '' : ' — still needed' }}</li>
                        <li class="{{ $hasDocument ? 'text-success' : 'text-muted' }}">Verification document uploaded{{ $hasDocument ? '' : ' — recommended' }}</li>
                    </ul>
                    <form method="POST" action="{{ route('teacher.onboarding.submit') }}">
                        @csrf
                        <button type="submit" class="btn btn-primary" @disabled(! $canSubmit)>Submit application</button>
                    </form>
                    @unless ($canSubmit)
                        <div class="alert alert-warning mt-3 mb-0">
                            <p class="mb-2"><strong>Submit is locked until these are saved:</strong></p>
                            <ul class="mb-0">
                                @foreach ($missing as $item)
                                    @if (! str_contains($item, 'recommended'))
                                        <li>{{ $item }}</li>
                                    @endif
                                @endforeach
                            </ul>
                            <p class="mb-0 mt-2">After you tick subjects, classes and every policy, click <strong>Save draft</strong> first — then Submit unlocks.</p>
                        </div>
                    @else
                        @unless ($hasDocument)
                            <p class="text-muted mt-2 mb-0">You can submit now. Upload a verification document so Super Admin can verify you faster.</p>
                        @endunless
                    @endunless
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mb-2">This application is {{ strtolower($application->status->label()) }} and cannot be silently changed.</p>
                    <p class="mb-0">Check your <a href="{{ route('teacher.status') }}">application status</a> for the next Super Admin step.</p>
                </div>
            </div>
        @endif
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('js/form-persist.js') }}?v={{ filemtime(public_path('js/form-persist.js')) }}"></script>
@endsection