@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">
                    {{ $title }}
                    {{ Form::open(['url' => 'config/subTeacherReport', 'method' => 'post']) }}
                    {{ csrf_field() }}
                    {{ Form::select('schoolName', $schools, $schoolName, ['placeholder' => '--Select School--', 'class' => 'schoolName', 'id' => 'schoolName', 'required' => '']) }}
                    {{ Form::select('result_type', $result_types, $result_type, ['placeholder' => '--Select--', 'class' => 'result_type', 'id' => 'result_type', 'required' => '']) }}
                    {{ Form::select('selectedSession', $session_list, $selectedSession, ['placeholder' => '--Select Session--', 'class' => 'sessionName', 'id' => 'sessionName', 'required' => '']) }}
                    <input type="submit" value="Go >>">
                    {{ Form::close() }}
                    <br><br>
                </div>
            </div>

            @if (count($report_data))

                <div class="container-fluid">
                    <div class="panel-body">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Subject ID</th>
                                    <th>Subject Name</th>
                                    <th>Teacher Name</th>
                                    <th>Teacher ID</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($report_data as $class => $class_section)
                                    @foreach ($class_section as $section => $mappings)
                                        <tr>
                                            <td colspan="4" style="text-align: center;font-weight:bold;"> {{ $arrClasses[$class] ?? $class }} - {{ $section }}</td>
                                        </tr>
                                        @foreach ($mappings as $mapping)
                                            <tr>
                                                <td>{{ $mapping["subject_id"] }}</td>
                                                <td>{{ $mapping["subject_name"] }}</td>
                                                <td>{{ $mapping["teacher_name"] }}</td>
                                                <td>{{ $mapping["teacher_id"] }}</td>

                                            </tr>
                                        @endforeach
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </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);
            });
            $('.teacherName').on('change', function() {
                var thisScope = this;
                var teacherName = $(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 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();
                if ((selected_session_name == '') || (selected_school_name == '') || (selected_class ==
                    '') || (selected_section == '') || (selected_teacher == '') || (selected_username ==
                    '') || (selected_password == '')) {
                    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
                    },
                    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 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);
            });

        });
    </script>
@stop