  <!DOCTYPE html>
  <html lang="en">
  <head>
  <!-- header -->
  <?php 


  use App\Libraries\MyEncrypt;
    $session = session();
?>
  <!-- /header -->

   <script src="<?php echo base_url();?>/assets/js/plugins/datatables/media/js/jquery.dataTables.js"></script>
  <script src="<?php echo base_url();?>/assets/js/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
  <script src="<?php echo base_url();?>/assets/js/plugins/datatables/extensions/ColReorder/js/dataTables.colReorder.min.js"></script>
  <script src="<?php echo base_url();?>/assets/js/plugins/datatables/media/js/dataTables.bootstrap.js"></script>
  <script src="<?php echo base_url();?>/assets/js/plugins/tagsinput/tagsinput.min.js"></script>
  <script type="text/javascript" language="javascript" src="<?php echo base_url();?>/assets/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" language="javascript" src="<?php echo base_url();?>/assets/js/dataTables.bootstrap.min.js"> </script>

  <!-- Theme JS files -->
 
<!---- Theme files for headers--->


<script type="text/javascript" src="<?php echo base_url('assets/js/plugins/forms/selects/bootstrap_select.min.js');?>"></script>

  <!-- Theme JS files -->
  <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/tables/datatables/datatables.min.js');?>"></script>
  <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/tables/datatables/extensions/responsive.min.js');?>"></script>
  <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/forms/selects/select2.min.js');?>"></script>

  <script type="text/javascript" src="<?php echo base_url('assets/js/core/app.js');?>"></script>
  <script type="text/javascript" src="<?php echo base_url('assets/js/pages/datatables_responsive.js');?>"></script>
  <!-- /theme JS files -->

  <!-- notify JS files -->
    <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/notifications/jgrowl.min.js');?>"></script>

    <!-- Theme JS files -->
  <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/notifications/bootbox.min.js');?>"></script>
  <script type="text/javascript" src="<?php echo base_url('assets/js/plugins/notifications/sweet_alert.min.js');?>"></script>


<?php
      echo view('admin/common_header'); 
?>
<link rel="stylesheet" href="<?php echo  base_url();?>/assets/genview/css/bootstrap.min.css"/>


  <style type="text/css">

 
  
.collapse {
display: block;
}
.page-container{
min-height:1px !important;
}

.icons-list a[data-action="reload1"]:after {
content: '\e9fb';
}

.btns {
padding: 5px;
}


.icons-list > li {
display: inline-block;
font-size: 26px;
}
.heading-elements .icons-list {
margin-top: 5px;
}

  </style>

  </head>

  <body class="navbar-top-md-md pace-done">
  <!-- Fixed navbars wrapper -->
  <div class="navbar-fixed-top">

  <!-- Main navbar -->
  <?php echo view('admin/mainnav'); ?>
  <!-- /main navbar -->


  <!-- Second navbar -->
  <?php echo view('admin/secondnav'); ?>
  <!-- /second navbar -->

  </div>
  <!-- /fixed navbars wrapper -->

  


  <!-- Page container -->
  <div class="page-container">

  <!-- Page content -->
  <div class="page-content">



  <!-- Main content -->
  <!--<div class="content-wrapper">-->

  <!-- Horizontal form -->
  <!--<div class="panel panel-flat">-->
  <!--<div class="panel-heading">
  <h5 class="panel-title"><?php echo lang('genealogy_page_title'); ?></h5>
  <div class="heading-elements">
  <ul class="icons-list">
  <li><a data-action="collapse"></a></li>
  <li><a data-action="close"></a></li>
  </ul>
  </div>
  </div>-->
  

  <div id="matrix"  style="display:none;opacity:0;">
    <div class="container">
      <div class="row">

    <div class="col-md-12">

<div>
    <?php echo $val;?>
</div>

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

  <!--</div>-->
  <!-- /horizotal form -->

  <!-- </div>-->
  <!-- /main content -->

  </div>
  <!-- /page content -->


  <!-- Footer -->
  <div class="footer text-muted">
  <?php echo site_footer();?>
  </div>
  <!-- /footer -->

  </div>
  <!-- /page container -->

 
  <script type="text/javascript">
  var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);
  </script>


  <link rel="stylesheet" href="<?php echo  base_url();?>/assets/genview/css/jquery.jOrgChart.css"/>
  <link rel="stylesheet" href="<?php echo  base_url();?>/assets/genview/css/custom.css"/>
  <link href="<?php echo  base_url();?>/assets/genview/css/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="<?php echo  base_url();?>/assets/genview/js/prettify.js"></script>
  <script type="text/javascript" src="<?php echo  base_url();?>/assets/genview/js/jquery.min.js"></script>
  <link href="<?php echo  base_url();?>/assets/genview/css/autocomplete.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="<?php echo  base_url();?>/assets/genview/js/jquery.ui.min.js"></script>
  <script src="<?php echo  base_url();?>/assets/genview/js/jquery.jOrgChart.js"></script>
  

    

  <script>

  jQuery(document).ready(function() {

  $("#org").jOrgChart({
  chartElement : '#chart',
  dragAndDrop : false
  });
  });
  </script>


  <div id="chart" style="padding-top:5px; display:block; margin-top:-80px; margin-right:2px;" class="orgChart" align="center"></div>
  <br/><br/><br/>


  <!--<div align="center">
  <a id="minusBtn"  style="cursor:pointer"><img src="<?php echo base_url();?>/assets/img/plugins/details_close.png" /></a>
  <a id="plusBtn"  style="cursor:pointer"><img src="<?php echo base_url();?>/assets/img/plugins/details_open.png" /></a>
  </div>-->

  <script>
  

  </script>
  </body>
  </html>
