@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('classrooms.index'), 'name' => "الفصول الدراسية"]],['title'=> 'الفصول الدراسية المسجلة']];
@endphp

@section('title', 'ادارة الفصول الدراسية')

@section('content')

<x-forms.search route="classrooms.index">
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.select.generic :required="false" label="الفصول  بالسنة الدراسية" name="academic_year_id" data-placeholder="الفصول بالسنة الدراسية" :options="['' => 'جميع الفصول'] + App\Models\AcademicYear::years()" />
        </div>
{{--        <div class="col-md">--}}
{{--            <x-inputs.select.generic :required="false" label="السنة الدراسية" name="academic_year_id" data-placeholder="السنة الدراسية" :options="['' => 'جميع السنوات'] + App\Models\AcademicYear::years()" />--}}
{{--        </div>--}}
        <div class="col-md">
            <x-inputs.select.generic :required="false" select2="" label="المدرسة" onLoad="{{ request('school_id') ? null : 'change'}}" name="school_id" data-placeholder="اختر المدرسة" data-msg="رجاء اختيار المدرسة" :options="['' => 'اختر المدرسة'] +schools()" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic :required="false" select2="" label="القسم" name="gender_id" data-placeholder="اختر القسم" data-msg="رجاء اختيار القسم" :options="request('school_id') ? ['' => 'اختر القسم'] + App\Models\Gender::genders(true,request('school_id')) : []" />
        </div>
        <div class="col-md">
            <x-inputs.select.generic :required="false" select2="" label="المسار" name="grade_id" data-placeholder="اختر المسار" data-msg="رجاء اختيار المسار" :options="request('gender_id') ? ['' => 'اختر القسم'] + App\Models\Grade::grades(true,request('gender_id'),false,request('academic_year_id')) : []" />
        </div>
        <div class="col-md">
            <x-inputs.select.generic :required="false" select2="" label="الصف" name="level_id" data-placeholder="اختر الصف" data-msg="رجاء اختيار الصف" :options="request('level_id') ? ['' => 'اختر الصف'] + App\Models\Level::levels(true,request('grade_id'),false,request('academic_year_id')) : []" />
        </div>
    </div>

</x-forms.search>

<!-- Striped rows start -->
<x-ui.table>
    <x-slot name="title">قائمة الفصول الدراسية </x-slot>

    <x-slot name="thead">
        <tr>
            <th scope="col">#</th>
            <th scope="col">الفصل</th>
            <th scope="col">الصف</th>
            <th scope="col">المسار</th>
            <th scope="col">القسم</th>
            <th scope="col">المدرسة</th>
            <th scope="col">مجمع</th>
            <th scope="col ">أعداد الطلاب بالفصل</th>
            <th scope="col ">طلبات الالتحاق الجديدة بالفصل</th>
            <th scope="col ">طلبات التجديد بالفصل</th>
            <th scope="col" class="text-success">الحد الأدنى بالفصل</th>
            <th scope="col" class="text-danger">الحد الأقصى بالفصل</th>
        </tr>
    </x-slot>

    <x-slot name="tbody">
        <tr>
            @foreach ($classrooms as $classroom)
            <td>{{$classroom->id}}</td>
            <th scope="row">{{ $classroom->class_name }}</th>
            <td>{{ $classroom->level_name }}</td>
            <td>{{ $classroom->grade_name }}</td>
            <td>{{ $classroom->gender_name }}</td>
            <td>{{ $classroom->school_name }}</td>
            <td>{{ $classroom->corporate_name  }}</td>
            <td class="text-primary"><a href="{{route('get.classroom.students',[$classroom->id])}}"><abbr title="اعداد الطلاب بالفصل">{{ $classroom->students_count }}</abbr></a></td>
            <td class="text-primary"><a href="{{route('get.classroom.applications',[$classroom->id])}}"><abbr title="عدد طلبات الالتحاق الجديدة بالفصل">{{ $classroom->reserved_applications_count  }}</abbr></a></td>
            <td class="text-primary"><a href="{{route('get.classroom.transfer-requests',[$classroom->id])}}"><abbr title="عدد طلبات التجديد بالفصل ">{{ $classroom->reserved_transfer_requests_count  }}</abbr></a></td>
            <td class="text-success">{{ $classroom->min_students }}</td>
            <td class="text-danger">{{ $classroom->max_students  }}</td>
        </tr>
        @endforeach
        </tbody>
    </x-slot>
    <x-slot name="pagination">
        {{ $classrooms->appends(request()->except('page'))->links() }}
    </x-slot>
</x-ui.table>
<x-ui.SideDeletePopUp />

<!-- edit card modal  -->
<div class="modal fade" id="editLevel" tabindex="-1" aria-labelledby="editLevelTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
      <div class="modal-header bg-transparent">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body px-sm-5 mx-50 pb-5" id="level-card-body">

      </div>
    </div>
  </div>
</div>
<!--/ edit card modal  -->
<script>
    if (grade_id){
        grade_id.addEventListener('change', function () {
            if (academicYearSelect1){
                const academicYearSelect1Value = academicYearSelect1.value;
                level_id.setAttribute('data-academic_year_id', academicYearSelect1Value);
            }
            fetchDependentData('/levels', 'grade_id', 'level_id');

            const period_id = document.getElementById('period_id')
            if (period_id && school_id.value && gender_id.value && grade_id.value) {
                GetDiscounts(BASEURL + '/json/discounts', { 'school_id': school_id.value, 'gender_id': gender_id.value, 'grade_id': grade_id.value, 'period_id': period_id.value }, setData)
            }
        });
    }
</script>
<!-- Striped rows end -->
@endsection
@section('page-script')
@endsection