{% 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">
                    <form class="form-horizontal">
                        <div class="card-body">
                            <h4 class="card-title"> સત્ર </h4>
                            <hr>
                            <div class="form-group row">
                                <label for="fname" class="col-sm-3 text-right control-label col-form-label">શૈક્ષણિક વર્ષ પસંદ કરો</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="select_year" style="width: 100%; height:36px;" tabindex="1" aria-hidden="true">
                                        <option value="શૈક્ષણિક વર્ષ પસંદ કરો" disabled selected id="0">શૈક્ષણિક વર્ષ પસંદ કરો</option>
                                        {% for j in year_data %}
                                        <option value="{{ j.year}}" id="{{ j.id}}">{{ j.year}}</option>
                                        {% endfor %}
                                    </select>
                                    <div class="invalid-feedback" id="msgyear">
                                        * શૈક્ષણિક વર્ષ પસંદ કરો
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="fname" class="col-sm-3 text-right control-label col-form-label">ધોરણ પસંદ કરો</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="select_std" style="width: 100%; height:36px;" tabindex="2" aria-hidden="true">
                                        <option value="ધોરણ પસંદ કરો" disabled selected id="0">ધોરણ પસંદ કરો</option>
                                    </select>
                                    <div class="invalid-feedback" id="msgstd_name">
                                        * ધોરણ પસંદ કરો
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="lname" class="col-sm-3 text-right control-label col-form-label">વિષય પસંદ કરો</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="select_subject" style="width: 100%; height:36px;" tabindex="3" aria-hidden="true">
                                        <option value="વિષય પસંદ કરો" disabled selected id="0">વિષય પસંદ કરો</option>
                                    </select>
                                    <div class="invalid-feedback" id="msgsubject_name">
                                        * વિષય પસંદ કરો
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-sm-2"></div>
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" checked="" id="customControlValidation1" tabindex="4" value="sem" name="radio-stacked" required="">
                                    <label class="custom-control-label" for="customControlValidation1"> સત્ર  </label>
                                </div>&nbsp;&nbsp;&nbsp;&nbsp;
                                <div class="custom-control custom-radio">
                                    <input type="radio" class="custom-control-input" id="customControlValidation2" value="vyakti" tabindex="5" name="radio-stacked" required="">
                                    <label class="custom-control-label" for="customControlValidation2"> વ્યકિતત્વ વિકાસ </label>
                                </div>
                                <div class="col-sm-2"></div>
                            </div>

                            <div class="form-group row">
                                <div class="form-group panel-body col-sm-6" style="border: 1px solid">
                                    <div class="panel-body" style="color: blue">
                                        સત્ર ૧ (સત્રાંતે)
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">રચનાત્મક</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem1_rachanatamak" tabindex="6" placeholder="અહીં રચનાત્મક ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem1_rachanatamak">
                                                * રચનાત્મક ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">સત્રાંત</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem1_satrant" tabindex="7" placeholder="અહીં સત્રાંત ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem1_satrant">
                                                * સત્રાંત ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">સ્વ મુલ્યાંકન</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem1_sav_mulyankan" tabindex="8" placeholder="અહીં સ્વ મુલ્યાંકન ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem1_sav_mulyankan">
                                                * સ્વ મુલ્યાંકન ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group panel-body col-sm-6" style="border: 1px solid">
                                    <div class="panel-body" style="color: blue">
                                        સત્ર ૨ (વષૉન્તે)
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">રચનાત્મક</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem2_rachanatamak" tabindex="9" placeholder="અહીં રચનાત્મક ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem2_rachanatamak">
                                                * રચનાત્મક ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">સત્રાંત</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem2_satrant" tabindex="10" placeholder="અહીં સત્રાંત ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem2_satrant">
                                                * સત્રાંત ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">સ્વ મુલ્યાંકન</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="sem2_sav_mulyankan" tabindex="11" placeholder="અહીં સ્વ મુલ્યાંકન ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem2_sav_mulyankan">
                                                * સ્વ મુલ્યાંકન ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="form-group panel-body col-sm-12" style="border: 1px solid">
                                    <div class="panel-body" style="color: blue">
                                        વ્યકિતત્વ વિકાસ 
                                    </div>

                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-2 text-right control-label col-form-label"> સત્ર ૧ </label>
                                        <div class="col-sm-3">
                                            <input type="number" class="form-control" id="sem1_vyakti" disabled="" tabindex="12" placeholder="અહીં સત્ર ૧ ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem1_vyakti">
                                                * સત્ર ૧ ગુણ દાખલ કરો
                                            </div>
                                        </div>

                                        <label for="lname" class="col-sm-2 text-right control-label col-form-label"> સત્ર ૨ </label>
                                        <div class="col-sm-3">
                                            <input type="number" class="form-control" id="sem2_vyakti" disabled="" tabindex="13" placeholder="અહીં સત્ર ૨ ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgsem2_vyakti">
                                                * સત્ર ૨ ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="lname" class="col-sm-6 text-right control-label col-form-label">વ્યકિતત્વ વિકાસ </label>
                                        <div class="col-sm-4">
                                            <input type="number" class="form-control" id="vyakti_vikas" disabled="" tabindex="14" placeholder="અહીં વ્યકિતત્વ વિકાસ ગુણ દાખલ કરો">
                                            <div class="invalid-feedback" id="msgvyakti_vikas">
                                                * વ્યકિતત્વ વિકાસ ગુણ દાખલ કરો
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="border-top">
                            <div class="card-body">
                                <div style="text-align: right">
                                    <button type="button" class="btn btn-success btnsave" tabindex="15">Save</button>
                                    <button type="reset" class="btn btn-primary" tabindex="16">Clear</button>
                                    <div id="msg_success" style="display:none;font-size: 16px;color: green;padding: 5px">
                                        * Data Insert Successfully!
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </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">Class Info</h5>-->
                        <div class="row" style="padding-left: 10px;padding-right: 15px;">
                            <h5 class="card-title m-b-0 col-sm-3" style="padding-top: 10px;"> સત્રની માહિતી </h5>
                            <h5 class="card-title m-b-0 col-sm-2"></h5>
                            <select class="form-control col-sm-3" id="search_select_year" style="height:36px;" tabindex="17" 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>
                            <label class="col-sm-1"></label>
                            <select class="form-control col-sm-3" id="search_select_std" style="height:36px;" tabindex="18" aria-hidden="true">
                                <option value="ધોરણ" disabled selected id="0">ધોરણ</option>
                            </select>
                        </div>
                        <hr>

                        <div class="table-responsive">
                            <table id="zero_config" class="table table-striped table-bordered">
                                <thead>
                                    <tr style="background-color: #2255a4;color: white">
                                        <th style="padding: 12px;"> ક્રમ નં. </th>
                                        <th style="padding: 12px;"> શૈક્ષણિક વર્ષ </th>
                                        <th style="padding: 12px;"> ધોરણ </th>
                                        <th style="padding: 12px;"> વર્ગ </th>
                                        <th style="padding: 12px;"> સત્ર ૧ રચનાત્મક </th>
                                        <th style="padding: 12px;"> સત્ર ૧ સત્રાંત </th>
                                        <th style="padding: 12px;"> સત્ર ૧ સ્વ મુલ્યાંકન </th>
                                        <th style="padding: 12px;"> સત્ર ૨ રચનાત્મક </th>
                                        <th style="padding: 12px;"> સત્ર ૨ સત્રાંત </th>
                                        <th style="padding: 12px;"> સત્ર ૨ સ્વ મુલ્યાંકન </th>
                                        <th style="padding: 12px;"> વ્યકિતત્વ વિકાસ </th>
                                        <th style="padding: 12px;"> કુલ ગુણ </th>
                                        <th style="padding: 12px;"> સુધારો </th>
                                    </tr>
                                </thead>
                                <tbody id="tablebody">

                                    {% for i in data %}
                                    <tr id="{{ i.id }}" style="background-color: #d0dee9;text-align: center">

                                        <td></td>
                                        <td>{{ i.year }}</td>
                                        <td>{{ i.std_name }}</td>
                                        <td>{{ i.subject_name }}</td>
                                        <td>{{ i.sem_1_rachnatmak }}</td>
                                        <td>{{ i.sem_1_satrant }}</td>
                                        <td>{{ i.sem_1_saw_mulyankan }}</td>
                                        <td>{{ i.sem_2_rachnatmak }}</td>
                                        <td>{{ i.sem_2_satrant }}</td>
                                        <td>{{ i.sem_2_saw_mulyankan }}</td>
                                        <td>{{ i.vyakti_vikas }}</td>
                                        <td>{{ i.total_marks }}</td>
                                        <td style="float: none;text-align: center">
                                            <a class="a-inside edit" id="{{ i.id }}" name="{{ i.mark_type }}" 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="{{ i.id }}">
                                                <i class="far fa-window-close" title="Delete"> </i>
                                            </a>
                                        </td>
                                    </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>




<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);
    }

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

$(document).ready(function () {

    $('#vyakti_vikas').prop("disabled", true);
    $('#sem1_vyakti').prop("disabled", true);
    $('#sem2_vyakti').prop("disabled", true);
    $(document.body).on('change', 'input[type=radio][name=radio-stacked]', function (e) {
//    $('').change(function () {
        var val = $(this).attr('value');
        if (val == 'sem') {
            $('#sem1_rachanatamak').prop("disabled", false);
            $('#sem1_rachanatamak').focus();
            $('#sem1_satrant').prop("disabled", false);
            $('#sem1_sav_mulyankan').prop("disabled", false);
            $('#sem2_rachanatamak').prop("disabled", false);
            $('#sem2_satrant').prop("disabled", false);
            $('#sem2_sav_mulyankan').prop("disabled", false);
//            $('#vyakti_vikas').prop("disabled", true);
            $('#sem1_vyakti').prop("disabled", true);
            $('#sem2_vyakti').prop("disabled", true);

        } else if (val == 'vyakti') {
            $('#sem1_vyakti').prop("disabled", false);
            $('#sem2_vyakti').prop("disabled", false);
//            $('#vyakti_vikas').prop("disabled", false);
            $('#sem1_vyakti').focus();

            $('#sem1_rachanatamak').prop("disabled", true);
            $('#sem1_satrant').prop("disabled", true);
            $('#sem1_sav_mulyankan').prop("disabled", true);
            $('#sem2_rachanatamak').prop("disabled", true);
            $('#sem2_satrant').prop("disabled", true);
            $('#sem2_sav_mulyankan').prop("disabled", true);
        }
    });

    $(document.body).on('click', '.delete_set_id', function (e) {
        debugger;
        var id = $(this).attr('id');
//        alert('id is ' + id);
        $('#myModal').find('.delete').attr('id', id);
    })
//////
    $(document.body).on('click', '.clear', function (e) {
        debugger;
//        alert('clear ');
        $("#select_year").val("શૈક્ષણિક વર્ષ પસંદ કરો");
        $("#select_std").val("ધોરણ પસંદ કરો");
        $('#select_subject').val('વિષય પસંદ કરો');
        $('#sem1_rachanatamak').attr('value', '');
        $('#sem1_satrant').attr('value', '');
        $('#sem1_sav_mulyankan').attr('value', '');
        $('#sem2_rachanatamak').attr('value', '');
        $('#sem2_satrant').attr('value', '');
        $('#sem2_sav_mulyankan').attr('value', '');
        $('#vyakti_vikas').attr('value', '');
        $('#sem1_vyakti').attr('value', '');
        $('#sem2_vyakti').attr('value', '');

        var mark_type = $('input[type=radio][name=radio-stacked]:checked').attr('value');
//        alert('sem ');
        if (mark_type == 'sem') {

//            $('#vyakti_vikas').prop("disabled", true);
            $('#sem1_vyakti').prop("disabled", true);
            $('#sem2_vyakti').prop("disabled", true);
        } else
        {
//            $('#vyakti_vikas').prop("disabled", false);
            $('#sem1_vyakti').prop("disabled", false);
            $('#sem2_vyakti').prop("disabled", false);
        }

    })
////
//
    $(document.body).on('change', '#search_select_std', function (e) {
//        alert($('#search_select_std').find('option:selected').attr('id'));
//        alert($(this).find('option:selected').attr('value'));
        var id = $('#search_select_std').find('option:selected').attr('id');
        var std_value = $('#search_select_std').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_semester/view_semester_std',
            success: function (data) {
                debugger;
//                    alert('data ' + data);
                $('#tablebody').html('');
                $('#tablebody').html(data);
                $("#search_select_std").val(std_value);
//                    console.log('success');
//                    console.log(JSON.stringify(data));
            }, error: function (xhr, err) {
                alert('Error ' + err.message);
            }
        });
    })
//
    $(document.body).on('change', '#search_select_year', function (e) {
//        alert($('#search_select_year').find('option:selected').attr('id'));
//        alert($(this).find('option:selected').attr('value'));
        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_semester/view_semester_academic_year',
            success: function (data) {
                debugger;
//                    alert('data ' + data);
                $('#search_view_data').html('');
                $('#search_view_data').html(data);
                $("#search_select_year").val(year_value);
//                    console.log('success');
//                    console.log(JSON.stringify(data));
            }, error: function (xhr, err) {
                alert('Error ' + err.message);
            }
        });
    })
//
    $(document.body).on('click', '.delete', function (e) {
        e.preventDefault();

        var id = $(this).attr('id');
//        alert('id is ' + id);
        var data = {};
        data.id = id;
        if (id == '')
        {
        } else {

            $.ajax({
                cache: false,
                type: 'POST',
                async: false,
                data: JSON.stringify(data),
                contentType: 'application/json',
                url: '/manage_semester/delete_semester',
                success: function (data) {
                    debugger;
//                    alert('data ' + data);
                    $('#myModal_msg').modal('show');
                    $('#tablebody').html('');
                    $('#tablebody').html(data);
//                    console.log('success');
//                    console.log(JSON.stringify(data));
                }, error: function (xhr, err) {
                    alert('Error ' + err.message);
                }
            });
        }
    });
////
//
////    $(document.body).on('change', '#select_std', function (e) {
////        alert($('#select_std').find('option:selected').attr('id'));
////        alert($(this).find('option:selected').attr('value'));
////    });
//
    $(document.body).on('change', '#select_year', function (e) {
        var id = $('#select_year').find('option:selected').attr('id');
//        var std_val = $(this).find('option:selected').attr('value');

        var data = {};
        data.id = id;
        $.ajax({
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            url: '/manage_subject/select_standard_name',
            success: function (data) {
                debugger;
                $('#select_std').html('');
                $('#select_std').html(data);
                $("#select_std").val('ધોરણ પસંદ કરો');
            }, error: function (xhr, err) {
                alert('Error ' + err.message);
            }
        });
    })

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

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

    $(document.body).on('change', '#select_subject', function (e) {
        var subject_id = $('#select_subject').find('option:selected').attr('id');
        var year_id = $('#select_year').find('option:selected').attr('id');
        var std_id = $('#select_std').find('option:selected').attr('id');

//        alert('id is ' + id);
        var year_val = $('#select_year').find('option:selected').attr('value');
        var std_val = $('#select_std').find('option:selected').attr('value');
        var subject_val = $('#select_subject').find('option:selected').attr('value');
        var data = {};
        data.subject_id = subject_id;
        data.year_id = year_id;
        data.std_id = std_id;
        $.ajax({
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            url: '/manage_semester/check_subject_mark',
            success: function (data) {
                debugger;
//                alert('data ' + data);
                if (data == 'NOT_FOUND')
                {

                } else
                {
                    $('#year_data').html('');
                    $('#year_data').html(data);

//                    alert('year_val ' + year_val);
//                    alert('std_val ' + std_val);
//                    alert('subject_val ' + subject_val);
                    $("#select_year").val(year_val);
                    $("#select_std").val(std_val);
                    $("#select_subject").val(subject_val);

                    $('#select_year').focus();
                    var mark_type = $('input[type=radio][name=radio-stacked]:checked').attr('value');
                    if (mark_type == 'sem') {
                        $('#sem1_rachanatamak').prop("disabled", false);

//                    $('#sem1_rachanatamak').focus();
                        $('#sem1_satrant').prop("disabled", false);
                        $('#sem1_sav_mulyankan').prop("disabled", false);
                        $('#sem2_rachanatamak').prop("disabled", false);
                        $('#sem2_satrant').prop("disabled", false);
                        $('#sem2_sav_mulyankan').prop("disabled", false);
                        $('#vyakti_vikas').prop("disabled", true);
                        $('#sem1_vyakti').prop("disabled", true);
                        $('#sem2_vyakti').prop("disabled", true);

                        $('#customControlValidation1').attr('checked', 'true');
                    } else if (mark_type == 'vyakti') {
                        $('#vyakti_vikas').prop("disabled", true);
                        $('#sem1_vyakti').prop("disabled", false);
                        $('#sem2_vyakti').prop("disabled", false);
//                    $('#vyakti_vikas').focus();
                        $('#customControlValidation2').attr('checked', 'true');
                        $('#sem1_rachanatamak').prop("disabled", true);
                        $('#sem1_satrant').prop("disabled", true);
                        $('#sem1_sav_mulyankan').prop("disabled", true);
                        $('#sem2_rachanatamak').prop("disabled", true);
                        $('#sem2_satrant').prop("disabled", true);
                        $('#sem2_sav_mulyankan').prop("disabled", true);
                    }
                }
            }, error: function (xhr, err) {
                alert('Error ' + err.message);
            }
        });
    })

    $(document.body).on('change', '#sem1_vyakti', function (e) {
        var sem1_vyakti = $('#sem1_vyakti').val();
        var sem2_vyakti = $('#sem2_vyakti').val();
//        alert('sem1_vyakti '+sem1_vyakti);
        if (sem1_vyakti == '')
        {
            $('#msgsem1_vyakti').fadeIn(500);
            $('#msgsem1_vyakti').fadeOut(5000);
        } else if (sem2_vyakti == '')
        {
            $('#msgsem2_vyakti').fadeIn(500);
            $('#msgsem2_vyakti').fadeOut(5000);
        } else
        {
            var total_marks = parseInt(sem1_vyakti) + parseInt(sem2_vyakti);
            var get_mrk = total_marks / 2;
//            alert('get_mrk '+get_mrk);
            $('#vyakti_vikas').val(get_mrk);
        }
    });

    $(document.body).on('change', '#sem2_vyakti', function (e) {
        var sem1_vyakti = $('#sem1_vyakti').val();
        var sem2_vyakti = $('#sem2_vyakti').val();
//        alert('sem1_vyakti '+sem1_vyakti);
        if (sem1_vyakti == '')
        {
            $('#msgsem1_vyakti').fadeIn(500);
            $('#msgsem1_vyakti').fadeOut(5000);
        } else if (sem2_vyakti == '')
        {
            $('#msgsem2_vyakti').fadeIn(500);
            $('#msgsem2_vyakti').fadeOut(5000);
        } else
        {
            var total_marks = parseInt(sem1_vyakti) + parseInt(sem2_vyakti);
            var get_mrk = total_marks / 2;
//            alert('get_mrk '+get_mrk);
            $('#vyakti_vikas').val(get_mrk);
        }
    });

    $(document.body).on('click', '.btnsave', function (e) {
//        var subject_name = $('#subject_name').val();
        var subject_id = $('#select_subject').find('option:selected').attr('id');
        var year_id = $('#select_year').find('option:selected').attr('id');
        var std_id = $('#select_std').find('option:selected').attr('id');

        var mark_type = $('input[type=radio][name=radio-stacked]:checked').attr('value');
        var sem1_rachanatamak = $('#sem1_rachanatamak').val();
        var sem1_satrant = $('#sem1_satrant').val();
        var sem1_sav_mulyankan = $('#sem1_sav_mulyankan').val();
        var sem2_rachanatamak = $('#sem2_rachanatamak').val();
        var sem2_satrant = $('#sem2_satrant').val();
        var sem2_sav_mulyankan = $('#sem2_sav_mulyankan').val();
        var vyakti_vikas = $('#vyakti_vikas').val();
        var sem1_vyakti = $('#sem1_vyakti').val();
        var sem2_vyakti = $('#sem2_vyakti').val();

//        alert('mark_type ' + mark_type + ' sem1_rachanatamak ' + sem1_rachanatamak + ' sem1_satrant ' + sem1_satrant + ' sem1_sav_mulyankan ' + sem1_sav_mulyankan);

//        alert('year_id '+year_id+' std_id '+std_id+' class_name '+class_name);
        if (year_id == 0 || year_id == '0')
        {
            $('#msgyear').fadeIn(500);
            $('#msgyear').fadeOut(5000);
        } else if (std_id == 0 || std_id == '0')
        {
            $('#msgstd_name').fadeIn(500);
            $('#msgstd_name').fadeOut(5000);
        } else if (subject_id == 0 || subject_id == '0')
        {
            $('#msgsubject_name').fadeIn(500);
            $('#msgsubject_name').fadeOut(5000);
        } else
        {
            var valid = 0;
            if (mark_type == 'sem')
            {
                if (sem1_rachanatamak == '')
                {
                    $('#msgsem1_rachanatamak').fadeIn(500);
                    $('#msgsem1_rachanatamak').fadeOut(5000);
                } else if (sem1_satrant == '')
                {
                    $('#msgsem1_satrant').fadeIn(500);
                    $('#msgsem1_satrant').fadeOut(5000);
                } else if (sem1_sav_mulyankan == '')
                {
                    $('#msgsem1_sav_mulyankan').fadeIn(500);
                    $('#msgsem1_sav_mulyankan').fadeOut(5000);
                } else if (sem2_rachanatamak == '')
                {
//                    alert('click sem2_rachanatamak '+sem2_rachanatamak);
                    $('#msgsem2_rachanatamak').fadeIn(500);
                    $('#msgsem2_rachanatamak').fadeOut(5000);
                } else if (sem2_satrant == '')
                {
//                    alert('click sem2_satrant');
                    $('#msgsem2_satrant').fadeIn(500);
                    $('#msgsem2_satrant').fadeOut(5000);
                } else if (sem2_sav_mulyankan == '')
                {
//                    alert('click sem2_sav_mulyankan');
                    $('#msgsem2_sav_mulyankan').fadeIn(500);
                    $('#msgsem2_sav_mulyankan').fadeOut(5000);
                } else
                {
                    valid = 1;
                }
            } else if (mark_type == 'vyakti')
            {
                if (sem1_vyakti == '')
                {
//                    alert('click sem2_satrant');
                    $('#msgsem1_vyakti').fadeIn(500);
                    $('#msgsem1_vyakti').fadeOut(5000);
                } else if (sem2_vyakti == '')
                {
//                    alert('click sem2_sav_mulyankan');
                    $('#msgsem2_vyakti').fadeIn(500);
                    $('#msgsem2_vyakti').fadeOut(5000);
                } else if (vyakti_vikas == '')
                {
                    $('#msgvyakti_vikas').fadeIn(500);
                    $('#msgvyakti_vikas').fadeOut(5000);
                } else
                {
                    valid = 1;
                }
            }
//            alert('Success ');

            if (valid == 1 || valid == '1')
            {
                var total_marks = 0;
                if (mark_type == 'sem')
                {
                    total_marks = parseInt(sem1_rachanatamak) + parseInt(sem1_satrant) + parseInt(sem1_sav_mulyankan);
                    if (sem2_rachanatamak != '')
                    {
                        total_marks += parseInt(sem2_rachanatamak);
                    }
                    if (sem2_satrant != '')
                    {
                        total_marks += parseInt(sem2_satrant);
                    }
                    if (sem2_sav_mulyankan != '')
                    {
                        total_marks += parseInt(sem2_sav_mulyankan);
                    }
                    vyakti_vikas = '';
                } else if (mark_type == 'vyakti')
                {
                    total_marks = parseInt(vyakti_vikas);
                    sem1_rachanatamak = '';
                    sem1_satrant = '';
                    sem1_sav_mulyankan = '';
                    sem2_satrant = '';
                    sem2_rachanatamak = '';
                    sem2_sav_mulyankan = '';
                }

                if (total_marks > 0)
                {
//                    alert('if Result ' + total_marks);

//                    alert('Result ' + total_marks);
//                    alert('Success ');
                    var data = {};
//            data.year_id = year_id;
                    data.subject_id = subject_id;
                    data.mark_type = mark_type;
                    data.sem_1_rachnatmak = sem1_rachanatamak;
                    data.sem_1_satrant = sem1_satrant;
                    data.sem_1_saw_mulyankan = sem1_sav_mulyankan;
                    data.sem_2_satrant = sem2_satrant;
                    data.sem_2_rachnatmak = sem2_rachanatamak;
                    data.sem_2_saw_mulyankan = sem2_sav_mulyankan;
                    data.vyakti_vikas = vyakti_vikas;
                    data.total_marks = total_marks;

                    $.ajax({
                        type: 'POST',
                        data: JSON.stringify(data),
                        contentType: 'application/json',
                        url: '/manage_semester/semester_save',
                        success: function (data) {
                            debugger;
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                    alert('data ' + data);
                            $('#msg_success').fadeIn(500);
                            $('#msg_success').text('* Data Insert Successfully!');
                            $('#msg_success').fadeOut(5000);
                            $('#tablebody').html('');
                            $('#tablebody').html(data);
                            $("#select_year").val("શૈક્ષણિક વર્ષ પસંદ કરો");
                            $("#select_std").val("ધોરણ પસંદ કરો");
                            $('#select_subject').val('વિષય પસંદ કરો');
                            $('#sem1_rachanatamak').val('');
                            $('#sem1_satrant').val('');
                            $('#sem1_sav_mulyankan').val('');
                            $('#sem2_rachanatamak').val('');
                            $('#sem2_satrant').val('');
                            $('#sem2_sav_mulyankan').val('');
                            $('#vyakti_vikas').val('');
                            $('#vyakti_vikas').prop("disabled", true);

                            var a = $('#zero_config tr:last').attr('id');
                            $('html,body').animate({
                                scrollTop: $("tr[id=" + a + "]").offset().top},
                                    'slow');
                            var a = $('#zero_config tr:last').attr('id');
                            $("tr[id=" + a + "]").css({'background-color': '#adb3d6'});

                            setTimeout(function () {
                                // Do something after 1 second 
//                        alert('set timeout ');
                                $('#tablebody tr').css({'background-color': '#d0dee9'});
                            }, 10000);

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

    $(document.body).on('click', '.edit', function (e) {
//        $('.edit').click(function () {
        var id = $(this).attr('id');
        var mark_type = $(this).attr('name');
//        alert('id is ' + id);
        var year_val = $(this).parent().parent().find('td:eq(1)').text();
        var std_val = $(this).parent().parent().find('td:eq(2)').text();
        var subject_val = $(this).parent().parent().find('td:eq(3)').text();
//        var check_type = $(this).parent().parent().find('td:eq(4)').text();
//        var id = $(this).parent().parent().attr('id');
//        alert('mark_type is ' + mark_type);
//        alert('id is ' + id);
//        alert('year_val ' + year_val);
//        alert('std_val ' + std_val);
//        alert('subject_val ' + subject_val);

        var data = {};
        data.id = id;
//        data.std_id = std_id;

        $('html,body').animate({
            scrollTop: $("#year_data").offset().top},
                'slow');

        $.ajax({
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            url: '/manage_semester/edit',
            success: function (data) {
                debugger;
                $('#year_data').html('');
                $('#year_data').html(data);

                $("#select_year").val(year_val);
                $("#select_std").val(std_val);
                $("#select_subject").val(subject_val);

                $('#select_year').focus();
                if (mark_type == 'sem') {
                    $('#sem1_rachanatamak').prop("disabled", false);

//                    $('#sem1_rachanatamak').focus();
                    $('#sem1_satrant').prop("disabled", false);
                    $('#sem1_sav_mulyankan').prop("disabled", false);
                    $('#sem2_rachanatamak').prop("disabled", false);
                    $('#sem2_satrant').prop("disabled", false);
                    $('#sem2_sav_mulyankan').prop("disabled", false);
                    $('#vyakti_vikas').prop("disabled", true);
                    $('#sem1_vyakti').prop("disabled", true);
                    $('#sem2_vyakti').prop("disabled", true);

                    $('#customControlValidation1').attr('checked', 'true');
                } else if (mark_type == 'vyakti') {
                    $('#vyakti_vikas').prop("disabled", true);
                    $('#sem1_vyakti').prop("disabled", false);
                    $('#sem2_vyakti').prop("disabled", false);
//                    $('#vyakti_vikas').focus();
                    $('#customControlValidation2').attr('checked', 'true');
                    $('#sem1_rachanatamak').prop("disabled", true);
                    $('#sem1_satrant').prop("disabled", true);
                    $('#sem1_sav_mulyankan').prop("disabled", true);
                    $('#sem2_rachanatamak').prop("disabled", true);
                    $('#sem2_satrant').prop("disabled", true);
                    $('#sem2_sav_mulyankan').prop("disabled", true);
                }
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                    alert('data ' + data);
            }, error: function (xhr, err) {
                alert('Error ' + err.message);
            }
        });
    });
//////
    $(document.body).on('click', '.btnupdate', function (e) {
//        $('.btnupdate').click(function () {
        e.preventDefault();
        var subject_id = $('#select_subject').find('option:selected').attr('id');
        var year_id = $('#select_year').find('option:selected').attr('id');
        var std_id = $('#select_std').find('option:selected').attr('id');

        var mark_type = $('input[type=radio][name=radio-stacked]:checked').attr('value');
        var sem1_rachanatamak = $('#sem1_rachanatamak').val();
        var sem1_satrant = $('#sem1_satrant').val();
        var sem1_sav_mulyankan = $('#sem1_sav_mulyankan').val();
        var sem2_rachanatamak = $('#sem2_rachanatamak').val();
        var sem2_satrant = $('#sem2_satrant').val();
        var sem2_sav_mulyankan = $('#sem2_sav_mulyankan').val();
        var vyakti_vikas = $('#vyakti_vikas').val();
        var sem1_vyakti = $('#sem1_vyakti').val();
        var sem2_vyakti = $('#sem2_vyakti').val();


//        alert('mark_type ' + mark_type + ' sem1_rachanatamak ' + sem1_rachanatamak + ' sem1_satrant ' + sem1_satrant + ' sem1_sav_mulyankan ' + sem1_sav_mulyankan);

//        alert('year_id '+year_id+' std_id '+std_id+' class_name '+class_name);
        if (year_id == 0 || year_id == '0')
        {
            $('#msgyear').fadeIn(500);
            $('#msgyear').fadeOut(5000);
        } else if (std_id == 0 || std_id == '0')
        {
            $('#msgstd_name').fadeIn(500);
            $('#msgstd_name').fadeOut(5000);
        } else if (subject_id == 0 || subject_id == '0')
        {
            $('#msgsubject_name').fadeIn(500);
            $('#msgsubject_name').fadeOut(5000);
        } else
        {
            var valid = 0;
            if (mark_type == 'sem')
            {
                if (sem1_rachanatamak == '' || sem1_rachanatamak == '0' || sem1_rachanatamak == 0)
                {
                    $('#msgsem1_rachanatamak').fadeIn(500);
                    $('#msgsem1_rachanatamak').fadeOut(5000);
                } else if (sem1_satrant == '' || sem1_satrant == '0' || sem1_satrant == 0)
                {
                    $('#msgsem1_satrant').fadeIn(500);
                    $('#msgsem1_satrant').fadeOut(5000);
                } else if (sem1_sav_mulyankan == '' || sem1_sav_mulyankan == '0' || sem1_sav_mulyankan == 0)
                {
                    $('#msgsem1_sav_mulyankan').fadeIn(500);
                    $('#msgsem1_sav_mulyankan').fadeOut(5000);
                } else if (sem2_rachanatamak == '' || sem2_rachanatamak == 0 || sem2_rachanatamak == '0')
                {
                    $('#msgsem2_rachanatamak').fadeIn(500);
                    $('#msgsem2_rachanatamak').fadeOut(5000);
                } else if (sem2_satrant == '' || sem2_satrant == '0' || sem2_satrant == 0)
                {
                    $('#msgsem2_satrant').fadeIn(500);
                    $('#msgsem2_satrant').fadeOut(5000);
                } else if (sem2_sav_mulyankan == '' || sem2_sav_mulyankan == '0' || sem2_sav_mulyankan == 0)
                {
                    $('#msgsem2_sav_mulyankan').fadeIn(500);
                    $('#msgsem2_sav_mulyankan').fadeOut(5000);
                } else
                {
                    valid = 1;
                }
            } else if (mark_type == 'vyakti')
            {
                if (sem1_vyakti == '' || sem1_vyakti == '0' || sem1_vyakti == 0)
                {
//                    alert('click sem2_satrant');
                    $('#msgsem1_vyakti').fadeIn(500);
                    $('#msgsem1_vyakti').fadeOut(5000);
                } else if (sem2_vyakti == '' || sem2_vyakti == '0' || sem2_vyakti == 0)
                {
//                    alert('click sem2_sav_mulyankan');
                    $('#msgsem2_vyakti').fadeIn(500);
                    $('#msgsem2_vyakti').fadeOut(5000);
                } else if (vyakti_vikas == '' || vyakti_vikas == '0' || vyakti_vikas == 0)
                {
                    $('#msgvyakti_vikas').fadeIn(500);
                    $('#msgvyakti_vikas').fadeOut(5000);
                } else
                {
                    valid = 1;
                }
            }
//            alert('Success ');

            if (valid == 1 || valid == '1')
            {
                var total_marks = 0;
                if (mark_type == 'sem')
                {
                    total_marks = parseInt(sem1_rachanatamak) + parseInt(sem1_satrant) + parseInt(sem1_sav_mulyankan);
                    if (sem2_rachanatamak != '')
                    {
                        total_marks += parseInt(sem2_rachanatamak);
                    }
                    if (sem2_satrant != '')
                    {
                        total_marks += parseInt(sem2_satrant);
                    }
                    if (sem2_sav_mulyankan != '')
                    {
                        total_marks += parseInt(sem2_sav_mulyankan);
                    }
                    vyakti_vikas = '';
                } else if (mark_type == 'vyakti')
                {
                    total_marks = parseInt(vyakti_vikas);
                    sem1_rachanatamak = '';
                    sem1_satrant = '';
                    sem1_sav_mulyankan = '';
                    sem2_satrant = '';
                    sem2_rachanatamak = '';
                    sem2_sav_mulyankan = '';
                }

                if (total_marks > 0)
                {
                    var id = $(this).attr('id');
//            alert('id ' + id);
                    debugger;
//            alert('id ' + id + 'name ' + name + ' address ' + address + ' email ' + email + ' phone ' + phone);

//                    alert('Result ' + total_marks);
//                    alert('Success ');

                    var data = {};
                    data.id = id;
                    data.subject_id = subject_id;
                    data.mark_type = mark_type;
                    data.sem_1_rachnatmak = sem1_rachanatamak;
                    data.sem_1_satrant = sem1_satrant;
                    data.sem_1_saw_mulyankan = sem1_sav_mulyankan;
                    data.sem_2_satrant = sem2_satrant;
                    data.sem_2_rachnatmak = sem2_rachanatamak;
                    data.sem_2_saw_mulyankan = sem2_sav_mulyankan;
                    data.vyakti_vikas = vyakti_vikas;
                    data.total_marks = total_marks;

                    $.ajax({
                        type: 'POST',
                        data: JSON.stringify(data),
                        contentType: 'application/json',
                        url: '/manage_semester/save_edit',
                        success: function (data) {
                            debugger;
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                    alert('data ' + data);
                            $('#all_year_info').html('');
                            $('#all_year_info').html(data);
                            $('#msg_success').fadeOut(5000);
//                    var a = $('#zero_config tr:last').attr('id');
                            $("tr[id=" + id + "]").css({'background-color': '#adb3d6'});
                            $('html,body').animate({
                                scrollTop: $("tr[id=" + id + "]").offset().top},
                                    'slow');

                            setTimeout(function () {
                                // Do something after 1 second 
                                $('#tablebody tr').css({'background-color': '#d0dee9'});
                            }, 10000);
//                    window.location.href = "/customers/add";
                        }, error: function (xhr, err) {
                            alert('Error ' + err.message);
                        }
                    });

                }
            }
        }
    });
//
});


function addUser() {
    window.location.href = '/manage_semester';
}
</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>