<?php
session_start();
if(isset($_SESSION['teacher'])){
$username = $_SESSION['teacher'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <?php include '../admin/includes/styles.php'; ?>
    <title> Add students cognitive area |    <?php echo $school_name; ?> </title>

</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

    <!-- Navbar -->
    <?php include 'includes/notifications.php'; ?>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <?php

    include "includes/sidebar.php";
    $sql = "SELECT * FROM teachers WHERE username =:username";
    $conn->query($sql);
    $conn->bind(":username", $username);

    $result = $conn->fetchSingle();
    $teacher_name = $result->name;
    ?>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Add or Edit students' cognitive area </h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="<?php echo $conn->teacher_url();?>">Home</a></li>
                            <li class="breadcrumb-item active">Add or Edit students' cognitive area </li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <div class="col-md-12">
                        <div class="card card-secondary">
                            <div class="card-header">
                                <h3 class="card-title"><i class="fa fa-flask"></i> Student's Cognitive Area </h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                            <form class="form-horizontal" method="post" id="cognitive-add">
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="col-md-3">
                                            <label for="class"> Class <span class="text-danger">*</span></label>
                                            <select name="class" id="classID" class="form-control select2 myclass" required data-parsley-trigger="keyup" style="width: 100%;">
                                                <option value="">Select Class</option>
                                                <?php
                                                //fetch all teachers information
                                                $sql = "SELECT * FROM classes";
                                                $conn->query($sql);
                                                $rowcount = $conn->rowCount();

                                                if($rowcount > 0){
                                                    $result = $conn->fetchMultiple();
                                                    foreach ($result as $class) {
                                                        ?>  <option value="<?php echo $class->id; ?>"><?php echo $class->name; ?></option><?php
                                                    }

                                                }

                                                ?>

                                            </select>
                                        </div>

                                        <div class="col-md-3">
                                            <label for="class"> Term <span class="text-danger">*</span></label>
                                            <select name="exam" id="exam" class="form-control select2" required data-parsley-trigger="keyup" style="width: 100%;">
                                                <option value="">Select Term</option>
                                                <?php
                                                //fetch the active term from general settings
                                                $sql = "SELECT active_term FROM general_settings";
                                                $conn->query($sql);
                                                $rowcount = $conn->rowCount();

                                                if($rowcount > 0){
                                                    $active_term = $conn->fetchColumn();
                                                    ?>  <option value="<?php echo $active_term; ?>"><?php echo $active_term; ?></option><?php
                                                }else{
                                                    ?>  <option value="">No active term found</option><?php
                                                }

                                                ?>
                                            </select>
                                        </div>

                                        <div class="col-md-3">
                                            <label for="section"> Section <span class="text-danger">*</span></label>
                                            <select name="section" id="section" class="form-control select2" required data-parsley-trigger="keyup" style="width: 100%;">
                                                <option value="">Select Section</option>


                                            </select>
                                        </div>

                                        <div class="col-md-3">
                                            <label for="year"> Exam Year <span class="text-danger">*</span></label>
                                            <select name="year" id="year" class="form-control select2" required data-parsley-trigger="keyup" style="width: 100%;">
                                                <option value="">Select Year</option>
                                                <?php
                                                $sql = "SELECT DISTINCT school_year  FROM results";
                                                $conn->query($sql);
                                                $result = $conn->fetchMultiple();
                                                foreach ($result as $year){
                                                    $school_year = $year->school_year;
                                                    ?>
                                                    <option value="<?php echo $school_year; ?>"><?php echo $school_year; ?></option>
                                                    <?php
                                                }
                                                ?>
                                            </select>
                                        </div>

                                        <input type="hidden" name="teacher_name" id="teacher_name" value="<?= $teacher_name; ?>">

                                        <div class="col-md-3" style="margin-top: 20px;">
                                            <input type="submit" value="View Student's Details " class="btn btn-info" id="cognitive">
                                        </div>

                                    </div>

                                </div>
                                <div id="success-msg">
                                </div>
                                <!-- /.card-body -->

                                <!-- /.card-footer -->
                            </form>
                        </div>
                        <div class="callout callout-info" style="margin-top: 30px;">
                            <p> Note: You need to add exam scores for the students before adding their cognitive area. </p>
                        </div>
                        <!-- /.card -->
                    </div>

                    <div class="col-md-12">
                        <!--                        display mark details-->
                        <div class="card card-info" id="display-details">

                        </div>


                    </div>


                    <!-- /.row (main row) -->
                </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <?php include "../admin/includes/footer.php";?>

    <script>
        $(document).ready(function () {
            $('#classID').on('change', function () {
                var classID = $(this).val();
                var teacherName = $('#teacher_name').val();
                if(classID){
                    $.ajax({
                        type: 'POST',
                        url: 'fetch_section_psychomotor.php',
                        data: {
                            classesID : classID,
                            teacher_name : teacherName
                        },
                        success: function (html) {
                            $('#section').html(html);
                        }

                    });
                }else{
                    $('#section').html('<option value="">select class  first</option>');
                }
            })
        })
    </script>


    <script>
        $('#cognitive-add').parsley();
        $('#cognitive-add').on('submit', function (event) {
            event.preventDefault();
            if($('#cognitive-add').parsley().isValid()){
                $.ajax({
                    url: 'fetch-cognitive-details.php',
                    method: 'POST',
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    beforeSend: function () {
                        $('#cognitive').attr('disabled', 'disabled');
                        $('#cognitive').val('fetching cognitive area details, pls wait.....');
                    },
                    success: function (data) {
                        $('#cognitive-add').parsley().reset();
                        $('#cognitive').attr('disabled', false);
                        $('#cognitive').val('View Student\'s Details');
                        $('#display-details').html(data);
                    }
                });
            }
        });
    </script>

    <script>
        $(document).ready(function(){
            $('.select2').select2();
        })
    </script>
    <script>
        $(document).ready(function(){
            $('#class').select2();

        })

    </script>
    <script>
        $(function () {
            $("#teacher").DataTable({
                "responsive": true, "lengthChange": false, "autoWidth": false,
                "buttons": ["copy", "csv", "pdf", "print"]
            }).buttons().container().appendTo('#teacher_wrapper .col-md-6:eq(0)');
            $('#example2').DataTable({
                "paging": true,
                "lengthChange": false,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "responsive": true
            });
        });
    </script>


    <script>
        if ( window.history.replaceState ) {
            window.history.replaceState( null, null, window.location.href );
        }
    </script>

    <?php
    }else{
    ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">


        <?php include '../admin/includes/styles.php'; ?>
        <title>Login to continue |    <?php echo $school_name; ?></title>


        <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->

    </head>
    <body>
    <div class="container" style="margin-top: 20%;">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="section-title text-center">
                    <h6> You need to login to continue </h6>
                    <div class="spinner-border text-info" role="status">
                        <span class="sr-only">Loading...</span>
                        <meta http-equiv='refresh' content='3; <?php echo $teacher_login_link; ?>'>
                    </div>
                    <p>Redirecting to the login  page...</p>
                </div>
            </div>
        </div>
    </div>

    <?php
    }

    ?>
