@extends('layouts.school')

@section('title', 'Result Settings')
@section('header', 'Result Display Settings')

@section('content')
    <form method="POST" action="{{ route('school.results.save-settings', request()->route('schoolId')) }}" class="space-y-6">
        @csrf

        @php
            $sections = [
                'Student & School Info' => [
                    ['show_photo', 'Student Photo', 'Show the student passport photo on the report card.'],
                    ['show_admission_no', 'Admission Number', 'Display the admission number in the student info block.'],
                    ['show_class_name', 'Class Name', 'Display the class name in the student info block.'],
                    ['show_gender', 'Gender', 'Display the gender in the student info block.'],
                ],
                'Academic Performance Table' => [
                    ['show_assessment_columns', 'Assessment Breakdown Columns', 'Show one column per configured assessment component (CA 1, CA 2, Exam, ...).'],
                    ['show_subject_total', 'Subject Total Column', 'Show the computed total score for each subject.'],
                    ['show_subject_grade', 'Subject Grade Column', 'Show the grade letter for each subject total.'],
                    ['show_subject_remark', 'Subject Remark Column', "Show a remark per subject, derived from your grading scale."],
                    ['show_class_average', 'Subject Class Average Column', 'Show the class average score for each subject.'],
                    ['show_highest_lowest', 'Highest &amp; Lowest Scores', 'Show the highest and lowest scores recorded per subject.'],
                ],
                'Overall Summary' => [
                    ['show_position', 'Position in Class', 'Display the position on the report card and summary block.'],
                    ['calculate_positions', 'Calculate Positions', 'When disabled, positions are left blank even if computed.'],
                    ['show_students_in_class', 'Students in Class', 'Show the total number of students alongside the position.'],
                    ['show_gpa', 'GPA', 'Show the Grade Point Average when your grading scale has grade points configured.'],
                    ['auto_remark', 'Auto Overall Remark', 'Generate an overall remark automatically from the average score when computing sheets.'],
                ],
                'Conduct & Attendance' => [
                    ['show_attendance', 'Attendance Summary', 'Show days present / absent / late / excused on the report card.'],
                    ['show_affective', 'Affective Domain', 'Show affective traits (punctuality, honesty, ...) section.'],
                    ['show_psychomotor', 'Psychomotor Skills', 'Show psychomotor skills (handwriting, sports, ...) section.'],
                ],
                'Signatures' => [
                    ['show_signature', 'Signature Block', 'Show uploaded official signatures at the foot of the report card.'],
                ],
                'Workflow' => [
                    ['require_workflow', 'Require Approval Workflow', 'Enforce Draft → Submitted → Reviewed → Approved before results can be published. When off, drafts can be published directly.'],
                ],
            ];
        @endphp

        @foreach($sections as $sectionTitle => $toggles)
            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
                <div class="border-b border-gray-200 px-6 py-4">
                    <h3 class="font-display font-semibold text-gray-900">{{ $sectionTitle }}</h3>
                </div>
                <div class="px-6 py-2 divide-y divide-gray-50">
                    @foreach($toggles as [$key, $label, $description])
                        <label class="flex items-start gap-4 py-4 cursor-pointer">
                            <input type="checkbox" name="{{ $key }}" value="1" {{ \App\Services\Academic\ResultSettingsService::flag($settings, $key) ? 'checked' : '' }}
                                   class="mt-0.5 h-5 w-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                            <span>
                                <span class="block text-sm font-medium text-gray-900">{!! $label !!}</span>
                                <span class="block text-sm text-gray-500">{{ $description }}</span>
                            </span>
                        </label>
                    @endforeach
                </div>
            </div>
        @endforeach

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
            <div class="border-b border-gray-200 px-6 py-4">
                <h3 class="font-display font-semibold text-gray-900">Comments & Titles</h3>
                <p class="text-sm text-gray-500">Customise remark labels to match your school (e.g. Headmaster, Head Teacher, Proprietor).</p>
            </div>
            <div class="px-6 py-5 grid gap-5 sm:grid-cols-2">
                <div>
                    <label class="block text-sm font-medium text-gray-700">Class Teacher Comment Title</label>
                    <input type="text" name="class_teacher_comment_title" value="{{ old('class_teacher_comment_title', $settings['results.class_teacher_comment_title']) }}"
                           class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700">Official Comment Title</label>
                    <input type="text" name="comment_title" value="{{ old('comment_title', $settings['results.comment_title']) }}"
                           placeholder="Principal's Remark"
                           class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <p class="mt-1 text-xs text-gray-400">Used as the label above the principal remark field.</p>
                </div>
            </div>
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
            <div class="border-b border-gray-200 px-6 py-4">
                <h3 class="font-display font-semibold text-gray-900">Report Footer</h3>
            </div>
            <div class="px-6 py-5">
                <textarea name="footer_text" rows="2"
                          placeholder="e.g. This result is invalid without an official school stamp."
                          class="block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">{{ old('footer_text', $settings['results.footer_text']) }}</textarea>
            </div>
        </div>

        <div class="flex items-center justify-end gap-3">
            <a href="{{ route('school.results.signatures', request()->route('schoolId')) }}" class="text-sm font-medium text-primary-600 hover:text-primary-700">Manage Signatures &rarr;</a>
            <button type="submit" class="rounded-lg bg-primary-600 px-6 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Save Settings</button>
        </div>
    </form>
@endsection