@extends('layouts.contentLayoutMaster')

@php
    $breadcrumbs = [[['link' => route('levels.index'), 'name' => "الصفوف الدراسية "],['link' => route('levels.edit',$level), 'name' => "تعديل الدراسي التالي : $level->level_name" ]],['title'=> 'تعديل الصف الدراسي التالي']];
@endphp

@section('title', 'تعديل الصف الدراسي التالي ')

@section('content')
    @component('components.forms.formCard',['title' =>' تحديد الصف الدراسي التالي : ' . $level->level_name ])

        {!! Form::model($level, ['method' => 'POST','route' => ['levels.years.nextLevel', $level->id]]) !!}

        <x-ui.divider>الصف الدراس التالي في حالة النجاح</x-ui.divider>
        <div class="row mb-1" id="selection">
            <div class="col-md">
                <label for="school_id" class="form-label">المدرسة</label>
                <select class="form-select" name="school_id" id="school_id">
                    <option value="">إختر المدرسة </option>
                    @foreach(\App\Models\School::Active()->selectedCorporate()->select('id', 'school_name', 'corporate_id')->get() as $school)
                        <option value="{{$school->id}}"> {{$school->school_name}}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md">
                <label for="gender_id" class="form-label">القسم</label>
                <select class="form-select" name="gender_id" id="gender_id" disabled>
                    <option value="">إختر القسم</option>
                </select>
            </div>


            <div class="col-md">
                <label for="grade_id" class="form-label">المسار</label>
                <select class="form-select" name="grade_id" id="grade_id" disabled>
                    <option value="">إختر المسار</option>
                </select>
            </div>

            <div class="col-md">
                <label for="level_id" class="form-label">الصف</label>
                <select class="form-select" name="level_id" id="level_id" data-open_year="false" data-academic_year_id="{{$nextAcademicYear?->id ?? null}}" disabled>
                    <option value="">إختر الصف</option>
                </select>
            </div>
        </div>



        <div class="row mb-1">
            <label class="form-label mr-1" for="is_graduated">متخرج ؟</label>
            <x-inputs.checkbox :checked="$level->is_graduated" onchange="togglegraduatedStutus(this)" name="is_graduated">تحديد الطالب الناجح في هذا الصف كطالب متخرج </x-inputs.checkbox>

        </div>

        <div class="col-12 text-center mt-2">
            <x-inputs.submit>تعديل </x-inputs.submit>
            <x-inputs.link route="years.levels.index" :params="$level->academic_year_id">عودة</x-inputs.link>
        </div>

        {!! Form::close() !!}


    @endcomponent
@endsection

@section('page-script')
    <script>
        function togglegraduatedStutus(e) {
            let div = document.getElementById('selection');
            div.style = e.checked ? 'pointer-events: none;opacity: 0.4;' : '';
        }
        togglegraduatedStutus(document.getElementById('is_graduated'));
    </script>
@endsection