<?php
session_start();
include 'core.php';
include 'veriflog.php';
?>
<!DOCTYPE html>
<html lang="en">
<style>
    a {
    text-decoration: none;
    color:rgb(209, 63, 10);
    font-weight: bold;
    transition: color 0.3s ease-in-out, transform 0.3s;
}

a:hover {
    color: #007bff;
    transform: scale(1.05);
}

.panel {
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.panel:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

.panel {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


</style>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>.: SVAM - Interface d'administration :.</title>
        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
        <!-- Start Global Mandatory Style
           =====================================================================-->
        <!-- jquery-ui css -->
        <link href="assets/plugins/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
        <!-- Bootstrap -->
        <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <!-- Bootstrap rtl -->
        <!--<link href="assets/bootstrap-rtl/bootstrap-rtl.min.css" rel="stylesheet" type="text/css"/>-->
        <!-- Lobipanel css -->
        <link href="assets/plugins/lobipanel/lobipanel.min.css" rel="stylesheet" type="text/css"/>
        <!-- Pace css -->
        <link href="assets/plugins/pace/flash.css" rel="stylesheet" type="text/css"/>
        <!-- Font Awesome -->
        <link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <!-- Pe-icon -->
        <link href="assets/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet" type="text/css"/>
        <!-- Themify icons -->
        <link href="assets/themify-icons/themify-icons.css" rel="stylesheet" type="text/css"/>
        <!-- End Global Mandatory Style
           =====================================================================-->
        <!-- Start page Label Plugins 
           =====================================================================-->
        <!-- Emojionearea -->
        <link href="assets/plugins/emojionearea/emojionearea.min.css" rel="stylesheet" type="text/css"/>
        <!-- Monthly css -->
        <link href="assets/plugins/monthly/monthly.css" rel="stylesheet" type="text/css"/>
        <!-- End page Label Plugins 
           =====================================================================-->
        <!-- Start Theme Layout Style
           =====================================================================-->
        <!-- Theme style -->
        <link href="assets/dist/css/stylecrm.css" rel="stylesheet" type="text/css"/>
        <!-- Theme style rtl -->
        <!--<link href="assets/dist/css/stylecrm-rtl.css" rel="stylesheet" type="text/css"/>-->
        <!-- End Theme Layout Style
           =====================================================================-->

        <link href="css/svam.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
        <link rel="stylesheet" href="bootstrap/css/bootstrap-datetimepicker.css"> 


        <link rel="stylesheet" href="css/cus-icons.css" />
    </head>
    <body class="hold-transition sidebar-mini">
        <!--preloader-->
        <div id="preloader">
            <div id="status"></div>
        </div>
        <!-- Site wrapper -->
        <div class="wrapper">

<?php
include("includes/header.php");
?>
            <!-- =============================================== -->
            <!-- Left side column. contains the sidebar -->
            <aside class="main-sidebar">
                <!-- sidebar -->
                <div class="sidebar" id="sidebar">


<?php
include("leftmenu_default.php");
?>


                </div>

            </aside>
            <!-- =============================================== -->
            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper" id="content-wrapper">

<?php
include("includes/content.php");
?>

            </div>
            <!-- /.content-wrapper -->
<?php
include("includes/footer.php");
?>
        </div>


        <div id="myModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">

                        <h5 class="modal-title" ></h5>
                    </div>
                    <div class="modal-body">

                    </div>
                    <!--
                     <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                            <button  class="btn btn-default btn-success" type="submit" name="submit" value="Submit">Ajouter</button>
                        </div>-->
                </div>
            </div>
        </div>
        <!-- /.wrapper -->
        <!-- Start Core Plugins
           =====================================================================-->
        <!-- jQuery -->
        <script src="assets/plugins/jQuery/jquery-1.12.4.min.js" type="text/javascript"></script>
        <!-- jquery-ui --> 
        <script src="assets/plugins/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <!-- lobipanel -->
        <script src="assets/plugins/lobipanel/lobipanel.min.js" type="text/javascript"></script>
        <!-- Pace js -->
        <script src="assets/plugins/pace/pace.min.js" type="text/javascript"></script>

        <script src="assets/plugins/table-export/tableExport.js" type="text/javascript"></script>
        <script src="assets/plugins/table-export/jquery.base64.js" type="text/javascript"></script>
        <script src="assets/plugins/table-export/html2canvas.js" type="text/javascript"></script>
        <script src="assets/plugins/table-export/sprintf.js" type="text/javascript"></script>
        <script src="assets/plugins/table-export/jspdf.js" type="text/javascript"></script>
        <script src="assets/plugins/table-export/base64.js" type="text/javascript"></script>
        <!-- dataTables js -->
        <script src="assets/plugins/datatables/dataTables.min.js" type="text/javascript"></script>
        <!-- SlimScroll -->
        <script src="assets/plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <!-- FastClick -->
        <script src="assets/plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
        <!-- CRMadmin frame -->
        <script src="assets/dist/js/custom.js" type="text/javascript"></script>
        <!-- End Core Plugins
           =====================================================================-->
        <!-- Start Page Lavel Plugins
           =====================================================================-->
        <!-- ChartJs JavaScript -->
        <script src="assets/plugins/chartJs/Chart.min.js" type="text/javascript"></script>
        <!-- Counter js -->
        <script src="assets/plugins/counterup/waypoints.js" type="text/javascript"></script>
        <script src="assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
        <!-- Monthly js -->
        <script src="assets/plugins/monthly/monthly.js" type="text/javascript"></script>
        <!-- End Page Lavel Plugins
           =====================================================================-->
        <!-- Start Theme label Script
           =====================================================================-->
        <!-- Dashboard js -->
        <script src="assets/dist/js/dashboard.js" type="text/javascript"></script>
        <!-- End Theme label Script
           =====================================================================-->
        <script type="text/javascript" src="js/svam.js" ></script>


      <script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="plugins/datatables/dataTables.buttons.min.js"></script>
<script src="plugins/datatables/buttons.html5.min.js"></script>
        <script src="plugins/datepicker/bootstrap-datepicker.js"></script>
        <script src="plugins/datepicker/locales/bootstrap-datepicker.fr.js"></script>



        <script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
        <script src="bootstrap/js/locales/bootstrap-datetimepicker.fr.js"></script> 







        <script>


            $(document).ready(function () {

<?php

//echo "MoCount=".count($applist);
    for ($k = 0; $k < count($applist); $k++) {
    
        ?>



                        $('#appId<?php echo $applist[$k]['menuId']; ?>').popover({
                            content: '<span><strong>Liste des applications</strong></span><ul><?php echo $applist[$k]['menuData']; ?></ul>',
                            trigger: 'hover focus',
                            placement: 'bottom',
                            html: true,
                            container: 'body'
                        });

        <?php
    }

?>



            });
        </script>

<?php /* include 'call_event_listener.php'*/ ?> ;

    </body>


</html>

