<?php
ob_start();
?>
<!DOCTYPE html>
<html>

<?php
include 'init.php';
$pageName = null;
$sear = null;

if (isset($_GET['searched'])) {
    $sear = htmlspecialchars($_GET['searched']);
}
if (isset($_GET['r'])) {
    include 'includes/r.php';             
    die();
}
if(loggedIN()) {
    include 'includes/head.php';
?>

<body>
    <div id="wrapper">
        <?php
            include 'includes/nav.php';
        ?>
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <?php

            if (isset($_SESSION['admin'])) {
                ?>

                <div class="alert alert-danger alert-dismissable">
                    <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                    Viewing as <strong><?php echo userData(user())['email'] ?></strong>. Be mindful of what you are changing. <a class="alert-link" href="#" onclick="deImpersonate()">Go back</a>.
                </div>
                <?php
            }


            ?>
        <div class="row border-bottom">

        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#" onclick="checkBodyClass()"><i class="fa fa-bars"></i> </a>
        </div>
<script>
    // check if body class contains 'mini-navbar'
    function checkBodyClass() {
        if ($('body').hasClass('mini-navbar')) {
            // if it does, remove it
            $('body').removeClass('mini-navbar');
        } else {
            // if it doesn't, add it
            $('body').addClass('mini-navbar');
        }
    }
</script>
            <ul class="nav navbar-top-links navbar-right">
                <li>                    
                    <form action="" method="get">
                        <div class="input-group">
                            <?php
                            if (isset($_GET['inbox'])) {
                                $pageName = 'inbox';
                            } elseif (isset($_GET['outbox'])) {
                                $pageName = 'outbox';                                
                            } elseif (isset($_GET['scheduled'])) {
                                $pageName = 'scheduled';                                
                            } elseif (isset($_GET['group'])) {
                                $pageName = 'group';                                
                            } elseif (isset($_GET['keywords'])) {
                                $pageName = 'keywords';                                
                            } elseif (isset($_GET['suppressed'])) {
                                $pageName = 'suppressed';                                
                            } elseif (isset($_GET['outbox'])) {
                                $pageName = 'inbox';                                
                            } elseif (isset($_GET['scheduled'])) {
                                $pageName = 'scheduled';                                
                            } elseif (isset($_GET['scheduled_n'])) {
                                $pageName = 'scheduled_n';                                
                            } elseif (isset($_GET['manage'])) {
                                $pageName = 'manage';                                
                            } elseif (isset($_GET['senderids'])) {
                                $pageName = 'senderids';                                
                            } elseif (isset($_GET['managecampaigns'])) {
                                $pageName = 'managecampaigns';                                
                            } elseif (isset($_GET['mysuprressions'])) {
                                $pageName = 'mysuprressions';                                
                            } elseif (isset($_GET['campaigns'])) {
                                $pageName = 'campaigns';                                
                            } elseif (isset($_GET['allinbox'])) {
                                $pageName = 'allinbox';                                
                            }

                            ?>
                            <input type="hidden" name="<?php echo $pageName; ?>" value="fetch">
                            <input type="text" required placeholder="Search" style="display: none;" id="search" name="searched" value="<?php echo $sear; ?>" class="form-control">
                            <span class="input-group-append"> 
                                <button type="submit" style="display: none;" id="search_btn"  onclick="hideSearch()" class="btn btn-default"><i class="fa fa-search"></i></button>
                            </span>  

                        </div>                          
                    </form>
                            <!-- hide and reveal onclick the input for mobile  -->
                            <script>
                                function hideSearch() {
                                    var x = document.getElementById("search");
                                    var y = document.getElementById("search_toggle");
                                    var z = document.getElementById("search_btn");
                                    if (x.style.display === "none") {
                                        x.style.display = "block";
                                    } else {
                                        x.style.display = "none";
                                    }
                                    if (y.style.display === "none") {
                                        y.style.display = "block";
                                    } else {
                                        y.style.display = "none";
                                    }
                                    if (z.style.display === "none") {
                                        z.style.display = "block";
                                    } else {
                                        z.style.display = "none";
                                    }
                                }
                            </script>
                </li>

                <li>
                    <button type="btn" id="search_toggle" style="display: block;" onclick="hideSearch()" class="btn btn-default"><i class="fa fa-search"></i></button>  
                </li>
                <?php
                    if (isset($_GET['group'])) {
                ?>

                <li>
                    <button type="button" onclick="displayModal('add_contact')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Add a new contact" data-original-title="Add a new contact"><i class="fa fa-user-plus"></i></button>
                </li>
                <li>
                    <button type="button" onclick="displayModal('add_group')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Add a new group" data-original-title="Add a new group"><i class="fa fa-group"></i></button>
                </li>
                <li>
                    <button type="button" onclick="displayModal('edit_group')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Change the group name" data-original-title="Change the group name"><i class="fa fa-pencil"></i></button>
                </li>

                <?php
                    if (isset($_GET['id'])) {
                ?>

                <li>
                    <button type="button" onclick="displayModal('delete_group')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Delete group" data-original-title="Delete group"><i class="fa fa-trash"></i></button>
                </li>

                <li>
                    <button type="button" onclick="location.href='./?export=true&grp=<?php echo sanitize($_GET['id']); ?>&token=<?php echo $_SESSION['token']; ?>'" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export contacts from <?php echo groupData(sanitize($_GET['id']))['group_name']; ?>" data-original-title="Export contacts from <?php echo groupData(sanitize($_GET['id']))['group_name']; ?>"><i class="fa fa-cloud-download"></i></button>
                </li>

                <?php
                    } else {
                ?>

                <li>
                    <button  type="button" onclick="location.href='./?export=true&token=<?php echo $_SESSION['token']; ?>'" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export contacts" data-original-title="Export contacts"><i class="fa fa-cloud-download"></i></button>
                </li>

                <?php
                    }

                    }

                    if (isset($_GET['keywords'])) {
                ?>

                <li>
                    <button type="button" onclick="displayModal('keyword_modal')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Add a new keyword" data-original-title="Add a new keyword"><i class="fa fa-plus"></i></button>
                </li>

                <?php
                    }

                    if (isset($_GET['inbox'])) {
                ?>

                <li>
                    <button type="button" onclick="location.href='./?exportInbox=true&token=<?php echo $_SESSION['token']; ?>'" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export inboxes" data-original-title="Export inboxes"><i class="fa fa-cloud-download"></i></button>
                </li>

                <?php
                    }

                    if (isset($_GET['senderids'])) {
                ?>

                <li>
                    <button type="button" onclick="displayModal('sender_ids_modal')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Add a new sender id" data-original-title="Add a new sender id"><i class="fa fa-plus"></i></button>
                </li>

                <?php
                    }

                    if (isset($_GET['mysuprressions'])) {
                        if (isset($_GET['id'])) {
                            ?>
            
                            <li>
                                <button type="button" onclick="displayModal('delete_suppression_group')" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Delete suppression group" data-original-title="Delete suppression group"><i class="fa fa-trash"></i></button>
                                <button type="button" onclick="displayNewSuppression()" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Add new suppressions" data-original-title="Add new suppressions"><i class="fa fa-plus"></i></button>
                            </li>

                            <?php
                        }
                    }

                ?>
                <li style="padding: 20px">
                    <span class="m-r-sm text-muted welcome-message"><?php echo userData($_SESSION['id'])['name'].' ('.userData($_SESSION['id'])['email'].')'; ?></span>
                </li>
                <li>
                    <a href="./?logout">
                        <i class="fa fa-sign-out"></i> Log out
                    </a>
                </li>
            </ul>

        </nav>
        </div>
        <?php
            if(isset($_GET['sendsms'])) {
                include 'includes/sendsms.php';             
            } elseif (isset($_GET['absplit'])) {
                include 'includes/absplit.php'; 
            } elseif (isset($_GET['inbox'])) {
                include 'includes/inbox.php'; 
            } elseif (isset($_GET['outbox'])) {
                include 'includes/outbox.php'; 
            } elseif (isset($_GET['scheduled'])) {
                include 'includes/scheduled.php'; 
            } elseif (isset($_GET['scheduled_n'])) {
                include 'includes/scheduled_n.php'; 
            } elseif (isset($_GET['scheduled'])) {
                include 'includes/sendsms.php'; 
            } elseif (isset($_GET['group'])) {
                include 'includes/group.php'; 
            } elseif (isset($_GET['keywords'])) {
                include 'includes/keywords.php'; 
            } elseif (isset($_GET['import'])) {
                include 'includes/import.php'; 
            } elseif (isset($_GET['suppressed'])) {
                include 'includes/suppressed.php'; 
            } elseif (isset($_GET['settings'])) {
                include 'includes/settings.php'; 
            } elseif (isset($_GET['help'])) {
                include 'includes/help.php'; 
            } elseif (isset($_GET['kannel'])) {
                include 'includes/kannel.php'; 
            } elseif (isset($_GET['logout'])) {
                include 'includes/logout.php'; 
            } elseif (isset($_GET['login'])) {
                include 'includes/login.php'; 
            } elseif (isset($_GET['manage'])) {
                include 'includes/manage.php'; 
            } elseif (isset($_GET['managecampaigns'])) {
                include 'includes/manage_campaigns.php'; 
            } elseif (isset($_GET['campaigns'])) {
                include 'includes/campaigns.php'; 
            } elseif (isset($_GET['reverse'])) {
                include 'includes/de_impersonate.php'; 
            } elseif (isset($_GET['dashboard'])) {
                include 'includes/dashboard.php'; 
            } elseif (isset($_GET['credits'])) {
                include 'includes/dashboard.php'; 
            } elseif (isset($_GET['allinbox'])) {
                include 'includes/universal_inbox.php'; 
            } elseif (isset($_GET['mysuprressions'])) {
                include 'includes/mysuprressions.php'; 
            } elseif (isset($_GET['senderids'])) {
                include 'includes/senderids.php'; 
            } elseif (isset($_GET['sample'])) {
                header("Location: ./files/import_template.csv");
            } elseif (isset($_GET['export'])) {
                if (isset($_GET['grp'])) {
                    $group = sanitize($_GET['grp']);
                    $token = sanitize($_GET['token']);
                    $user = user();
                    // exportGroup($token, $user, $group);
                    header("Location: ./ajax.php?exportGroup=true&grp=".urlencode($group)."&token=".urlencode($token)."&user=".urlencode($user));
                } else {
                    $token = sanitize($_GET['token']);
                    $user = user();
                    // exportGroup($token, $user);  
                    header("Location: ./ajax.php?exportGroup=true&grp=all&token=".urlencode($token)."&user=".urlencode($user));                  
                }
                // include 'includes/sendsms.php'; 
            } elseif (isset($_GET['exportInbox'])) {
                $token = sanitize($_GET['token']);
                $user = user();
                // exportInbox($token, $user);
                header("Location: ./ajax.php?exportInbox=true&token=".urlencode($token)."&user=".urlencode($user));
                // echo "string";
            } else {                  
                include 'includes/sendsms.php'; 
            }
        ?>
        </div>

    </div>
<?php
} else {
    // not logged in
    // echo "Not logged in ".$_SESSION['id'];
    if (isset($_GET['login'])) {
        include 'includes/login.php'; 
    } elseif (isset($_GET['logout'])) {
        include 'includes/logout.php'; 
    } else {
        include 'includes/login.php';         
    }
}


include 'includes/modals.php';     
?>

    <!-- Toast notification -->

<!--     <div class="toast toast toast-bootstrap hide" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; top:20px; right:20px">
        <div class="toast-header">
            <i class="fa fa-square text-navy"> </i>
            <strong class="mr-auto m-l-sm">Notification</strong>
            <small>1 min ago</small>
            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="toast-body">
           Welcome to <strong>INSPINIA</strong> - Responsive Admin Theme.
        </div>
    </div>
 -->
    <!-- Mainly scripts -->
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Flot -->
    <script src="js/plugins/flot/jquery.flot.js"></script>
    <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="js/plugins/flot/jquery.flot.spline.js"></script>
    <script src="js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="js/plugins/flot/jquery.flot.pie.js"></script>

    <!-- Peity -->
    <script src="js/plugins/peity/jquery.peity.min.js"></script>
    <script src="js/demo/peity-demo.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- jQuery UI -->
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>

    <!-- GITTER -->
    <script src="js/plugins/gritter/jquery.gritter.min.js"></script>
    <!-- datatable -->
    <script src="js/plugins/dataTables/datatables.min.js"></script>
    <!-- Sparkline -->
    <script src="js/plugins/sparkline/jquery.sparkline.min.js"></script>

    <!-- Sparkline demo data  -->
    <script src="js/demo/sparkline-demo.js"></script>

    <!-- ChartJS-->
    <script src="js/plugins/chartJs/Chart.min.js"></script>
    <!-- Select2 -->
    <script src="js/plugins/select2/select2.full.min.js"></script>

    <!-- Toastr -->
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <!-- <script src="js/plugins/sweetalert/sweetalert.min.js"></script> -->
    <!-- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> -->

    <script>

        // Upgrade button class name
        $.fn.dataTable.Buttons.defaults.dom.button.className = 'btn btn-white btn-sm';

        $(document).ready(function(){
            $('.dataTables-example').DataTable({
                pageLength: 100,
                responsive: true,
                language: {
                    searchPlaceholder: "N.B. This table only"
                },
                "order": [],
                columnDefs: [
                    {
                        targets: -1,
                        className: 'dt-left'
                    }
                ]

            });

        });

         // $(function () {
         //        $('#datetimepicker2').datetimepicker({
         //            locale: 'ru'
         //        });
         //    });
        // $(document).ready(function() {

        //     let toast = $('.toast');

        //     setTimeout(function() {
        //         toast.toast({
        //             delay: 5000,
        //             animation: true
        //         });
        //         toast.toast('show');

        //     }, 2200);

        //     var data1 = [
        //         [0,4],[1,8],[2,5],[3,10],[4,4],[5,16],[6,5],[7,11],[8,6],[9,11],[10,30],[11,10],[12,13],[13,4],[14,3],[15,3],[16,6]
        //     ];
        //     var data2 = [
        //         [0,1],[1,0],[2,2],[3,0],[4,1],[5,3],[6,1],[7,5],[8,2],[9,3],[10,2],[11,1],[12,0],[13,2],[14,8],[15,0],[16,0]
        //     ];
        //     $("#flot-dashboard-chart").length && $.plot($("#flot-dashboard-chart"), [
        //         data1, data2
        //     ],
        //             {
        //                 series: {
        //                     lines: {
        //                         show: false,
        //                         fill: true
        //                     },
        //                     splines: {
        //                         show: true,
        //                         tension: 0.4,
        //                         lineWidth: 1,
        //                         fill: 0.4
        //                     },
        //                     points: {
        //                         radius: 0,
        //                         show: true
        //                     },
        //                     shadowSize: 2
        //                 },
        //                 grid: {
        //                     hoverable: true,
        //                     clickable: true,
        //                     tickColor: "#d5d5d5",
        //                     borderWidth: 1,
        //                     color: '#d5d5d5'
        //                 },
        //                 colors: ["#1ab394", "#1C84C6"],
        //                 xaxis:{
        //                 },
        //                 yaxis: {
        //                     ticks: 4
        //                 },
        //                 tooltip: false
        //             }
        //     );

        //     var doughnutData = {
        //         labels: ["App","Software","Laptop" ],
        //         datasets: [{
        //             data: [300,50,100],
        //             backgroundColor: ["#a3e1d4","#dedede","#9CC3DA"]
        //         }]
        //     } ;


        //     var doughnutOptions = {
        //         responsive: false,
        //         legend: {
        //             display: false
        //         }
        //     };


        //     var ctx4 = document.getElementById("doughnutChart").getContext("2d");
        //     new Chart(ctx4, {type: 'doughnut', data: doughnutData, options:doughnutOptions});

        //     var doughnutData = {
        //         labels: ["App","Software","Laptop" ],
        //         datasets: [{
        //             data: [70,27,85],
        //             backgroundColor: ["#a3e1d4","#dedede","#9CC3DA"]
        //         }]
        //     } ;


        //     var doughnutOptions = {
        //         responsive: false,
        //         legend: {
        //             display: false
        //         }
        //     };


        //     var ctx4 = document.getElementById("doughnutChart2").getContext("2d");
        //     new Chart(ctx4, {type: 'doughnut', data: doughnutData, options:doughnutOptions});

        // });

        $(window).bind("scroll", function () {
            let toast = $('.toast');
            toast.css("top", window.pageYOffset + 20);

        });

        function displayModal(id) {
            $('#'+id).modal('show');

            document.getElementById('keyword_name').value = '';
            document.getElementById('auto_reply').value = '';
            document.getElementById('keyword_id').value = '';
            $("#group").val('all');
        }
    </script>
    <?php
    if (isset($_GET['manage']) && isset($_GET['user'])) {
        if ($_GET['user'] == user()) {
            ?>
            <script type="text/javascript">
                $('#user_modal').modal('show');
            </script>
            <?php
        } else {

            ?>
            <script type="text/javascript">
                $('#user_modal').modal('show');
            </script>
            <?php
        }
    }

    if (isset($_GET['senderids']) && isset($_GET['edit_sender_id'])) {
            ?>
            <script type="text/javascript">
                $('#edit_sender_id_modal').modal('show');
            </script>
            <?php
    }

    ?>
    <!-- Your Chat Plugin code -->
<div id="fb-customer-chat" class="fb-customerchat">
</div>

<script>
  var chatbox = document.getElementById('fb-customer-chat');
  chatbox.setAttribute("page_id", "56979454002");
  chatbox.setAttribute("attribution", "biz_inbox");
</script>

<!-- Your SDK code -->
<script>
  window.fbAsyncInit = function() {
    FB.init({
      xfbml            : true,
      version          : 'v14.0'
    });
  };

  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
</body>
</html>