@extends('backEnd.master')
@section('title')
    @lang('student.multi_class_student')
@endsection
@section('mainContent')
<input type="hidden" name="url" id="url" value="{{ URL::to('/') }}">
    <section class="sms-breadcrumb mb-20 up_breadcrumb">
        <div class="container-fluid">
            <div class="row justify-content-between">
                <h1>@lang('student.multi_class_student')</h1>
                <div class="bc-pages">
                    <a href="{{ route('dashboard') }}">@lang('common.dashboard')</a>
                    <a href="#">@lang('student.student_information')</a>
                    <a href="#">@lang('student.multi_class_student')</a>
                </div>
            </div>
        </div>
    </section>
    <section class="admin-visitor-area up_admin_visitor">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-lg-8 col-md-6 col-sm-6">
                    <div class="main-title mt_0_sm mt_0_md">
                        <h3 class="mb-30  ">@lang('common.select_criteria')</h3>
                    </div>
                </div>
            </div>
            {{ html()->form('GET', route('student.multi-class-student'))->attributes([
                'class' => 'form-horizontal',
                'files' => true,
                'enctype' => 'multipart/form-data',
                'id' => 'infix_form',
            ])->open() }}
            <div class="row">
                <div class="col-lg-12">
                    <div class="white-box">
                        <div class="row">
                           


                            @if (moduleStatusCheck('University'))
                                @includeIf('university::common.session_faculty_depart_academic_semester_level',
                                    ['mt' => 'mt-30', 'hide' => ['USUB'], 'required' => ['USEC']])
                                <div class="col-lg-3 mt-25">
                                    <div class="input-effect sm2_mb_20 md_mb_20">
                                        <input class="primary-input" type="text" name="name"
                                            value="{{ isset($name) ? $name : '' }}">
                                        <label>@lang('student.search_by_name')</label>
                                        <span class="focus-border"></span>
                                    </div>
                                </div>
                                <div class="col-lg-3 mt-25">
                                    <div class="input-effect md_mb_20">
                                        <input class="primary-input" type="text" name="roll_no"
                                            value="{{ isset($roll_no) ? $roll_no : '' }}">
                                        <label>@lang('student.search_by_roll_no')</label>
                                        <span class="focus-border"></span>
                                    </div>
                                </div>
                            @else
                                @include('backEnd.common.academic_class_section_subject_student', [
                                    'div'=>'col-lg-3',
                                    'visiable'=>['academic', 'class', 'section', 'student'], 
                                    
                                    
                                    ])
                               
                            @endif
                            <div class="col-lg-12 mt-20 text-right">
                                <button type="submit" class="primary-btn small fix-gr-bg" id="btnsubmit">
                                    <span class="ti-search pr-2"></span>
                                    @lang('common.search')
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            {{ html()->form()->close() }}
            @if (@$student_detail)
            <div class="row mt-40 full_wide_table">
                <div class="col-lg-12">
                    <div class="row">
                            <div class="col-lg-3">
                                @includeIf('backEnd.studentInformation.inc.student_profile')
                            </div>

                            <!-- Start Student Details -->
                            <div class="col-lg-9 student-details up_admin_visitor">
                                <div class="white-box mt-40">
                                    <div class="text-right mb-20">
                                        <button class="primary-btn-small-input primary-btn small fix-gr-bg" type="button"
                                            data-toggle="modal" data-target="#assignClass"> <span
                                                class="ti-plus pr-2"></span> @lang('common.add')</button>
                                    </div>
                                    <table id="" class="table simple-table table-responsive school-table"
                                        cellspacing="0">
                                        <thead class="d-block">
                                            <tr class="d-flex">
                                                @php
                                                    $div = generalSetting()->multiple_roll == 1 ? 'col-3' : 'col-4';
                                                @endphp
                                                @if (moduleStatusCheck('University'))
                                                    <th class="col-3">@lang('university::un.faculty')</th>
                                                    <th class="col-3">@lang('university::un.department')</th>
                                                @else
                                                    <th class="{{ $div }}">@lang('common.class')</th>
                                                    <th class="{{ $div }}">@lang('common.section')</th>
                                                @endif
                                                @if (generalSetting()->multiple_roll == 1)
                                                    <th class="{{ $div }}">@lang('student.id_number')</th>
                                                @endif
                                                <th class="{{ $div }}">@lang('student.action')</th>
                                            </tr>
                                        </thead>

                                        <tbody class="d-block">
                                            @foreach ($student_detail->studentRecords as $record)
                                                <tr class="d-flex">
                                                    <td class="{{ $div }}">
                                                        {{ moduleStatusCheck('University') ? $record->unFaculty->name : $record->class->class_name }}
                                                        @if ($record->is_default)
                                                            <span class="badge fix-gr-bg">
                                                                {{ __('common.default') }}
                                                            </span>
                                                        @endif
                                                    </td>
                                                    <td class="{{ $div }}">
                                                        {{ moduleStatusCheck('University') ? $record->unDepartment->name : $record->section->section_name }}
                                                    </td>
                                                    @if (generalSetting()->multiple_roll == 1)
                                                        <td class="{{ $div }}">{{ $record->roll_no }}</td>
                                                    @endif
                                                    <td class="{{ $div }}">

                                                        <a class="primary-btn icon-only fix-gr-bg modalLink"
                                                            data-modal-size="small-modal"
                                                            title=" @if (moduleStatusCheck('University')) @lang('university::un.assign_faculty_department')
                                                    @else
                                                       @lang('student.edit_assign_class') @endif"
                                                            href="{{ route('student_assign_edit', [@$record->student_id, @$record->id]) }}"><span
                                                                class="ti-pencil"></span></a>
                                                        <a href="#" class="primary-btn icon-only fix-gr-bg"
                                                            data-toggle="modal"
                                                            data-target="#deleteRecord_{{ $record->id }}">
                                                            <span class="ti-trash"></span>
                                                        </a>
                                                    </td>
                                                </tr>




                                                {{-- record delete --}}

                                                <div class="modal fade admin-query"
                                                    id="deleteRecord_{{ $record->id }}">
                                                    <div class="modal-dialog modal-dialog-centered">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h4 class="modal-title">@lang('common.delete')</h4>
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal">&times;</button>
                                                            </div>

                                                            <div class="modal-body">
                                                                <div class="text-center">
                                                                    <h4>@lang('common.are_you_sure_to_delete')</h4>
                                                                </div>

                                                                <div class="mt-40 d-flex justify-content-between">
                                                                    <button type="button" class="primary-btn tr-bg"
                                                                        data-dismiss="modal">@lang('common.cancel')</button>

                                                                    <form action="{{ route('student.record.delete') }}"
                                                                        method="POST">
                                                                        @csrf
                                                                        <input type="hidden" name="student_id"
                                                                            value="{{ $record->student_id }}">
                                                                        <input type="hidden" name="record_id"
                                                                            value="{{ $record->id }}">

                                                                        <button type="submit"
                                                                            class="primary-btn fix-gr-bg">@lang('common.delete')</button>

                                                                    </form>

                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                                {{-- record delete --}}

                                                {{-- edit record --}}
                                            @endforeach
                                            {{-- end edit record --}}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- End Student Details -->
                    </div>
                </div>
            </div>
            <!-- assign class form modal start-->
            <div class="modal fade admin-query" id="assignClass">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">
                                @if (moduleStatusCheck('University'))
                                    @lang('university::un.assign_faculty_department')
                                @else
                                    @lang('student.assign_class')
                                @endif
                            </h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>

                        <div class="modal-body">
                            <div class="container-fluid">
                                {{ html()->form('POST', route('student.record.store'))->attributes([
                                    'class' => 'form-horizontal',
                                    'files' => true,
                                    'enctype' => 'multipart/form-data',
                                ])->open() }}


                                <input type="hidden" name="student_id" value="{{ $student_detail->id }}">
                                @if (!moduleStatusCheck('University'))
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="input-effect sm2_mb_20 md_mb_20">
                                                <select
                                                    class="niceSelect w-100 bb form-control{{ $errors->has('session') ? ' is-invalid' : '' }}"
                                                    name="session" id="academic_year">
                                                    <option data-display="@lang('common.academic_year') *" value="">
                                                        @lang('common.academic_year') *</option>
                                                    @foreach ($sessions as $session)
                                                        <option value="{{ $session->id }}"
                                                            {{ old('session') == $session->id ? 'selected' : '' }}>
                                                            {{ $session->year }}[{{ $session->title }}]</option>
                                                    @endforeach
                                                </select>
                                                <span class="focus-border"></span>
                                                @if ($errors->has('session'))
                                                    <span class="invalid-feedback invalid-select" role="alert">
                                                        <strong>{{ $errors->first('session') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-25">
                                        <div class="col-lg-12">
                                            <div class="input-effect sm2_mb_20 md_mb_20" id="class-div">
                                                <select
                                                    class="niceSelect w-100 bb form-control{{ $errors->has('class') ? ' is-invalid' : '' }}"
                                                    name="class" id="classSelectStudent">
                                                    <option data-display="@lang('common.class') *" value="">
                                                        @lang('common.class') *</option>
                                                </select>
                                                <div class="pull-right loader loader_style" id="select_class_loader">
                                                    <img class="loader_img_style"
                                                        src="{{ asset('public/backEnd/img/demo_wait.gif') }}"
                                                        alt="loader">
                                                </div>
                                                <span class="focus-border"></span>
                                                @if ($errors->has('class'))
                                                    <span class="invalid-feedback invalid-select" role="alert">
                                                        <strong>{{ $errors->first('class') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-25">
                                        <div class="col-lg-12">
                                            <div class="input-effect sm2_mb_20 md_mb_20" id="sectionStudentDiv">
                                                <select
                                                    class="niceSelect w-100 bb form-control{{ $errors->has('section') ? ' is-invalid' : '' }}"
                                                    name="section" id="sectionSelectStudent">
                                                    <option data-display="@lang('common.section') *" value="">
                                                        @lang('common.section') *</option>
                                                </select>
                                                <div class="pull-right loader loader_style" id="select_section_loader">
                                                    <img class="loader_img_style"
                                                        src="{{ asset('public/backEnd/img/demo_wait.gif') }}"
                                                        alt="loader">
                                                </div>
                                                <span class="focus-border"></span>
                                                @if ($errors->has('section'))
                                                    <span class="invalid-feedback invalid-select" role="alert">
                                                        <strong>{{ $errors->first('section') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    @includeIf('university::common.session_faculty_depart_academic_semester_level',
                                        [
                                            'mt' => 'mt-0',
                                            'required' => ['USN', 'UF', 'UD', 'UA', 'US', 'USL'],
                                            'row' => 1,
                                            'div' => 'col-lg-12',
                                            'hide' => ['USUB'],
                                        ])
                                @endif
                                @if (generalSetting()->multiple_roll == 1)
                                    <div class="row mt-25">
                                        <div class="col-lg-12">
                                            <div class="input-effect sm2_mb_20 md_mb_20">
                                                <input oninput="numberCheck(this)" class="primary-input" type="text"
                                                    id="roll_number" name="roll_number"
                                                    value="{{ old('roll_number') }}">
                                                <label>
                                                    {{ moduleStatusCheck('Lead') == true ? __('lead::lead.id_number') : __('student.roll') }}
                                                    @if (is_required('roll_number') == true)
                                                        <span> *</span>
                                                    @endif
                                                </label>
                                                <span class="focus-border"></span>
                                                <span class="text-danger" id="roll-error" role="alert">
                                                    <strong></strong>
                                                </span>
                                                @if ($errors->has('roll_number'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('roll_number') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <div class="row  mt-25">
                                    <div class="col-lg-12">
                                        <label for="is_default">@lang('student.is_default')</label>
                                        <div class="d-flex radio-btn-flex mt-10">

                                            <div class="mr-30">
                                                <input type="radio" name="is_default" id="isDefaultYes" value="1"
                                                    class="common-radio relationButton">
                                                <label for="isDefaultYes">@lang('common.yes')</label>
                                            </div>
                                            <div class="mr-30">
                                                <input type="radio" name="is_default" id="isDefaultNo" value="0"
                                                    class="common-radio relationButton" checked>
                                                <label for="isDefaultNo">@lang('common.no')</label>
                                            </div>

                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-12 text-center mt-20">
                                    <div class="mt-40 d-flex justify-content-between">
                                        <button type="button" class="primary-btn tr-bg"
                                            data-dismiss="modal">@lang('admin.cancel')</button>
                                        <button class="primary-btn fix-gr-bg submit" id="save_button_query"
                                            type="submit">@lang('admin.save')</button>
                                    </div>
                                </div>
                                {{ html()->form()->close() }}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!-- assign class form modal end-->
            @endif
        </div>
    </section>
@endsection

@push('script')
<script>
     $(document).ready(function() {
        $("#assign_class_academic_year").on(
            "change",
            function() {
                var url = $("#url").val();
                var i = 0;
                var formData = {
                    id: $(this).val(),
                };
                
                alert($(this).val());
                // get section for student
                $.ajax({
                    type: "GET",
                    data: formData,
                    dataType: "json",
                    url: url + "/" + "academic-year-get-class",

                    beforeSend: function() {
                        $('#select_class_loader').addClass('pre_loader');
                        $('#select_class_loader').removeClass('loader');
                    },

                    success: function(data) {
                        $("#classSelectStudent").empty().append(
                            $("<option>", {
                                value:  '',
                                text: window.jsLang('select_class') + ' *',
                            })
                        );

                        if (data[0].length) {
                            $.each(data[0], function(i, className) {
                                $("#classSelectStudent").append(
                                    $("<option>", {
                                        value: className.id,
                                        text: className.class_name,
                                    })
                                );
                            });
                        } 
                        $('#classSelectStudent').niceSelect('update');
                        $('#classSelectStudent').trigger('change');
                    },
                    error: function(data) {
                        console.log('Error:', data);
                    },
                    complete: function() {
                        i--;
                        if (i <= 0) {
                            $('#select_class_loader').removeClass('pre_loader');
                            $('#select_class_loader').addClass('loader');
                        }
                    }
                });
            }
        );
    });
</script>
    
@endpush