{% 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">Marksheet Info</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>
                                <label for="fname" class="col-sm-2 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="1" 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="fname" class="col-sm-3 text-right control-label col-form-label">વર્ગ પસંદ કરો</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="select_class" style="width: 100%; height:36px;" tabindex="1" aria-hidden="true">
                                        <option value="વર્ગ પસંદ કરો" disabled selected id="0">વર્ગ પસંદ કરો</option>
                                    </select>
                                    <div class="invalid-feedback" id="msgclass_name">
                                        * વર્ગ પસંદ કરો
                                    </div>
                                </div>
                                <label for="fname" class="col-sm-2 text-right control-label col-form-label">હાજરીપત્રક નં. પસંદ કરો</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="select_roll_no" style="width: 100%; height:36px;" tabindex="1" aria-hidden="true">
                                        <option value="હાજરીપત્રક નં. પસંદ કરો" disabled selected id="0">હાજરીપત્રક નં. પસંદ કરો</option>
                                    </select>
                                    <div class="invalid-feedback" id="msgroll_no">
                                        * હાજરીપત્રક નં. પસંદ કરો
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="fname" class="col-sm-2 text-right control-label col-form-label">પરિણામ તારીખ</label>
                                <div class="col-sm-2">
                                    <input type="date" class="form-control" id="result_date" tabindex="1" placeholder="અહીં પરિણામ તારીખ દાખલ કરો">
                                    <div class="invalid-feedback" id="msgclass_name">
                                        * પરિણામ તારીખ દાખલ કરો
                                    </div>
                                </div>
                                <label for="fname" class="col-sm-2 text-right control-label col-form-label">દિવાળી વેકેશન તારીખ </label>
                                <div class="col-sm-2">
                                    <input type="date" class="form-control" id="vacation_date_from" tabindex="1" placeholder="અહીં પરિણામ તારીખ દાખલ કરો">
                                    <div class="invalid-feedback" id="msgvacation_date_from">
                                        * પરિણામ તારીખ દાખલ કરો
                                    </div>
                                </div>
                                <label for="fname" class="col-sm-1 text-right control-label col-form-label">થી તારીખ</label>
                                <div class="col-sm-2">
                                    <input type="date" class="form-control" id="vacation_date_to" tabindex="1" placeholder="અહીં પરિણામ તારીખ દાખલ કરો">
                                    <div class="invalid-feedback" id="msgvacation_date_to">
                                        * પરિણામ તારીખ દાખલ કરો
                                    </div>
                                </div>
                                <label for="fname" class="col-sm-1 text-right control-label col-form-label"> સુધી રહેશે. </label>

                            </div>
                            <hr>
                            <div id="all_semester_data" style="min-height: 300px" tabindex="1">
                                <!--<link href="dist/css/style.min.css" rel="stylesheet">-->


                            </div>
                        </div>
                        <div class="border-top">
                            <div class="card-body">
                                <div style="text-align: right">
                                    <button type="button" class="btn btn-default" onclick='printDiv();' tabindex="1">Print</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--<div class="col-md-2"></div>-->
        </div>
        <div class="row">

        </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">

                                        function printData()
                                        {
                                            var divToPrint = document.getElementById("all_semester_data");
                                            newWin = window.open("");
                                            newWin.document.write(divToPrint.outerHTML);
                                            newWin.print();
                                            newWin.close();
                                        }
                                        $('.btnprint').on('click', function () {
                                            printData();
                                        })


                                        function printDiv()
                                        {

                                            var divToPrint = document.getElementById('all_semester_data');

                                            var newWin = window.open('', 'Print-Window');

                                            newWin.document.open();

                                            newWin.document.write('<html> <body onload="window.print()"><link href="dist/css/style.min.css" rel="stylesheet">' + divToPrint.innerHTML + '</body></html>');

                                            newWin.document.close();

                                            setTimeout(function () {
                                                newWin.close();
                                            }, 10);

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

                                            $('#select_std').prop("disabled", true);
                                            $('#select_class').prop("disabled", true);
                                            $('#select_roll_no').prop("disabled", true);

                                            $('#result_date').prop("disabled", true);
                                            $('#vacation_date_from').prop("disabled", true);
                                            $('#vacation_date_to').prop("disabled", true);
                                            $(document.body).on('change', '#select_year', function (e) {
                                                var id = $('#select_year').find('option:selected').attr('id');

                                                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('ધોરણ પસંદ કરો');
                                                        $('#select_std').prop("disabled", false);
                                                    }, 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 data = {};
                                                data.id = id;
                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_student/select_class_name',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#select_class').html('');
                                                        $('#select_class').html(data);
                                                        $("#select_class").val('વર્ગ પસંદ કરો');
                                                        $('#select_class').prop("disabled", false);
                                                        $('#all_semester_data').html('');

                                                        $('#result_date').prop("disabled", true);
                                                        $('#vacation_date_from').prop("disabled", true);
                                                        $('#vacation_date_to').prop("disabled", true);
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })

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

                                                var data = {};
                                                data.id = id;
                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/manage_result/select_roll_no',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#select_roll_no').html('');
                                                        $('#select_roll_no').html(data);
                                                        $("#select_roll_no").val('હાજરીપત્રક નં. પસંદ કરો');
                                                        $('#select_roll_no').prop("disabled", false);
                                                        $('#all_semester_data').html('');
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })

                                            $(document.body).on('change', '#result_date', function (e) {
                                                var result_date = $('#result_date').val();
                                                var dt = result_date.split("-").reverse().join("/");
                                                $('#display_present_day').html('');
                                                $('#display_present_day').html(dt);
                                                $('#vacation_date_from').prop("disabled", false);
                                            });

                                            $(document.body).on('change', '#vacation_date_from', function (e) {
                                                var result_date = $('#vacation_date_from').val();
                                                var dt = result_date.split("-").reverse().join("/");
                                                $('#from_date').html('');
                                                $('#from_date').html(dt);
                                                $('#vacation_date_to').prop("disabled", false);
                                            });

                                            $(document.body).on('change', '#vacation_date_to', function (e) {
                                                var result_date = $('#vacation_date_to').val();
                                                var dt = result_date.split("-").reverse().join("/");
                                                $('#to_date').html('');
                                                $('#to_date').html(dt);
                                            });

                                            $(document.body).on('change', '#select_roll_no', function (e) {
                                                var id = $('#select_roll_no').find('option:selected').attr('id');
                                                var std_id = $('#select_std').find('option:selected').attr('id');
                                                var class_id = $('#select_class').find('option:selected').attr('id');
                                                var data = {};
                                                data.id = id;
                                                data.std_id = std_id;
                                                data.class_id = class_id;
                                                $.ajax({
                                                    type: 'POST',
                                                    data: JSON.stringify(data),
                                                    contentType: 'application/json',
                                                    url: '/generate_marksheet_1/select_student_mark',
                                                    success: function (data) {
                                                        debugger;
                                                        $('#all_semester_data').html('');
                                                        $('#all_semester_data').html(data);

                                                        $('#result_date').prop("disabled", false);
//                                                        $('#sem1_guj_rachanatamak').focus();
//                                                        var guj_mark = $('#sem1_guj_rachanatamak').val();
//                                                        var math_mark = $('#sem1_math_rachanatamak').val();
//
//                                                        if (guj_mark != '' || math_mark != '')
//                                                        {
//                                                            $('.btnsave').hide();
//                                                            $('.btnupdate').show();
//                                                        } else
//                                                        {
//                                                            $('.btnsave').show();
//                                                            $('.btnupdate').hide();
//                                                        }
                                                    }, error: function (xhr, err) {
                                                        alert('Error ' + err.message);
                                                    }
                                                });
                                            })
                                        });
                                        function addUser() {
                                            window.location.href = '/manage_result';
                                        }
</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>