@extends('admin::layouts.plane')
@section('page_heading') {{$title}} @endsection
@section('content')
<div class="col-lg-12">
    <div class="panel panel-default filterable">
        <div class="panel-heading">
            <div class="panel-title font-weight-bold">
                {{ Form::open(array('url' => 'config/class-assignment', 'method' => 'post')) }}
                    {{ csrf_field() }}              
                    {{ Form::select('schoolName', $schools, $schoolName, ['placeholder' => '--Select School--', 'class' => 'schoolName', 'id' => 'schoolName', 'required' => '']) }}
                    {{ Form::select('selectedSession', $session_list, $selectedSession, ['placeholder' => '--Select Session--', 'class' => 'sessionName', 'id' => 'sessionName', 'required' => '']) }}
                    {{$title}} <input type="submit" value="Go >>">
                {{ Form::close() }}
                <br><br></div>
        </div>
        @php
        if(count($employees)) {
        @endphp
        <div class="container-fluid">
            <div class="panel-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr class="filters">
                            <th width="20">Class</th>
                            <th width="5">Section</th>
                            <th width="30">School</th>
                            <th width="70">Teacher</th>
                            <th width="95">Existing Teacher</th>
                            <th width="50">Username</th>
                            <th width="50">Password</th>
                            <th width="30">Action</th>
                        </tr>
                    </thead>
                        {{ Form::open(array('url' => 'config/class-assignment-save', 'method' => 'post')) }}
                        {{ csrf_field() }}
                    <tbody>
                            {{ Form::hidden('selected_school_name', $schoolName, ['id' => 'selected_school_name']) }}
                            {{ Form::hidden('selected_session_name', $selectedSession, ['id' => 'selected_session_name']) }}
                            @php
                                //echo "<pre>";
                                //print_r($fromSchoolExist);
                                foreach ($classSection as $key => $value) {
                            @endphp
                            <tr>
                                <td width="10%">{{$arrClasses[$value->current_class]}} {{ Form::hidden('current_class_'.$key, $value->current_class, ['class' => 'current_class']) }}</td>
                                <td width="10%">{{$value->section}}
                                    {{ Form::hidden('section_'.$key, $value->section, ['class' => 'section']) }}
                                    {{ Form::hidden('first_name_'.$key, isset($checkRecordExist[$key]->first_name)?$checkRecordExist[$key]->first_name:'', ['class' => 'first_name']) }}
                                    {{ Form::hidden('last_name_'.$key, isset($checkRecordExist[$key]->last_name)?$checkRecordExist[$key]->last_name:'', ['class' => 'last_name']) }}
                                    {{ Form::hidden('email_'.$key, isset($checkRecordExist[$key]->email)?$checkRecordExist[$key]->email:'', ['class' => 'email']) }}
                                </td>
                                @php
                                    $className = isset($value->current_class) ? $value->current_class : '';
                                    $sectionName = isset($value->section) ? $value->section : '';
                                    $teacherName = isset($checkRecordExist[$className."-".$sectionName]) ? $checkRecordExist[$className."-".$sectionName] : '';
                                @endphp
                                <td width="10%">{{ Form::select('from_school', $getAllSchool, (isset($fromSchoolExist[$className."-".$sectionName])?$fromSchoolExist[$className."-".$sectionName]:''), ['placeholder' => '--Select School--', 'class' => 'schoolId', 'id' => 'fromSchool', 'required' => '']) }}</td>
                                <td width="10%">
                                    @if($teacherName)
                                        {{ Form::select('teacherName_'.$key, [], $teacherName, ['placeholder' => '--Select--', 'class' => 'form-control input-sm teacherName select2', 'id'=> 'teacherName_'.$key]) }}
                                    @else
                                        {{ Form::select('teacherName_'.$key, [], '', ['placeholder' => '--Select--', 'class' => 'form-control input-sm teacherName select2', 'id'=> 'teacherName_'.$key]) }}
                                    @endif
                                </td>
                                <td width="10%">@php echo isset($allemployees[$teacherName]) ? $allemployees[$teacherName] : ''; @endphp</td>
                                <td width="10%">{{ Form::text('username_'.$key, isset($usernameExist[$className."-".$sectionName])?$usernameExist[$className."-".$sectionName]:'Username', ['class' => 'username','disabled' => 'disabled']) }}</td>
                                <td width="10%"><input type="password" name="password_{{$key}}" value={{isset($checkRecordExist[$key]->passwrod)?$checkRecordExist[$key]->password:'123456'}} class="password"></td>
                                <td width="10%"><input type="button" value="Save" class=".btn-xs btn-primary saveRecord">&nbsp;<!--<input type="submit" value="Change Password" class=".btn-xs btn-success">--></td>
                            </tr>
                            @php
                                }
                            @endphp
                        <!--    
                        <tr>
                            <td colspan="6" align="center"><input type="submit" value="Submit" class="btn btn-primary"></td>
                        </tr>
                        -->
                        {{ Form::close() }}
                    </tbody>
                </table>                
            </div>
        </div>
        @php
        }
        @endphp
    </div>
</div>
<style>
    .input-sm {
  font-size: 14px;
  height: 100%;
  width: 100%;
  color: #000;
}
</style>
<script type="text/javascript">
    $(document).ready(function () {
    $("#schoolName").select2();
    $('.teacherName').select2({
        
        placeholder: "Search Teacher...",
        
        
        width: '250px'
    }).on('change', function (e) {
        console.log(e.val);
    });

    $(document).on('change', '.schoolId', function(e) {
        var schoolId = this.value;
        var nextTdElement = $(this).closest('td').next(); // Get the next <td> element
        var nextSelect2 = nextTdElement.find('select'); // Find the Select2 dropdown within the next <td> element
        var nextSelect2ID = nextSelect2.attr('id'); // Get the selected value from the next Select2 dropdown
        //console.log('nextSelect2ID:', nextSelect2ID);
        var thisScope = this;
        $.ajax({
          url: "{{url('/')}}/config/getTeacherList", 
          type: "GET",
          data: {schoolId:schoolId},
          dataType: "json",
          beforeSend  : function(){
              // Show image container
              $(thisScope).parent().parent().find('.loader').show();
          },        
          success: function(data)
          {
              //console.log(data);
              $('#' + nextSelect2ID).empty();
              $.each(data, function(key3, value3) {
                $('#'+nextSelect2ID).append($("<option></option>").attr("value",key3).text(value3)); 
              });
          },
          error: function(data) {
              alert("Sorry! Some error occurred during fetch teacher list.");
              $(thisScope).parent().parent().find('.loader').hide();
              $(thisScope).parent().parent().find('.saveTeacher').hide();           
          },
          complete   : function(data){
              // Hide image container
              $(thisScope).parent().parent().find('.loader').hide();
          }
        });
    });

    $('.teacherName').on('change', function () {
        var thisScope = this;
        var teacherName = $(this).val();
        var selected_school_name = $(thisScope).parent().parent().find(".schoolId").val()??$('#selected_school_name').val();
        var from_school = $(thisScope).parent().parent().find(".schoolId").val();
        var selected_session_name = $('#selected_session_name').val();
        var selected_class = $(thisScope).parent().parent().find(".current_class").val();
        var selected_section = $(thisScope).parent().parent().find(".section").val();
        var baseUrl = $('#baseUrl').val();
            $.ajax({
                url: "{{url('/')}}/config/chkClassTeacherExist",
                data: {school_id : selected_school_name,emp_id : teacherName,session_name : selected_session_name}, 
                type: "POST",
                beforeSend  : function(){
                    $(thisScope).parent().parent().find("#run_is").hide();
                    $(thisScope).parent().parent().find("#loading_img").show();
                },
                success: function(result){
                if(result.success == true){
                    var mob = result.data[0].mobile_no;
                    var first_name = result.data[0].first_name;
                    var last_name = result.data[0].last_name;
                    var email = result.data[0].email;
                    $(thisScope).parent().parent().find(".username").val(mob);
                    $(thisScope).parent().parent().find(".first_name").val(first_name);
                    $(thisScope).parent().parent().find(".last_name").val(last_name);
                    $(thisScope).parent().parent().find(".email").val(email);
                }else{
                    $(thisScope).parent().parent().find(".username").val('Username');
                    $(thisScope).parent().parent().find(".teacherName").val('');
                    alert(result.message);
                }    
            }});
        });
   

   
        $('.saveRecord').on('click', function () {
            var thisScope = this;
            //var school_id = $(this).val();
            var selected_school_name = $('#selected_school_name').val();
            var selected_session_name = $('#selected_session_name').val();
            var selected_class = $(thisScope).parent().parent().find(".current_class").val();
            var selected_section = $(thisScope).parent().parent().find(".section").val();
            var selected_teacher = $(thisScope).parent().parent().find(".teacherName").val();
            var selected_username = $(thisScope).parent().parent().find(".username").val();
            var selected_password = $(thisScope).parent().parent().find(".password").val();
            var selected_email = $(thisScope).parent().parent().find(".email").val();
            var selected_first_name = $(thisScope).parent().parent().find(".first_name").val();
            var selected_last_name = $(thisScope).parent().parent().find(".last_name").val();
            var selected_from_school = $(thisScope).parent().parent().find(".schoolId").val();
            

            if((selected_session_name == '') || (selected_school_name == '') || (selected_class == '') || (selected_section == '') || (selected_teacher == '') || (selected_username == '') || (selected_password == '') || (selected_from_school == '')){
                alert("Please choose the value.");
                return false;
                die;
            }
            var baseUrl = $('#baseUrl').val();
            $.ajax({
                url: "{{url('/')}}/config/saveEmpData",
                data: {session_id : selected_session_name,school_id : selected_school_name,class : selected_class,section : selected_section, emp_id : selected_teacher, username : selected_username, password : selected_password, first_name : selected_first_name, last_name : selected_last_name, email : selected_email, from_school : selected_from_school}, 
                type: "POST",
                beforeSend  : function(){
                    $(thisScope).parent().parent().find("#run_is").hide();
                    $(thisScope).parent().parent().find("#loading_img").show();
                },
                success: function(result){
                if(result.success == true){
                    alert(result.message);
                }else{
                    //alert(result.success);
                    alert(result.message);
                }    
            }});
    });





        $('.school_class').on('change', function () {
            var thisScope = this;
            var school_id = $(this).val();
            if(school_id == ''){
                alert("Please choose the school name.")
                return false;
                die;
            }
            var baseUrl = $('#baseUrl').val();
            $.ajax({
                url: "{{url('/')}}/config/get-emp-data/"+school_id,
                dataType: "json",
                type: "GET",
                beforeSend  : function(){
                    $(thisScope).parent().parent().find("#run_is").hide();
                    $(thisScope).parent().parent().find("#loading_img").show();
                },
                success: function(result){
                if(result.success == true){
                   //alert(result.success);
                   //$(thisScope).parent().parent().find("#loading_img").hide();
                   // $(thisScope).parent().parent().find("#run_is").show();
                   //alert(result.data.length);
                        var totalData = result.data.length,
                        i = 0,
                        options = '<option value="">- Select -</option>';
                        selectedVal = '';
                    for(i; i<totalData; i++){
                        //console.log(selectedVal, '====', data[i].id);
                        if(selectedVal == result.data[i].id){
                            selected = 'selected="selected"';
                        }else{
                            selected = '';
                        }
                        options += '<option value="'+result.data[i].id+'~'+result.data[i].title+'" '+selected+'>'+result.data[i].title+'</option>';
                    }
                    //$('#'+targetSelectid).html(options);
                    $(thisScope).parent().parent().find(".teacherName").html(options);
                }else{
                    alert(result.success);
                    //$("#exception_message_"+school_id).html(result.sync_log);
                }    
                //$('#success').show(10);
            }});
        });

        $('.current_class').on('change', function () {
            var thisScope = this;
            var current_class = $(this).val();
            var result_type = $(thisScope).parent().parent().find(".resultType").val();
            //console.log(current_class);
            //console.log(result_type);
            if(current_class == ''){
                alert("Please choose the class name.")
                return false;
                die;
            }
            if(result_type == ''){
                alert("Please choose the result type.")
                return false;
                die;
            }
            var baseUrl = $('#baseUrl').val();
            $.ajax({
                url: "{{url('/')}}/config/get-subjects/"+current_class+"/"+result_type,
                dataType: "json",
                type: "GET",
                beforeSend  : function(){
                    $(thisScope).parent().parent().find("#run_is").hide();
                    $(thisScope).parent().parent().find("#loading_img").show();
                },
                success: function(result){
                if(result.success == true){
                   //alert(result.success);
                   //$(thisScope).parent().parent().find("#loading_img").hide();
                   // $(thisScope).parent().parent().find("#run_is").show();
                   //alert(result.data.length);
                        var totalData = result.data.length,
                        i = 0,
                        options = '<option value="" class="subj_select">- Select -</option>';
                        selectedVal = '';
                    for(i; i<totalData; i++){
                        //console.log(selectedVal, '====', data[i].id);
                        if(selectedVal == result.data[i].id){
                            selected = 'selected="selected"';
                        }else{
                            selected = '';
                        }
                        options += '<option value="'+result.data[i].id+'" '+selected+'>'+result.data[i].subject+'</option>';
                    }
                    //$('#'+targetSelectid).html(options);
                    $(thisScope).parent().parent().find(".subject").html(options);
                    $(thisScope).parent().parent().find(".subject").multiselect();
                }else{
                    alert(result.success);
                    //$("#exception_message_"+school_id).html(result.sync_log);
                }    
                //$('#success').show(10);
            }});
            $(thisScope).parent().parent().find(".subject").multiselect('rebuild');
        });

        // $('.teacherName').on('change', function () {
        //     var thisScope = this;
        //     var selectedOption = $(this).find("option:selected");
        //     var teacherFullName = selectedOption.text();
        //     var teacherName = $(this).val();
        //     var removeIDarray = teacherName.split("~",2);
        //     $(thisScope).parent().parent().find(".emp_id").val(removeIDarray[0]);
        //     var unix = Math.round(new Date()/1000);
        //     var email = unix+'@demo.com';
        //     $(thisScope).parent().parent().find(".email").val(email);
        //     // var getFrtNme =  removeIDarray[1].split(" ",2);
        //     var getFrtNme =  teacherFullName.split(" ",2);
        //     $(thisScope).parent().parent().find(".first_name").val(getFrtNme[0]);
        //     $(thisScope).parent().parent().find(".last_name").val(getFrtNme[1]);
        //     var cus_username = getFrtNme[0]+""+removeIDarray[0]+Math.floor(Math.random() * 16);
        //     $(thisScope).parent().parent().find(".username").val(cus_username);
        //     $(thisScope).parent().parent().find(".password").val(123456);
        // });

    });
</script>     
@stop