@extends('admin::layouts.plane')
@section('page_heading') {{$title}} @endsection
@section('content')
        <div class="col-lg-12">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Marks Window Open/Close </h1>
                    {{ Form::open(array('url' => 'config/marks-window', 'method' => 'post')) }}
                    {{ csrf_field() }}
                    {{ Form::select('schoolName', $schools, $schoolName, ['placeholder' => '--Select School--', 'class' => 'schoolName', 'id' => 'schoolName', 'required' => '']) }}
                    {{ Form::select('examinationType', ["Pre Mid Term"=>"Pre Mid Term","Half Yearly"=>"Half Yearly","Post Mid Term"=>"Post Mid Term","Final"=>"Final"], '', ['placeholder' => '--Examination Type--', 'class' => 'examinationType ', 'id' => 'examinationType', 'required' => '']) }}
                    {{ Form::select('staffType', ['Teacher','Observer'], '', ['placeholder' => '--Staff Type--', 'class' => 'staffType', 'id' => 'staffType', 'required' => '']) }}
                    <input type="submit" value="Submit >>">
                    {{ Form::close() }}
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <br>
            @php
            if(count($schoolName)) {
            @endphp
            <div class="row">
                <div class="col-lg-10">
                    <div class="panel panel-default">
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="list-group">  
                            {{ Form::open(array('url' => 'feeadminpanel/concession-window', 'method' => 'post')) }}
                            {{ csrf_field() }}
                             <table class="table" id="mytable">
                                @php $i = 1; @endphp
                                <tr>
                                    <th><input type="checkbox" id="checkall"/>&nbsp;All</th><th>Class</th><th>Section</th><th>Staff Name</th><th class="col-sm-2">Start Date: {{ Form::date('startDate', '', ['class' => 'input-sm startDate', 'id' => 'startDate']) }}</th><th class="col-sm-2">End Date: {{ Form::date('startDate', '', ['class' => 'input-sm startDate', 'id' => 'startDate']) }}</th><th><button type="submit" class="btn btn-info form-control">Submit</button></th></tr>
                                @foreach($schools as $key => $value) 
                                <tr>
                                    <td><input type="checkbox" class="checkthis" name="row_id[]" value=" "></td>
                                    <td> </td>
                                    <td> </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                @php $i++; @endphp
                             @endforeach
                             <tr><td><button type="submit" class="btn btn-info form-control">Submit</button></td></tr>
                             </table>
                             {{ Form::close() }}
                            </div>
                            <!-- /.list-group -->
                        </div>
                        <!-- /.panel-body -->
                    </div></div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->
           
            </div>
            <!-- /.row -->
            <!-- /.row -->
            @php
                }
        @endphp    
        </div>
        <!-- /#page-wrapper -->
<style>
    .input-sm {
  font-size: 14px;
  height: 100%;
  width: 100%;
  color: #000;
}
</style>
<script type="text/javascript">
    $(document).ready(function () {
        $('.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 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);
            $(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);
        });

        $('.saveRecord').on('click', function () {
            var thisScope = this;
            //var school_id = $(this).val();
            var school_id = $(thisScope).parent().parent().find(".school_class").val();
            var resultType = $(thisScope).parent().parent().find(".resultType").val();
            var teacherName = $(thisScope).parent().parent().find(".teacherName").val();
            var current_class = $(thisScope).parent().parent().find(".current_class").val();
            var subject = $(thisScope).parent().parent().find(".subject").val();
            /*
                var subject = [];
                $(thisScope).parent().parent().find(".subject option:selected").each(function(){
                var optionValue = $(this).val();
                var optionText = $(this).text();
                console.log("optionText",optionText);                
                // collect all values
                subject.push(optionValue);
            });
            */
            console.log(subject);
            var section = $(thisScope).parent().parent().find(".section").val();
            var username = $(thisScope).parent().parent().find(".username").val();
            var password = $(thisScope).parent().parent().find(".password").val();
            var startDate = $(thisScope).parent().parent().find(".startDate").val();
            var endDate = $(thisScope).parent().parent().find(".endDate").val();
            var role_id = $(thisScope).parent().parent().find(".role_id").val();
            var email = $(thisScope).parent().parent().find(".email").val();
            var emp_id = $(thisScope).parent().parent().find(".emp_id").val();
            var first_name = $(thisScope).parent().parent().find(".first_name").val();
            var last_name = $(thisScope).parent().parent().find(".last_name").val();
            var status = $(thisScope).parent().parent().find(".status").val();
            var assignAs = $(thisScope).parent().parent().find(".assignAs").val();
            if((school_id == '') || (resultType == '') || (teacherName == '') || (current_class == '') || (section == '') || (username == '') || (password == '') || (startDate == '') || (endDate == '') || (role_id == '') || (email == '') || (emp_id == '') || (first_name == '') || (last_name == '') || (status == '')){
                alert("Please choose the value.");
                return false;
                die;
            }
            var baseUrl = $('#baseUrl').val();
            $.ajax({
                url: "{{url('/')}}/config/save-emp-data",
                data: {school_id : school_id,resultType : resultType,teacherName : teacherName, current_class : current_class, section : section, username : username, password : password, startDate : startDate, endDate : endDate, role_id : role_id, email : email, emp_id : emp_id, first_name : first_name, last_name : last_name, status : status, subject : subject, assignAs : assignAs}, 
                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("User added successfully.");
                    //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+'" '+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);
            }});
        });
    });
</script>    
@stop