@extends('layouts.contentLayoutMaster')

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

@section('title','اضافة صف دراسي للعام ' .$year->year_name )

@section('content')
@component('components.forms.formCard',['title' =>" اضافة صف درسي للعام $year->year_name" ])

{!! Form::open(['route' => ['years.levels.store',$year],'method'=>'POST' , 'onsubmit' => 'showLoader()'])  !!}

<x-ui.divider>معلومات الصف الدراسي</x-ui.divider>
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input label="اسم الصف الدراسي" icon="file-text" name="level_name" placeholder="ادخل اسم الصف الدراسي" data-msg="ااسم الصف الدراسي بشكل صحيح" />
        </div>
        <div class="col-md">
            <x-inputs.text.Input label="اسم الصف الدراسي في نظام نور" icon="file-text" name="level_name_noor" placeholder="ادخل اسم الصف الدراسي في نظام نور" data-msg="ااسم الصف الدراسي في نظام نور بشكل صحيح" />
        </div>
    </div>

    <div class="row mb-1 ">

        <div class="col-md">
            <x-inputs.select.generic select2="" label="المدرسة" name="school_id" data-placeholder="اختر المدرسة" data-msg="رجاء اختيار المدرسة" :options="['' => 'اختر المدرسة'] +schools()" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic select2="" label="القسم" name="gender_id" data-placeholder="اختر القسم" data-msg="رجاء اختيار القسم" :options="old('school_id')  ? App\Models\Gender::genders(true,old('school_id') ) : []" />
        </div>

        <div class="col-md">
            <x-inputs.select.generic select2="" label="المسار" name="grade_id" data-placeholder="اختر المسار" data-msg="رجاء اختيار المسار" :options="old('gender_id')  ? App\Models\Grade::grades(true,old('gender_id') ) : []" />
        </div>
    </div>

    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input type="number" label="الحد الاقصي لعدد الفصول بالصف " icon="user-plus" name="max_classrooms" placeholder="الحد الاقصي لعدد الفصول التي يمكن فتحها بالصف" data-msg="الحد الاقصي لعدد الفصول بالصف" />
        </div>


        <div class="col-md">
            <x-inputs.text.Input type="number" label="الحد الادني لعدد الطلاب " icon="user-plus" name="min_students" placeholder="الحد الادني لعدد الطلاب في قائمة الانتظار لتسجيل فصل جديد" data-msg="ادخل الحد الأدني لعدد الطاب" />
        </div>

        <div class="col-md">
            <x-inputs.text.Input type="number" label="الحد الأقصى لعدد الطلاب " icon="user-plus" name="max_students" placeholder="الحد الأقصى لعدد الطلاب في الفصل" data-msg="ادخل الحد الأقصى لعدد الطلاب" />
        </div>

    </div>
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input label="بادئة اسم الفصل" icon="file-text" name="prefix_classroom_name" placeholder="مثال 1 / " data-msg="ادخل بادئة اسم الفصل" />
        </div>
        <div class="col-md">
            <x-inputs.text.Input type="number" label="الرسوم المدرسية (ر.س)" icon="dollar-sign" name="tuition_fees" placeholder="ادخل الرسوم المدرسية (ر.س)" data-msg="االرسوم المدرسية (ر.س) بشكل صحيح" />
        </div>
    </div>
    <div class="row mb-1 mt-1">
        <label for="level_type_label" class="form-label">نوع الصف</label>
        <div class="demo-inline-spacing">
            @foreach( \App\Models\LevelType::levelTypes() as $levelType)
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="level_type_id" value="{{ $levelType->id }}" id="inlineRadio_{{ $levelType->type_name }}"/>
                    <label class="form-check-label" for="inlineRadio_{{ $levelType->type_name }}">{{ $levelType->type_name }}</label>
                </div>
            @endforeach
        </div>
    </div>
    <div class="row mb-1">
        <div class="col-md">
            <label class="form-label mb-1" for="active"> الحالة </label>
            <x-inputs.checkbox name="active">مفعل</x-inputs.checkbox>
        </div>
    </div>

    <x-ui.divider>حدود الخصومات</x-ui.divider>

        <div class="row mb-1">
            <div class="col-md">
                <x-inputs.text.Input min="0" type="number" label="اقصي نسبة للخصومات الفترات" icon="percent" name="coupon_discount_persent" placeholder="اقصي نسبة لخصومات الفترات من الرسوم الدراسية" />
            </div>


            <div class="col-md">
                <x-inputs.text.Input type="number" label="اقصي نسبة خصومات من الرسوم الدراسية للقسائم" icon="percent" name="period_discount_persent" placeholder="ادخل اقصي نسبة خصومات من الرسوم الدراسية للقسائم" />
            </div>
        </div>

        <div class="col-12 text-center mt-2">
            <x-inputs.submit>اضافة صف جديد </x-inputs.submit>
            <x-inputs.link route="levels.index">عودة</x-inputs.link>
        </div>

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

        @endcomponent

        @endsection