<?php
session_start();
if(isset($_SESSION['admin']))
{
    include '../manage/connection.php';
    include '../manage/function.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Class list - Malika International Academy </title>
    <!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="CodedThemes">
    <meta name="keywords"
        content=" Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="CodedThemes">
    <!-- Favicon icon -->
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
    <!-- Google font-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap/css/bootstrap.min.css">
    <!-- themify-icons line icon -->
    <link rel="stylesheet" type="text/css" href="assets/icon/themify-icons/themify-icons.css">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" href="assets/icon/icofont/css/icofont.css">
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="assets/vendors/simple-datatables/style.css">
</head>

<body>
    <!-- Pre-loader start -->
    <div class="theme-loader">
        <div class="ball-scale">
            <div class='contain'>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">

                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
                <div class="ring">
                    <div class="frame"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Pre-loader end -->
    <div id="pcoded" class="pcoded">
        <div class="pcoded-overlay-box"></div>
        <div class="pcoded-container navbar-wrapper">

            <?php
                include 'topnav.php';
            ?>
            <div class="pcoded-main-container">
                <div class="pcoded-wrapper">
                    <?php
                        include 'sidenav.php';
                    ?>
                    <div class="pcoded-content">
                        <div class="pcoded-inner-content">
                            <div class="main-body">
                                <div class="page-wrapper">

                                    <div class="page-body">
                                        <section class="forms">



                                            <div class="row">
                                                <div class="col-sm-10">
                                                    <h3> <span> </span></h3>
                                                    <!-- <div>Current Session <b>First term 2021</b></div> -->
                                                </div>

                                            </div>
                                            <div>
                                                <h4>
                                                    SMS BAL<?php
                                                        // echo 'Available SMS Balance: '.smsBalance();
                                                        ?>
                                                </h4>
                                                <form method="post" id='parentMessage'>
                                                    <table class='table table-striped' id="table1">
                                                        <thead>
                                                            <tr>
                                                                <th><input type="checkbox" id="select_all" /></th>
                                                                <th>S/N</th>
                                                                <th>Parent Name</th>
                                                                <th>Children</th>
                                                                <th>Phone</th>
                                                                <th>Address</th>
                                                                <th>Action</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <?php
                                                    $n=1;
                                                    $getParent=$connect->query('SELECT * FROM students GROUP BY parent_phone');
                                                    while($parentInfo=$getParent->fetch_assoc())
                                                    {
                                                        if($parentInfo['parent_phone']!='0')
                                                        {
                                                            $parent_phone=$parentInfo['parent_phone'];
                                                            $kids="";
                                                            $getStuds=$connect->query("SELECT * FROM students LEFT JOIN classroom ON students.classroom_id=classroom.id  WHERE parent_phone='$parent_phone'");
                                                            while($allkids=$getStuds->fetch_assoc())
                                                            {
                                                                $kids.=($kids==""?" ":"<br/> ").$allkids['firstname'].' '.$allkids['lastname'].' <font color="red">'.strtoupper(substr($allkids['section'],0,1)).$allkids['class_no'].$allkids['class_group'].'</font>';
                                                            }
                                                            echo '<tr>
                                                            <td><input type="checkbox" id="parent_check" name="parent_of_'.$parentInfo['parent_phone'].'" value="'.$parentInfo['parent_phone'].'"/></td>
                                                                <td>'.$n.'</td>
                                                                <td>'.$parentInfo['parent_name'].'</td>
                                                                <td>'.$kids.'</td>
                                                                <td>'.$parentInfo['parent_phone'].'</td> 
                                                                <td>'.$parentInfo['address'].'</td>
                                                                <td>
                                                                    <!--<a href="edit_teacher.php?id='.$parentInfo['id'].'"><button class="btn btn-success">Edit</button></a>-->
                                                                </td>
                                                            </tr>';
                                                        $n++;
                                                        }
                                                    }
                                                ?>
                                                        </tbody>

                                                    </table>
                                                    <!-- Mod -->
                                                    <div class="col-sm-12" align="center">
                                                        <div class="row">
                                                            <div class="col-sm-3"></div>
                                                            <div class="col-sm-6">
                                                                <select class='form-control' name="send_option">
                                                                    <option value="selected">Selected</option>
                                                                    <option value="all">All</option>
                                                                </select>
                                                                <br>
                                                            </div>
                                                        </div>
                                                        <button type="button" class="btn btn-primary"
                                                            data-toggle="modal" data-target="#exampleModalCenter">
                                                            Send Message
                                                        </button>
                                                        <!-- Modal -->
                                                        <div class="modal fade" id="exampleModalCenter" tabindex="-1"
                                                            role="dialog" aria-labelledby="exampleModalCenterTitle"
                                                            aria-hidden="true">
                                                            <div class="modal-dialog modal-dialog-centered"
                                                                role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title"
                                                                            id="exampleModalLongTitle">
                                                                            Send Message</h5>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div id="status" align="center"></div>
                                                                        <!-- FOMR -->
                                                                        <div class="row">

                                                                            <div class="form-group col-sm-12"
                                                                                align="center">
                                                                                <label for="inputEmail4"
                                                                                    class="input__label">Choose
                                                                                    Message Type</label>
                                                                                <select id="inputState"
                                                                                    name="delivery_type"
                                                                                    class="form-control input-style">
                                                                                    <!-- <option value="" selected>--
                                                                                        Choose --
                                                                                    </option> -->
                                                                                    <option value="bulk">Bulk Message
                                                                                    </option>
                                                                                    <option value="individual">
                                                                                        Individual</option>
                                                                                </select>
                                                                            </div>
                                                                            <div class="form-group col-sm-12"
                                                                                align="center">
                                                                                <label for="inputEmail4"
                                                                                    class="input__label">Message</label>
                                                                                <textarea name="message"
                                                                                    class="form-control input-style"
                                                                                    placeholder="Type your message"></textarea>
                                                                            </div>
                                                                            <div class="form-group col-sm-4">
                                                                            </div>
                                                                            <div class="form-group col-sm-4">
                                                                                <button
                                                                                    class="btn btn-primary btn-block"
                                                                                    name="submit">Send Message</button>
                                                                            </div>
                                                                        </div>
                                                                        <!-- FORM -->
                                                                    </div>
                                                                    <!-- <div class="modal-footer">
                                                                    <button type="button" class="btn btn-danger"
                                                                        data-dismiss="modal">Close</button>
                                                                    <button type="button" class="btn btn-success">Save
                                                                        changes</button>
                                                                </div> -->
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>

                                                </form>
                                                <!-- end modal -->
                                            </div>
                                    </div>
                                    <!-- //forms 2 -->
                                    <!-- supported elements -->

                                    </section>
                                </div>

                                <div id="styleSelector">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="fixed-button">
                <a href="https://codedthemes.com/item/guru-able-admin-template/" target="_blank"
                    class="btn btn-md btn-primary">
                    <i class="fa fa-shopping-cart" aria-hidden="true"></i> Upgrade To Pro
                </a>
            </div> -->
        </div>
    </div>

    <!-- Warning Section Starts -->
    <!-- Older IE warning message -->
    <!--[if lt IE 9]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
    <div class="iew-container">
        <ul class="iew-download">
            <li>
                <a href="http://www.google.com/chrome/">
                    <img src="assets/images/browser/chrome.png" alt="Chrome">
                    <div>Chrome</div>
                </a>
            </li>
            <li>
                <a href="https://www.mozilla.org/en-US/firefox/new/">
                    <img src="assets/images/browser/firefox.png" alt="Firefox">
                    <div>Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.opera.com">
                    <img src="assets/images/browser/opera.png" alt="Opera">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/safari/">
                    <img src="assets/images/browser/safari.png" alt="Safari">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                    <img src="assets/images/browser/ie.png" alt="">
                    <div>IE (9 & above)</div>
                </a>
            </li>
        </ul>
    </div>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
    <!-- Warning Section Ends -->
    <!-- Required Jquery -->
    <script type="text/javascript" src="assets/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="assets/js/popper.js/popper.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap/js/bootstrap.min.js"></script>
    <!-- jquery slimscroll js -->
    <script type="text/javascript" src="assets/js/jquery-slimscroll/jquery.slimscroll.js"></script>
    <!-- modernizr js -->
    <script type="text/javascript" src="assets/js/modernizr/modernizr.js"></script>
    <!-- am chart -->
    <script src="assets/pages/widget/amchart/amcharts.min.js"></script>
    <script src="assets/pages/widget/amchart/serial.min.js"></script>
    <!-- Todo js -->
    <script type="text/javascript " src="assets/pages/todo/todo.js "></script>
    <!-- Custom js -->
    <script type="text/javascript" src="assets/pages/dashboard/custom-dashboard.js"></script>
    <script type="text/javascript" src="assets/js/script.js"></script>
    <script type="text/javascript " src="assets/js/SmoothScroll.js"></script>
    <script src="assets/js/pcoded.min.js"></script>
    <script src="assets/js/demo-12.js"></script>
    <script src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script>

    <script src="assets/js/jquery.nicescroll.js"></script>
    <script src="assets/js/scripts.js"></script>
    <script src="assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="assets/vendors/simple-datatables/simple-datatables.js"></script>
    <script src="assets/js/vendors.js"></script>
    <script>
    var $window = $(window);
    var nav = $('.fixed-button');
    $window.scroll(function() {
        if ($window.scrollTop() >= 200) {
            nav.addClass('active');
        } else {
            nav.removeClass('active');
        }
    });
    </script>
    <script>
    $(document).on('change', 'select[name=delivery_type]', function() {
        if ($(this).val() == 'bulk') {
            $('textarea[name=message]').val('');
        } else {
            $('textarea[name=message]').val('Mr. @parent, ');
        }
    });
    $(document).on('click', '#select_all', function() {

        if ($('#select_all').is(':checked')) {
            // alert('Checked')
            $('[id*="parent_check"]').each(function() {
                $(this).prop('checked', true);
            });

        } else {
            // alert('Not Checked')
            $('[id*="parent_check"]').each(function() {
                $(this).prop('checked', false);
            });
        }
    });


    $(document).on('submit', '#parentMessage', function(e) {
        e.preventDefault();
        //    alert("WORKIN");
        var formData = new FormData(this);
        // $("button[type=submit]").attr("disabled", "disabled");
        $('#status').html('<h4 class="card-title">Adding</h4>');
        $.ajax({
            url: "control/parent_notification.php", // Url to which the request is send
            type: "POST", // Type of request to be send, called as method
            data: formData, // Data sent to server, a set of key/value pairs (i.e. form fields and values)
            contentType: false, // The content type used when sending data to the server.
            cache: false, // To unable request pages to be cached
            processData: false, // To send DOMDocument or non processed data file it is set to false
            success: function(data) // A function to be called if request succeeds
            {
                $('#status').html('<h4 class="card-title">' + data + '</h4>');
                // alert(data);
                // $("button[type=submit]").removeAttr("disabled");
            }
        });
    });

    $(document).on('change', 'select[name=send_option]', function()
    {
        if($('select[name=send_option]').val()=='all')
        {
            $('input[type=checkbox]').hide();
        }
        else
        {
            $('input[type=checkbox]').show();
        }
    });

    function readURL(input, id) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $(id)

                    .attr('src', e.target.result)
                    .width('100%')
                    .height(300);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }
    </script>

</body>

</html>
<?php
}
else
{
    header("location:../login.php");
}
?>