@extends('backEnd.master')
@section('title') 
@lang('student.student_promote')
@endsection

@push('css')
<style>
    .school-table-style tbody tr td{
        min-width: 150px;
    }
    .fa-check-icon:hover {
        cursor: pointer;
    }
</style>
@endpush

@section('mainContent')
<section class="sms-breadcrumb mb-20 up_breadcrumb">
    <div class="container-fluid">
        <div class="row justify-content-between">
            <h1>@lang('student.student_promote')</h1>
            <div class="bc-pages">
                <a href="{{route('dashboard')}}">@lang('common.dashboard')</a>
                <a href="#">@lang('student.student_information')</a>
                <a href="#">@lang('student.student_promote')</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-4 col-md-6">
                    <div class="main-title">
                        <h3 class="mb-30">@lang('common.select_criteria') </h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="white-box">
                        {{ Form::open(['class' => 'form-horizontal', 'route' => 'student-current-search', 'method' => 'GET', 'id' => 'search_promoteA']) }}
                            <div class="row">
                                <div class="col-lg-3">
                                    <label class="primary_input_label" for="">
                                        {{ __('common.academic_year') }}
                                            <span class="text-danger"> *</span>
                                    </label>
                                    <select class="primary_select form-control{{ $errors->has('current_session') ? ' is-invalid' : '' }}" name="current_session" id="academic_year">
                                        <option data-display="@lang('student.select_academic_year') *" value="">@lang('student.select_academic_year') *</option>
                                        @foreach($sessions as $session)
                                        <option value="{{$session->id}}" {{isset($current_session)? ($current_session == $session->id? 'selected':''):''}}>{{$session->year}} [{{$session->title}}]</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('current_session'))
                                    <span class="text-danger invalid-select" role="alert">
                                        {{ $errors->first('current_session') }}
                                    </span>
                                    @endif                                  
                                </div>
                                <div class="col-lg-3">
                                    <label class="primary_input_label" for="">
                                        {{ __('student.promote_session') }}
                                            <span class="text-danger"> *</span>
                                    </label>
                                    <select class="primary_select form-control{{ $errors->has('promote_session') ? ' is-invalid' : '' }}" name="promote_session" >
                                        <option data-display="@lang('student.promote_academic_year') *" value="">@lang('student.promote_academic_year') *</option>
                                        @foreach($sessions as $session)
                                        <option value="{{$session->id}}" {{isset($promote_session)? ($promote_session == $session->id? 'selected':''):''}}>{{$session->year}} [{{$session->title}}]</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('promote_session'))
                                    <span class="text-danger invalid-select" role="alert">
                                        {{ $errors->first('promote_session') }}
                                    </span>
                                    @endif                                  
                                </div>
                             
                                <div class="col-lg-3 mt-30-md">
                                    <label class="primary_input_label" for="">
                                        {{ __('student.current_class') }}
                                            <span class="text-danger"> *</span>
                                    </label>
                                    <select class="primary_select form-control{{ $errors->has('current_class') ? ' is-invalid' : '' }}" id="classSelectStudent" name="current_class">
                                        <option data-display="@lang('student.select_current_class') *" value="">@lang('student.select_current_class') *</option>
                                        @if(isset($currrent_academic_class))
                                            @foreach($currrent_academic_class as $class)
                                            <option value="{{$class->id}}" {{isset($current_class)? ($current_class == $class->id? 'selected':''):''}}>{{$class->class_name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <div class="pull-right loader loader_style" id="select_class_loader">
                                        <img class="loader_img_style" src="{{asset('/backEnd/img/demo_wait.gif')}}" alt="loader">
                                    </div>
                                    @if ($errors->has('current_class'))
                                    <span class="text-danger invalid-select" role="alert">
                                        {{ $errors->first('current_class') }}
                                    </span>
                                    @endif 
                                </div>
                                <div class="col-lg-3 mt-30-md" id="sectionStudentDiv">
                                    <label class="primary_input_label" for="">
                                        {{ __('common.section') }}
                                            <span class="text-danger"> *</span>
                                    </label>
                                    <select class="primary_select  form-control{{ $errors->has('current_section') ? ' is-invalid' : '' }}" id="sectionSelectStudent"  name="current_section">
                                        <option data-display="@lang('student.select_section')*" value="">@lang('student.select_section')</option>
                                       @isset($sections) 
                                        @foreach($sections as $section)
                                         <option  value="{{$section->sectionName !='' ?  $section->sectionName->id : ''}}" {{isset($current_section)? ($current_section == ($section->sectionName !='' ? $section->sectionName->id :'')? 'selected':''):''}} >{{$section->sectionName->section_name}}</option>
                                         @endforeach
                                       @endisset
                                    </select>
                                    <div class="pull-right loader loader_style" id="select_section_loader">
                                        <img class="loader_img_style" src="{{asset('/backEnd/img/demo_wait.gif')}}" alt="loader">
                                    </div>
                                    @if ($errors->has('current_section'))
                                    <span class="text-danger invalid-select" role="alert">
                                        {{ $errors->first('current_section') }}
                                    </span>
                                    @endif
                                </div>
                                <div class="col-lg-12 mt-20 text-right">
                                    <button type="submit" class="primary-btn small fix-gr-bg" id="search_promote">
                                        <span class="ti-search pr-2"></span>
                                        @lang('common.search')
                                    </button>
                                </div>
                            </div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </section>


    @if(isset($students))
    <section class="admin-visitor-area">
        <div class="container-fluid p-0">
            <div class="row mt-40 white-box">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-12 no-gutters">
                            <div class="main-title">
                                <h3 class="mb-30">@lang('student.promote') | 
                                    <small>
                                        @lang('student.academic_year') : {{ $search_current_academic_year !='' ? $search_current_academic_year->year .'['. $search_current_academic_year->title .']' :'' }},
                                        @lang('common.class'): {{$search_current_class != '' ? $search_current_class->class_name :' '}}, 
                                        @lang('common.section'): {{$search_current_section !='' ? $search_current_section->section_name : ' '}},
                                        <strong> @lang('student.promote_academic_year') </strong>: {{ $search_promote_academic_year !='' ? $search_promote_academic_year->year .'['. $search_promote_academic_year->title .']' :''}} 
                                    </small>
                                </h3>
                            </div>
                            @if ($errors->any())
                                <div >
                                    <div class="text-danger">{{ __('common.whoops_something_went_wrong') }}</div>
                                    <ul class="mt-1 text-danger">
                                        @foreach ($errors->all() as $error)
                                            <li> <strong>{{ $error }}</strong></li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                    </div>

                    {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => 'student-promote-store', 'method' => 'POST', 'enctype' => 'multipart/form-data', 'id' => 'student_promote_submit']) }}
                    <input type="hidden" name="current_session" value="{{$current_session}}">
                    <input type="hidden" name="pre_class" value="{{ isset($current_class) ? $current_class:''}}">
                    <input type="hidden" name="pre_section" value="{{ isset($current_section) ? $current_section:''}}">
                    <input type="hidden" name="promote_session" value="{{$promote_session}}">
                    <div class="row">
                        <div class="col-lg-12">
                            <div>
                                <table class="table school-table-style" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th width="10%">
                                           
                                                <input type="checkbox" id="checkAll" class="common-checkbox" name="checkAll">
                                                <label for="checkAll">@lang('common.all')</label>
                                            </th>
                                            <th>@lang('student.current_roll')</th>
                                            <th>@lang('student.name')</th>
                                            <th>@lang('student.promotion_type')</th> 
                                            @if (moduleStatusCheck('Alumni'))
                                                <th class="graduate_datas d-none text-center">@lang('student.mark_as_graduate')</th>  
                                            @endif                         
                                            <th class="class_datas">@lang('student.promote_class')</th>           
                                            <th class="class_datas">@lang('student.promote_section')</th>                           
                                            <th class="class_datas">@lang('student.next_roll_number')</th>
                                        </tr>
                                    </thead>
    
                                    <tbody>
                                        @foreach($students  as $key=>$student)
                                        <tr>
                                            <td>
                                                <input type="checkbox" id="student_{{$student->id}}" class="common-checkbox promote_check" name="promote[{{$student->id}}][student]" value="{{$student->id}}">
                                                <label for="student_{{$student->id}}"></label>
                                            </td>
                                        
                                            <td> <a href="{{route('student_view',[$student->id]) }}"  target="_blank" rel="noopener noreferrer">  <h5 style="color:#A235EC">{{$student->studentRecord->roll_no == 0 ? '' : $student->studentRecord->roll_no }}
                                            </h5></a> </td>
                                            <td>{{  $student->first_name .' '.$student->last_name }}</td>
                                            <td>
                                                <select class="primary_select form-control promote_type" data-student-id="{{ $student->id }}">
                                                    <option data-display="@lang('student.select_promotion_type') *" value="">@lang('student.select_promotion_type') *</option>
                                                    <option value="next_class" {{ $student->studentRecords->isNotEmpty() || ($student->studentRecords->first() && $student->studentRecords->first()->is_graduate == 0) ? 'selected' : '' }}> {{ __('student.next_class')}} </option>
                                                    @if (moduleStatusCheck('Alumni'))
                                                        <option value="graduate" {{ $student->studentRecords->isNotEmpty() && $student->studentRecords->first()->is_graduate == 1 ? 'selected' : '' }}>{{ __('student.graduate')}}</option>
                                                    @endif
                                                </select>
                                            </td> 

                                            <td class="graduate_datas d-none text-center" data-student-id="{{ $student->id }}">
                                                <input type="checkbox" name="is_graduate" value="1" class="is_graduate_checkbox"
                                                    @if($student->studentRecords->isNotEmpty() && $student->studentRecords->first()->is_graduate == 1) checked @endif>
                                            </td>
                                            <td class="class_datas">
                                                <div class="row">
                                                    <div class="col-lg-12">
    
                                                        <select class="primary_select form-control {{ $errors->has('class') ? ' is-invalid' : '' }} promote_class" id="promote_class" data-key="{{ $key }}" name="promote[{{$student->id}}][class]">
                                                            <option data-display="@lang('student.select_class') *" value="">@lang('student.select_class') *</option>
                                                            @foreach($classes as $class)
                                                                <option value="{{ @$class->id}}"  {{ ( ($next_class && $next_class->id == $class->id) ? "selected":"")}}>{{ $class->class_name}}</option>
                                                            @endforeach
                                                        </select>
                                                        @if ($errors->has('class'))
                                                            <span class="text-danger invalid-select" role="alert">
                                                                {{ $errors->first('class') }}
                                                            </span>
                                                        @endif
    
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="class_datas">
                                                <div class="row">
                                                    <div class="col-lg-12" id="promote_section_div{{ $key }}">
                                                        <select class="primary_select form-control{{ $errors->has('section') ? ' is-invalid' : '' }} promote_section" id="promote_section{{ $key }}"   name="promote[{{$student->id}}][section]">
                                                            <option data-display="@lang('student.select_section') *" value="">@lang('student.select_section') *
                                                            </option>
                                                            @if($next_sections)
                                                                @foreach ($next_sections as $section)
                                                                    <option  value="{{ $section->sectionWithoutGlobal->id }}">{{ $section->sectionWithoutGlobal->section_name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        <div class="pull-right loader loader_style select_section_promote" id="select_section_promote{{ $key }}">
                                                            <img class="loader_img_style" src="{{asset('/backEnd/img/demo_wait.gif')}}" alt="loader">
                                                        </div>
                                                        @if ($errors->has('section'))
                                                            <span class="text-danger invalid-select" role="alert">
                                                                {{ $errors->first('section') }}
                                                            </span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="class_datas"> 
                                                <div class="row">
                                                    <div class="col-lg-12"> 
                                                        <div class="primary_input">
                                                        <input class="primary_input_field form-control{{ @$errors->has('name') ? ' is-invalid' : '' }} promote_roll_number" type="number" name="promote[{{$student->id}}][roll_number]" autocomplete="off">
                                                            
                                                        <span class="text-danger errorExitRoll"></span>  
                                                        
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @if(userPermission('student-promote-store'))
                            <div class="col-lg-12 mt-5 text-center">
                                <button type="submit" class="primary-btn fix-gr-bg" id="student_promote_submit">
                                    <span class="ti-check"></span>
                                    @lang('student.promote')
                                </button>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif

@endsection
@section('script')

<script>
    $(document).ready(function () {
        $('.promote_type').change(function () {
            var selectedOption = $(this).val();
            var studentId = $(this).data('student-id');
            var row = $(this).closest('tr');
            
            if (selectedOption === 'next_class') {
                row.find('.graduate_datas').addClass('d-none');
                row.find('.class_datas').removeClass('d-none');
            } else if (selectedOption === 'graduate') {
                row.find('.graduate_datas').removeClass('d-none');
                row.find('.class_datas').addClass('d-none');
            }
        });

        $('.promote_type').trigger('change');
        
        $('.promote_check').change(function () {
            var isChecked = $(this).prop('checked');
            var row = $(this).closest('tr');
            row.find('.is_graduate_checkbox').prop('checked', isChecked);
        });

        $('.is_graduate_checkbox').change(function () {
            var isChecked = $(this).prop('checked');
            var row = $(this).closest('tr');
            row.find('.promote_check').prop('checked', isChecked);
        });
    });
</script>

<script>
    $(document).ready(function(){
        $(document).on('change', '.promote_section', function () {
            $(this).closest('tr').find('.promote_check').prop('checked',true); 
        });

        $(document).on('keyup', '.promote_roll_number', function () {
                var url          = $("#url").val();
                var class_id     =  $(this).closest('tr').find('.promote_class').val();
                var section_id   =  $(this).closest('tr').find('.promote_section').val();
                var promote_roll_number   =  $(this).closest('tr').find('.promote_roll_number').val();

              if(class_id ==''){

                 var class_error_msg='Please select Class';
                $(this).closest('tr').find('.errorExitRoll').delay(3000).fadeOut('slow').html(class_error_msg);
              
              }
               if(section_id ==''){
            
                var class_error_msg='Please select Section';
                $(this).closest('tr').find('.errorExitRoll').delay(3000).fadeOut('slow').html(class_error_msg);
                
              }

              var formData = {
                   class_id : class_id,
                   section_id : section_id,
                   promote_roll_number : promote_roll_number,
                 };

            var $this = $(this);
          
            $.ajax({
                type: "GET",
                data: formData,
                dataType: "json",
                url: url + "/" + "ajaxStudentRollCheck",
                                                   
            success: function(data) {                             
                  console.log(data);
                    if(data > 0){
                        var error_msg='Roll Already Exit';
                        $this.closest('tr').find('.errorExitRoll').delay(5000).fadeOut('slow').html(error_msg); 
                    }                                
                },                              
            error: function(data) {
                
              },
                                                
            });
        });
    })
</script>
@endsection
@include('backEnd.partials.date_picker_css_js')