{% include 'layouts/header.html' %}

<div class="page-wrapper">
    <!-- ============================================================== -->
    <!-- Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-12 d-flex no-block align-items-center">
                <h4 class="page-title"> રિપોટૅ </h4>
                <div class="ml-auto text-right">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/home">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page"> રિપોટૅ </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Container fluid  -->
    <!-- ============================================================== -->
    <div class="container-fluid" id="all_year_info">
        <!-- ============================================================== -->
        <!-- Start Page Content -->
        <!-- ============================================================== -->
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-12">
                <div class="card" id="year_data">
                    
                </div>
            </div>
            <!--<div class="col-md-2"></div>-->
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card table_year_data">
                    <div class="card-body" id="search_view_data">
                        <h5 class="card-title m-b-0"> પરિશિષ્ઠ – A  ની માહિતી </h5>
                        <div class="row" style="padding-left: 10px;padding-right: 15px;margin-top: 10px;">

                            <label class="card-title col-sm-1" style="padding-top: 10px;"> Search by </label>
                            <select class="form-control col-sm-2" id="search_select_year" style="height:36px;margin-right: 10px" tabindex="1" aria-hidden="true">
                                <option value="શૈક્ષણિક વર્ષ પસંદ કરો" id="0">શૈક્ષણિક વર્ષ પસંદ કરો</option>

                                {% for j in year_data %}
                                <option value="{{ j.year}}" id="{{ j.id}}">{{ j.year}}</option>
                                {% endfor %}
                            </select>
                            <select class="form-control col-sm-2" id="search_select_std" style="height:36px;margin-right: 10px" tabindex="2" aria-hidden="true">
                                <option value="ધોરણ પસંદ કરો" disabled selected id="0">ધોરણ પસંદ કરો</option>
                            </select>
                            <select class="form-control col-sm-2" id="search_select_class" style="height:36px;margin-right: 10px" tabindex="3" aria-hidden="true">
                                <option value="વર્ગ પસંદ કરો" disabled selected id="0">વર્ગ પસંદ કરો</option>
                            </select>

                            <select class="form-control col-sm-2" id="search_select_subject" style="width: 100%; height:36px;margin-right: 10px" tabindex="4" aria-hidden="true">
                                <option value="વિષય પસંદ કરો" disabled selected id="0">વિષય પસંદ કરો</option>
                            </select>

                            <select class="form-control col-sm-2" id="search_select_semester" style="height:36px;" tabindex="5" aria-hidden="true">
                                <option value="વર્ગ પસંદ કરો" disabled selected id="0">સત્ર પસંદ કરો</option>
                            </select>
                        </div>
                        <div class="row" style="padding-left: 10px;padding-right: 15px;margin-top: 10px;">
                            <label class="col-sm-9"></label>
                            <select class="form-control col-sm-2" id="search_select_roll_no" style="height:36px;margin-left: 40px" tabindex="6" aria-hidden="true">
                                <option value="હાજરીપત્રક નંબર પસંદ કરો" disabled selected id="0">હાજરીપત્રક નંબર પસંદ કરો</option>
                            </select>
                        </div>
                        <hr>
                        <button type="button" class="btn btn-primary exportToExcel" style="float: right;display: none" tabindex="7">Export To Excel</button>
                        <br><br>


                        <div class="table-responsive" style="max-height: 560px">
                            <table id="zero_config" class="table table-striped table-bordered table2excel table2excel_with_colors">

                                <thead style="text-align: center;">

                                    <tr style="background-color: #2255a4;color: white;text-align: center">
                                        {% if school_data!='' %}
                                        <th colspan="28"> શાળાનુ નામ  - {{school_data[0].name}}   </th>
                                        {% else %}
                                        <th colspan="28"> શાળાનુ નામ  - </th>
                                        {% endif %}
                                    </tr>
                                    <tr style="background-color: #2255a4;color: white;text-align: center">
                                        {% if school_data!='' %}
                                        <th colspan="28"> શાળાનુ સરનામું  -{{school_data[0].address}} , {{school_data[0].taluko}} , {{school_data[0].dist}}   </th>
                                        {% else %}
                                        <th colspan="28"> શાળાનુ સરનામું  - </th>
                                        {% endif %}
                                    </tr>
                                    <tr style="background-color: #2255a4;color: white" id="tr_data">
                                        <th colspan="28" style="text-align: center;font-size: 18px"> પરિશિષ્ટ - A   (રચનાત્મક મૂલ્યાંકન) </th>
                                        <!--<th colspan="1"  id="last_line">  </th>-->
                                    </tr>

                                    <tr style="background-color: #2255a4;color: white" id="tr_data">
                                        <th colspan="5" style="text-align: right" id="tbl_year"> શૈક્ષણિક વર્ષ -  </th>
                                        <th colspan="3" id="tbl_std"> ધોરણ -  </th>
                                        <th colspan="2" style="white-space: nowrap;" id="tbl_class"> વર્ગ -  </th>
                                        <th colspan="5" id="tbl_subject"> વિષય -  </th>
                                        <th colspan="13" id="tbl_sem" style="text-align: left"> સત્ર -  </th>
                                        <!--<th colspan="1"  id="last_line">  </th>-->
                                    </tr>

                                    <tr style="background-color: #2255a4;color: white">

                                        <th rowspan="2"> ક્રમ નં </th>
                                        <th rowspan="2"> હાજરીપત્રક નં </th>
                                        <th rowspan="2" style="white-space: nowrap;"> વિદ્યાર્થીનું નામ </th>
                                        <th rowspan="2"> સત્ર </th>

                                        <th colspan="20" style="text-align: center;padding: 10px;"> અધ્યયન ઉપલબ્ધિઓ(મહત્તમ ર૦) </th>
                                        <th colspan="3"  style="text-align: center;padding: 10px;"> વિધાર્થીઓએ મેળવેલ જે તે નિશાનીઓની કુલ સંખ્યા  </th>

                                        <th rowspan="2" class="rotate"><div class="total_data"> ૪૦ માંથી મેળવેલ કુલ ગુણ </div></th>

                                        <!--<th rowspan="4"> Actions </th>-->
                                    </tr>
                                    <tr style="background-color: #2255a4;color: white;">

                                        <!--1-->
                                        <th class="rotate"><div> હેતુ – ૧ </div></th>
                                        <th class="rotate"><div> હેતુ - ૨ </div></th>
                                        <th class="rotate"><div> હેતુ - ૩ </div></th>
                                        <th class="rotate"><div> હેતુ – ૪ </div></th>
                                        <th class="rotate"><div> હેતુ – ૫ </div></th>
                                        <th class="rotate"><div> હેતુ – ૬ </div></th>
                                        <th class="rotate"><div> હેતુ – ૭ </div></th>
                                        <th class="rotate"><div> હેતુ – ૮</div></th>

                                        <th class="rotate"><div> હેતુ – ૯ </div></th>
                                        <th class="rotate"><div> હેતુ - ૧૦ </div></th>
                                        <th class="rotate"><div> હેતુ – ૧૧ </div></th>
                                        <th class="rotate"><div> હેતુ - ૧૨ </div></th>
                                        <th class="rotate"><div> હેતુ - ૧૩ </div></th>
                                        <th class="rotate"><div> હેતુ – ૧૪ </div></th>

                                        <th class="rotate"><div> હેતુ – ૧૫ </div></th>
                                        <th class="rotate"><div> હેતુ – ૧૬ </div></th>
                                        <th class="rotate"><div> હેતુ – ૧૭ </div></th>
                                        <th class="rotate"><div> હેતુ – ૧૮ </div></th>

                                        <th class="rotate"><div> હેતુ – ૧૯ </div></th>
                                        <th class="rotate"><div> હેતુ - ૨૦ </div></th>


                                        <th><div><b style="font-size: 24px"> √ </b></div></th>
                                        <th><div><b style="font-size: 24px"> X </b></div></th>
                                        <th><div><b style="font-size: 24px"> ? </b></div></th>

                                    </tr>

                                </thead>
                                <tbody id="tablebody" style="text-align: center;height: 420px;">
                                <script type="text/javascript">
                                    var sr = 1;
                                </script>
                                {% for j in mark_calculation %}
                                <tr id="{{ j.id }}" style="background-color: #d0dee9;">
                                    <td></td>
                                    <td>{{ j.roll_no }}</td>
                                    <td style="white-space: nowrap;"> {{ j.name }} </td>

                                    {% if j.sem_name=='સત્ર ૧' %}
                                    <td id="sem_name" name="{{ j.sem_name }}">1</td>

                                    <td>{{ j.hetu_1 }}</td>
                                    <td>{{ j.hetu_2 }}</td>
                                    <td>{{ j.hetu_3 }}</td>
                                    <td>{{ j.hetu_4 }}</td>
                                    <td>{{ j.hetu_5 }}</td>
                                    <td>{{ j.hetu_6 }}</td>
                                    <td>{{ j.hetu_7 }}</td>
                                    <td>{{ j.hetu_8 }}</td>
                                    <td>{{ j.hetu_9 }}</td>
                                    <td>{{ j.hetu_10 }}</td>
                                    <td>{{ j.hetu_11 }}</td>
                                    <td>{{ j.hetu_12 }}</td>
                                    <td>{{ j.hetu_13 }}</td>
                                    <td>{{ j.hetu_14 }}</td>
                                    <td>{{ j.hetu_15 }}</td>
                                    <td>{{ j.hetu_16 }}</td>
                                    <td>{{ j.hetu_17 }}</td>
                                    <td>{{ j.hetu_18 }}</td>
                                    <td>{{ j.hetu_19 }}</td>
                                    <td>{{ j.hetu_20 }}</td>

                                    <td>{{ j.nishani_1_total }}</td>
                                    <td>{{ j.nishani_2_total }}</td>
                                    <td>{{ j.nishani_3_total }}</td>
                                    <td>{{ j.sem_2_total_marks }}</td>


                                    <td style="float: none;text-align: center">
                                        <a class="a-inside edit" id="{{ j.id }}" name="{{ j.stu_id }}" style="padding-right: 30px">
                                            <i class="fas fa-edit" title="Edit"> </i>
                                        </a>
                                        <a class="a-inside delete_set_id" data-toggle="modal" data-target="#myModal" id="{{ j.id }}" name="{{ j.stu_id }}">
                                            <i class="far fa-window-close" title="Delete"> </i>
                                        </a>
                                    </td>



                                    {% elseif j.sem_name=='સત્ર ૨' %}

                                    <td>2</td>

                                    <td>{{ j.hetu_1 }}</td>
                                    <td>{{ j.hetu_2 }}</td>
                                    <td>{{ j.hetu_3 }}</td>
                                    <td>{{ j.hetu_4 }}</td>
                                    <td>{{ j.hetu_5 }}</td>
                                    <td>{{ j.hetu_6 }}</td>
                                    <td>{{ j.hetu_7 }}</td>
                                    <td>{{ j.hetu_8 }}</td>
                                    <td>{{ j.hetu_9 }}</td>
                                    <td>{{ j.hetu_10 }}</td>
                                    <td>{{ j.hetu_11 }}</td>
                                    <td>{{ j.hetu_12 }}</td>
                                    <td>{{ j.hetu_13 }}</td>
                                    <td>{{ j.hetu_14 }}</td>
                                    <td>{{ j.hetu_15 }}</td>
                                    <td>{{ j.hetu_16 }}</td>
                                    <td>{{ j.hetu_17 }}</td>
                                    <td>{{ j.hetu_18 }}</td>
                                    <td>{{ j.hetu_19 }}</td>
                                    <td>{{ j.hetu_20 }}</td>




                                    {% if j.nishani_1_total==0 && j.nishani_2_total==0 && j.nishani_2_total==0 %}
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    {% else %}
                                    <td>{{ j.nishani_1_total }}</td>
                                    <td>{{ j.nishani_2_total }}</td>
                                    <td>{{ j.nishani_3_total }}</td>
                                    <td>{{ j.sem_2_total_marks }}</td>
                                    {% endif %}

                                    <td style="float: none;text-align: center">
                                        <a class="a-inside edit" id="{{ j.id }}" name="{{ j.stu_id }}" style="padding-right: 30px">
                                            <i class="fas fa-edit" title="Edit"> </i>
                                        </a>
                                        {% if j.nishani_1_total==0 && j.nishani_2_total==0 && j.nishani_2_total==0 %}

                                        {% else %}
                                        <a class="a-inside delete_set_id" data-toggle="modal" data-target="#myModal" id="{{ j.id }}" name="{{ j.stu_id }}">
                                            <i class="far fa-window-close" title="Delete"> </i>
                                        </a>
                                        {% endif %}

                                    </td>
                                    {% else %}

                                    <td></td>

                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>

                                    <td style="float: none;text-align: center">
                                        <a class="a-inside edit" id="{{ j.id }}" name="{{ j.stu_id }}" style="padding-right: 30px">
                                            <i class="fas fa-edit" title="Edit"> </i>
                                            <!--                                            </a>
                                                                                        <a class="a-inside delete_set_id" data-toggle="modal" data-target="#myModal" id="{{ j.id }}" name="{{ j.stu_id }}">
                                                                                            <i class="far fa-window-close" title="Delete"> </i>
                                                                                        </a>-->
                                    </td>
                                    {% endif %}
                                </tr>

                                {% endfor %}
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- footer -->
    <!-- ============================================================== -->
    <footer class="footer text-center">
        All Rights Reserved by Rudra-infotech. Designed and Developed by <a href="http://rudra-infotech.com/">Rudra Infotech</a>.
    </footer>
    <!-- ============================================================== -->
    <!-- End footer -->
    <!-- ============================================================== -->
</div>

<!-- ============================================================== -->
<!-- End Page wrapper  -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
                <h4 class="modal-title">Confirmation</h4>
            </div>
            <div class="modal-body">
                <p style="color: red"> are you sure you want to delete this record? </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger delete" data-dismiss="modal">Delete</button>
                <button type="button" class="btn btn-default close_model" data-dismiss="modal">Cancel</button>
            </div>
        </div>

    </div>
</div>

<div class="modal fade" id="myModal_msg" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
                <h4 class="modal-title">Message</h4>
            </div>
            <div class="modal-body">
                <p style="color: green"> * Record Successfully Deleted. </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Ok</button>
            </div>
        </div>

    </div>
</div>
<!--open model-->
<!--<link rel="stylesheet" href="model_bootstrap/css/bootstrap.min.css">-->
<script src="model_bootstrap/js/jquery.min.js"></script>
<script src="model_bootstrap/js/bootstrap.min.js"></script>

<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="assets/extra-libs/sparkline/sparkline.js"></script>
<!--Wave Effects -->
<script src="dist/js/waves.js"></script>
<!--Menu sidebar -->
<script src="dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="dist/js/custom.min.js"></script>
<!-- This Page JS -->
<script src="assets/libs/inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
<script src="dist/js/pages/mask/mask.init.js"></script>
<script src="assets/libs/select2/dist/js/select2.full.min.js"></script>
<script src="assets/libs/select2/dist/js/select2.min.js"></script>
<script src="assets/libs/jquery-asColor/dist/jquery-asColor.min.js"></script>
<script src="assets/libs/jquery-asGradient/dist/jquery-asGradient.js"></script>
<script src="assets/libs/jquery-asColorPicker/dist/jquery-asColorPicker.min.js"></script>
<script src="assets/libs/jquery-minicolors/jquery.minicolors.min.js"></script>
<script src="assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="assets/libs/quill/dist/quill.min.js"></script>


<script src="export/jquery.table2excel.js"></script>

<style>
    /*for print serial no in table*/
    /*    body
        {
            counter-reset: Serial;           
        }*/
    table
    {
        border-collapse: separate;
    }
    /*    tr td:first-child:before
        {
            counter-increment: Serial;
            content:  counter(Serial);
        }*/


    th.rotate {
        /* Something you can count on */
        height: 110px;
        white-space: nowrap;
    }

    th.rotate > div {
        transform: 
            /* Magic Numbers */
            /*translate(25px, 51px)*/
            translate(2px, 8px)
            /* 45 is really 360 - 45 */
            rotate(-91deg);
        /*rotate(315deg);*/
        width: 30px;
    }

    th.rotate > div.vyakti_data {
        transform: 
            /* Magic Numbers */
            /*translate(25px, 51px)*/
            translate(2px, 95px)
            /* 45 is really 360 - 45 */
            rotate(-91deg);
        /*rotate(315deg);*/
        width: 30px;
    }

    th.rotate > div.total_data {
        transform: 
            /* Magic Numbers */
            /*translate(25px, 51px)*/
            translate(2px, 80px)
            /* 45 is really 360 - 45 */
            rotate(-91deg);
        /*rotate(315deg);*/
        width: 30px;
    }

    th.rotate > div > span {
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
    }

</style>
<script type="text/javascript">

                                        $(document).ready(function () {
////

                                            $(document.body).on('click', '.exportToExcel', function (e) {
                                                $('#last_line').remove();
                                                var table = $('.table2excel');
                                                if (table && table.length) {
//            var preserveColors = (table.hasClass('table2excel_with_colors') ? true : false);
                                                    var preserveColors = (table.hasClass('table2excel_with_colors') ? false : true);
                                                    $(table).table2excel({
                                                        exclude: ".noExl",
                                                        name: "Excel Document Name",
                                                        filename: "પરિશિષ્ઠ – A ની માહિતી_" + new Date().toUTCString().replace(/[\-\:\.]/g, "") + ".xls",
                                                        fileext: ".xls",
                                                        exclude_img: true,
                                                        exclude_links: true,
                                                        exclude_inputs: true,
                                                        preserveColors: preserveColors
                                                    });
                                                }
                                                $('#tr_data').append('<th colspan="1" id="last_line">  </th>')
                                            });

                                            $(document.body).on('change', '#search_select_roll_no', function (e) {
                                                var id = $('#search_select_roll_no').find('option:selected').attr('id');
//        var std_val = $(this).find('option:selected').attr('value');

                                                var class_id = $('#search_select_class').find('option:selected').attr('id');
                                                var class_value = $('#search_select_class').find('option:selected').attr('value');

                                                var year_id = $('#search_select_year').find('option:selected').attr('id');
                                                var std_id = $('#search_select_std').find('option:selected').attr('id');
                                                var std_value = $('#search_select_std').find('option:selected').attr('value');
                                                var year_value = $('#search_select_year').find('option:selected').attr('value');

                                                var sem_id = $('#search_select_semester').find('option:selected').attr('id');
                                                var sem_value = $('#search_select_semester').find('option:selected').attr('value');

                                                var subject_id = $('#search_select_subject').find('option:selected').attr('id');
                                                var subject_value = $('#search_select_subject').find('option:selected').attr('value');

                                                var data = {};
                                                data.id = id;
                                                data.std_id = std_id;
                                                data.class_id = class_id;
                                                data.year_id = year_id;
                                                data.subject_id = subject_id;
                                                data.sem_name = sem_value;

                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_parishisth_A/select_data_roll_no_a',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#tablebody').html('');
                                                        $('#tablebody').html(data);
                                                        
                                                        
//                                                        $('#disp_data1').remove();
//                                                            $('#disp_data2').remove();
//                                                            $('#disp_data3').remove();
//                                                            $('#actions').remove();
//                                                            $('#last_line').remove();
//                                                            $('.action_col_data_last').remove();
                                                            $('.action_col_data').remove();
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })

                                            $(document.body).on('change', '#search_select_subject', function (e) {

                                                var subject_value = $('#search_select_subject').find('option:selected').attr('value');
                                                var subject_id = $('#search_select_subject').find('option:selected').attr('id');
                                                $("#display_subject_name").val(subject_value);
                                                $("#display_subject_name").attr('name', subject_id);
                                            });

                                            $(document.body).on('change', '#search_select_class', function (e) {
                                                var html = '<option value="વર્ગ પસંદ કરો" disabled selected id="0">સત્ર પસંદ કરો</option><option value="સત્ર ૧" id="1"> સત્ર ૧ </option><option value="સત્ર ૨" id="2"> સત્ર ૨ </option>';
                                                $('#search_select_semester').html('');
                                                $('#search_select_semester').html(html);

                                                var class_value = $('#search_select_class').find('option:selected').attr('value');
                                                var class_id = $('#search_select_class').find('option:selected').attr('id');
                                                $("#display_class_name").val(class_value);
                                                $("#display_class_name").attr('name', class_id);
                                            });

                                            $(document.body).on('change', '#search_select_semester', function (e) {
//        alert($('#search_select_std').find('option:selected').attr('id'));
//        alert($(this).find('option:selected').attr('value'));
                                                var sem_id = $('#search_select_semester').find('option:selected').attr('id');
                                                var sem_value = $('#search_select_semester').find('option:selected').attr('value');

                                                var subject_id = $('#search_select_subject').find('option:selected').attr('id');
                                                var subject_value = $('#search_select_subject').find('option:selected').attr('value');

                                                var class_value = $('#search_select_class').find('option:selected').attr('value');

                                                var class_id = $('#search_select_class').find('option:selected').attr('id');
                                                var year_id = $('#search_select_year').find('option:selected').attr('id');
                                                var std_id = $('#search_select_std').find('option:selected').attr('id');
                                                var std_value = $('#search_select_std').find('option:selected').attr('value');
                                                var year_value = $('#search_select_year').find('option:selected').attr('value');

                                                if (year_id == 0 || year_id == '0')
                                                {

                                                } else if (std_id == 0 || std_id == '0')
                                                {

                                                } else if (class_id == 0 || class_id == '0')
                                                {

                                                } else if (subject_id == 0 || subject_id == '0')
                                                {

                                                } else if (sem_id == 0 || sem_id == '0')
                                                {

                                                } else {
//            alert('success ');

                                                    var data = {};
                                                    data.id = sem_id;
                                                    data.year_id = year_id;
                                                    data.std_id = std_id;
                                                    data.class_id = class_id;
                                                    data.subject_id = subject_id;
                                                    data.sem_name = sem_value;
                                                    data.year_name = year_value;
                                                    data.std_name = std_value;
                                                    data.class_name = class_value;
                                                    data.subject_name = subject_value;

                                                    $.ajax({
                                                        cache: false,
                                                        type: 'POST',
                                                        async: false,
                                                        data: JSON.stringify(data),
                                                        contentType: 'application/json',
                                                        url: '/manage_parishisth_A/view_year_class',
                                                        success: function (data) {
                                                            debugger;
//                    alert('data ' + data);
                                                            $('#search_view_data').html('');
                                                            $('#search_view_data').html(data);

                                                            $("#search_select_year").val(year_value);
                                                            $("#search_select_std").val(std_value);
                                                            $("#search_select_class").val(class_value);
                                                            $("#search_select_subject").val(subject_value);
                                                            $("#search_select_semester").val(sem_value);
                                                            
                                                            $('#disp_data1').remove();
                                                            $('#disp_data2').remove();
                                                            $('#disp_data3').remove();
                                                            $('#actions').remove();
                                                            $('#last_line').remove();
                                                            $('.action_col_data_last').remove();
                                                            $('.action_col_data').remove();
                                                            $('#title_name').html('પરિશિષ્ઠ – A  ની માહિતી');

                                                        }, error: function (xhr, err) {
                                                            alert('Error ' + err.message);
                                                        }
                                                    });
                                                }
                                            })
//    
                                            $(document.body).on('change', '#search_select_std', function (e) {
                                                var year_id = $('#search_select_year').find('option:selected').attr('id');
                                                var id = $('#search_select_std').find('option:selected').attr('id');
                                                var std_value = $('#search_select_std').find('option:selected').attr('value');
                                                var year_value = $('#search_select_year').find('option:selected').attr('value');

                                                var data = {};
                                                data.id = id;
                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_student/select_class_name',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#search_select_class').html('');
                                                        $('#search_select_class').html(data);

                                                        $("#display_std_name").val(std_value);
                                                        $("#display_year").val(year_value);
                                                        $("#display_year").attr('name', year_id);
                                                        $("#display_std_name").attr('name', id);

                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });

                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_parishisth_A/select_subject_name_semester',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#search_select_subject').html('');
                                                        $('#search_select_subject').html(data);
                                                        $("#search_select_subject").val('વિષય પસંદ કરો');
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })

                                            $(document.body).on('change', '#search_select_year', function (e) {
                                                var id = $('#search_select_year').find('option:selected').attr('id');
                                                var year_value = $('#search_select_year').find('option:selected').attr('value');

                                                var data = {};
                                                data.id = id;
                                                $.ajax({
                                                    cache: false,
                                                    type: 'POST',
                                                    async: false,
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_result/view_result_academic_year',
                                                    success: function (data) {
                                                        debugger;
//                    alert('data ' + data);
                                                        $('#search_select_std').html('');
                                                        $('#search_select_std').html(data);
                                                        $("#search_select_year").val(year_value);
                                                        $("#display_year").val(year_value);
                                                        $("#display_year").attr('name', id);
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })
                                        });


                                        function addUser() {
                                            window.location.href = '/manage_parishisth_B';
                                        }
</script>
<script>
//***********************************//
// For select 2
//***********************************//
    $(".select2").select2();

    /*colorpicker*/
    $('.demo').each(function () {
        //
        // Dear reader, it's actually very easy to initialize MiniColors. For example:
        //
        //  $(selector).minicolors();
        //
        // The way I've done it below is just for the demo, so don't get confused
        // by it. Also, data- attributes aren't supported at this time...they're
        // only used for this demo.
        //
        $(this).minicolors({
            control: $(this).attr('data-control') || 'hue',
            position: $(this).attr('data-position') || 'bottom left',
            change: function (value, opacity) {
                if (!value)
                    return;
                if (opacity)
                    value += ', ' + opacity;
                if (typeof console === 'object') {
                    console.log(value);
                }
            },
            theme: 'bootstrap'
        });

    });
    /*datwpicker*/
    jQuery('.mydatepicker').datepicker();
    jQuery('#datepicker-autoclose').datepicker({
        autoclose: true,
        todayHighlight: true
    });
    var quill = new Quill('#editor', {
        theme: 'snow'
    });

</script>
</body>

</html>