                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Rekapitulasi Pelaporan Neo Feeder
                    </h1>
                        <ol class="breadcrumb">
                        <li><a href="<?=base_index();?>"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="<?=base_index();?>rekapitulasi">Rekapitulasi</a></li>
                        <li class="active">Rekapitulasi List</li>
                    </ol>
                </section>

                             <section class="content">

                    <div class="row">
                        <div class="col-xs-12">
<div class="nav-tabs-custom">
            <ul class="nav nav-tabs" id="myTab">
              <li class="active"><a href="#peserta" data-toggle="tab" aria-expanded="true"><i class="fa fa-user"></i> Rekap Input AKM</a></li>
              <li><a href="#mhs_akm" data-toggle="tab"><i class="fa fa-user"></i> Status AKM</a></li>
              <li><a href="#kelulusan" data-toggle="tab"><i class="fa fa-gear"></i> Rekap Aktif/Lulus/DO</a></li>
              <li class=""><a href="#kelas_dosen" data-toggle="tab" aria-expanded="false"><i class="fa fa-calendar"></i> Rekap Kelas Dosen</a></li>
              <li><a href="#krs_khs" data-toggle="tab"><i class="fa fa-bar-chart-o"></i>KRS & KHS</a></li>
              <li><a href="#lewat_studi" data-toggle="tab"><i class="fa fa-bar-chart-o"></i>MHS Lewat Masa Studi</a></li>
              <li><a href="#rasio" data-toggle="tab"><i class="fa fa-bar-chart-o"></i>Rasio Dosen</a></li>
            </ul>
            <div class="tab-content" style="margin-bottom:150px">
                          <div class="row" id="show_progress" style="display: none">
   <div class="col-md-11">
    Mohon Tunggu sedang Mengambil Rekap Data <img src="<?=base_admin();?>assets/dist/img/squares.gif">
    </div>
  </div>
              <div class="tab-pane active" id="peserta">
                <?php
                include "view_rekap_akm.php";
                ?>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="mhs_akm">
                <?php
                include "view_mahasiswa_akm.php";
                ?>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="kelulusan">
                <?php
                include "view_kelulusan.php";
                ?>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="kelas_dosen">
                <?php
                include "view_kelas_dosen.php";
                ?>
              </div>

              <div class="tab-pane" id="krs_khs">
                 <?php
                include "view_krs.php";
                ?>
              </div>
               <div class="tab-pane" id="lewat_studi">
                 <?php
                include "view_lewat_studi.php";
                ?>
              </div>
              <div class="tab-pane" id="rasio">
                 <?php
                include "view_rasio.php";
                ?>
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
                 
                </div>
              </div>
    </section><!-- /.content -->

<style>
  .modal-lg {
    width:80%;
  }
</style>
    <div class="modal" id="modal_data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"><div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Data</h4> </div> <div class="modal-body" id="isi_data"> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div>       

<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
    <script src="<?=base_admin();?>assets/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
<!-- DataTables Buttons CSS -->
    <link rel="stylesheet" type="text/css" href="http://103.183.74.106/assets/datatables/extensions/TableTools/css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="http://103.183.74.106/assets/datatables/extensions/Buttons/css/buttons.dataTables.min.css">
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/extensions/Buttons/js/dataTables.buttons.min.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/extensions/Buttons/js/buttons.flash.min.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/jszip.min.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/pdfmake.min.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/vfs_fonts.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/extensions/Buttons/js/buttons.html5.min.js">
    </script>
    <script type="text/javascript" language="javascript" src="http://103.183.74.106/assets/datatables/extensions/Buttons/js/buttons.print.min.js">
        <script type="text/javascript">
$(document).ready(() => {
  let url = location.href.replace(/\/$/, "");
 
  if (location.hash) {
    const hash = url.split("#");
    $('#myTab a[href="#'+hash[1]+'"]').tab("show");
    url = location.href.replace(/\/#/, "#");
    history.replaceState(null, null, url);
    setTimeout(() => {
      $(window).scrollTop(0);
    }, 400);
  } 
   
  $('a[data-toggle="tab"]').on("click", function() {
    let newUrl;
    const hash = $(this).attr("href");
    if(hash == "#peserta") {
      newUrl = url.split("#")[0];
    } else {
      newUrl = url.split("#")[0] + hash;
    }
    newUrl += "/";
    history.replaceState(null, null, newUrl);
  });
});  
</script>
            