<?php
    function rupiah($angka){
	
        $hasil_rupiah = "Rp " . number_format($angka,2,',','.');
        return $hasil_rupiah;
     
    }
?>
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="<?php echo base_url()?>assets/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="<?php echo base_url()?>assets/css/dataTables.bootstrap4.min.css">

    <link data-require="sweet-alert@*" data-semver="0.4.2" rel="stylesheet" href="<?php echo base_url()?>assets/css/sweetalert.min.css" />

    <link rel="icon" type="image/png" href="../../assets/images/favicon.png" />

    <title>Aplikasi UMKM</title>
  </head>
  <body>

        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">    
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="<?php echo base_url()?>assets/images/logo-white.png" width="100" alt="">
                </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                        
                        </ul>
                        <form methode="POST" action="../login/logout" class="form-inline my-2 my-lg-0" >
                        <button class="btn btn-outline-warning btn-sm my-2 my-sm-0" type="submit">Logout</button>
                        </form>
                    </div>
             </div>
        </nav>

    <div class="container">
       <div class="row">
           <div class="col-md-3" style="cursor:pointer;">
                <div class="card">
                <div class="card-header text-center">
                    <img src="<?php echo base_url()?>assets/images/<?php echo $user_logged->foto_user ?>" width="125" /><br>
                    <strong><?php echo $user_logged->nama ?></strong>
                </div>
                    <ul class="list-group list-group-flush">
                    <a href="<?php echo base_url('index.php/')?>admin/dashboard" style="text-decoration:none;">
                        <li class="list-group-item text-dark border-bottom">Data Pemilik UMKM</li>
                    </a>
                    <a href="<?php echo base_url('index.php/')?>admin/umkm" style="text-decoration:none;">
                        <li class="list-group-item text-dark border-bottom">Data UMKM</li>
                    </a>
                    <a href="<?php echo base_url('index.php/')?>admin/absensi" style="text-decoration:none;">
                        <li class="list-group-item bg-primary text-white border-bottom">Presensi</li>
                    </a>
                    <a href="<?php echo base_url('index.php/')?>admin/laporan" style="text-decoration:none;">
                        <li class="list-group-item text-dark border-bottom">Laporan</li>
                    </a>
                    <a href="<?php echo base_url('index.php/')?>admin/setting" style="text-decoration:none;">
                        <li class="list-group-item text-dark">Setting</li>
                    </a>
                    </ul>
                </div>
           </div>
           <div class="col col-md-9 col-lg-9 col-sm-12 col-12">
                <div class="card">
                    <h5 class="card-header">Presensi</h5>
                    <div class="card-body">
                        <div>
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a href="<?php echo base_url('index.php/')?>admin/absensi" class="nav-link active">Presensi Aktif</a>
                            </li>
                            <li class="nav-item">
                                <a href="<?php echo base_url('index.php/')?>admin/daftarabsen" class="nav-link">Data Presensi</a>
                            </li>
                            <li class="nav-item">
                                <a href="<?php echo base_url('index.php/')?>admin/progresabsen" class="nav-link">Progres Presensi</a>
                            </li>
                            
                        </ul>

                        <div class="mt-3">
                            
                            <div class="card">
                                <div class="card-header bg-primary text-white">
                                    Status Presensi
                                </div>
                                <?php if($active_absen){?>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col col-md-9 col-lg-9 col-sm-12 col-12">
                                            <h3>Presensi Bulan <?php echo $bulan ?> Tahun <?php echo $data_absen->tahun ?></h3>
                                        </div>
                                        <div class="col text-right">
                                            <a class="btn btn-sm btn-warning" href="<?php echo base_url('index.php/')?>admin/detailabsen?id_absen=<?php echo $data_absen->id_absen ?>">Lihat Detail</a>
                                            <a class="btn btn-sm btn-danger" href="<?php echo base_url('index.php/')?>admin/nonaktifabsenutama?id_absen=<?php echo $data_absen->id_absen ?>">Nonaktif</a>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col">
                                            <div class="card  text-center bg-success text-light">
                                                <div class="card-header">
                                                    Jumlah Umkm
                                                </div>
                                                <div class="card-body">
                                                    <h5 class="card-title"><b><?php echo $data_absen->jumlah_umkm?></b></h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="card  text-center bg-info text-light">
                                                <div class="card-header">
                                                    <?php echo $nm_kategori1 ?>
                                                </div>
                                                <div class="card-body">
                                                    <h5 class="card-title"><?php echo $jml_kategori1 ?></h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="card  text-center bg-warning">
                                                <div class="card-header">
                                                <?php echo $nm_kategori2 ?>
                                                </div>
                                                <div class="card-body">
                                                    <h5 class="card-title"><?php echo $jml_kategori2 ?></h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-3 col-lg-3 col-sm-12 col-12 mt-3 mt-md-0 mt-lg-0">
                                            <div class="card  text-center bg-primary text-light">
                                                <div class="card-header">
                                                    <?php echo $nm_kategori3 ?>
                                                </div>
                                                <div class="card-body">
                                                    <h5 class="card-title"><?php echo $jml_kategori3 ?></h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <label>Progres Presensi</label>
                                    <div class="progress" style="height: 25px;">
                                        <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: <?php echo $prosentase_signed_absensi?>%" aria-valuenow="<?php echo $signed_absensi ?>" aria-valuemin="0" aria-valuemax="<?php echo $data_absen->jumlah_umkm ?>"><?php echo $signed_absensi ?></div>
                                        <div class="progress-bar progress-bar-striped bg-secondary" role="progressbar" style="width: <?php echo $prosentase_unsigned_absensi?>%" aria-valuenow="<?php echo $unsigned_absensi ?>" aria-valuemin="0" aria-valuemax="<?php echo $data_absen->jumlah_umkm ?>"><?php echo $unsigned_absensi ?></div>
                                    </div>
                                    <div class="mt-1 mb-2">
                                        <span class="badge badge-success">Sudah Absen</span> 
                                        <span class="badge badge-secondary ml-2">Belum Absen</span> 
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                             <div   div class="card  text-center">
                                                <div class="card-header bg-success text-light">
                                                    Rata-rata Aset
                                                </div>
                                                <?php
                                                     $ratarataaset = ($data_absen->aset/$data_absen->jumlah_umkm);
                                                ?>
                                                <div class="card-body">
                                                    <h5 class="card-title"><?php echo rupiah($ratarataaset) ?></h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col">
                                             <div   div class="card  text-center">
                                                <div class="card-header bg-success text-light">
                                                    Rata-rata Omset Bulan ini
                                                </div>
                                                <?php
                                                     $ratarataomset = ($data_absen->omset/$data_absen->jumlah_umkm);
                                                ?>
                                                <div class="card-body">
                                                    <h5 class="card-title"><?php echo rupiah($ratarataomset) ?></h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <?php } else {?>
                                <div class="card-body text-center">
                                <img src="<?php echo base_url()?>assets/images/search.png" width="150" /><br>
                                    <div class="alert alert-warning" role="alert">
                                        Tidak ada <strong>presensi aktif</strong> saat ini.
                                    </div>
                                    <div>
                                        <a href="<?php echo base_url('index.php/')?>admin/tambahabsen" class="btn btn-lg btn-success">Buat Presensi</a>
                                    </div>
                                </div>
                                <?php } ?>

                            </div>

                        </div>
                        

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

       </div>
    </div>
    

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="<?php echo base_url()?>assets/js/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="<?php echo base_url()?>assets/js/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="<?php echo base_url()?>assets/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script src="<?php echo base_url()?>assets/js/jquery.dataTables.min.js"></script>
    <script src="<?php echo base_url()?>assets/js/dataTables.bootstrap4.min.js"></script>
    <script src="<?php echo base_url()?>assets/js/sweetalert.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#tabeldata').DataTable();
        } );
    </script>

<script>
    const element = document.querySelectorAll('#btn_hapus')
    element.forEach(function(el){
  
      el.addEventListener('click', function (e) {  
      
      e.preventDefault();

      var urlToRedirect = e.currentTarget.getAttribute('href'); //use currentTarget because the click may be on the nested i tag and not a tag causing the href to be empty
      console.log(urlToRedirect); // verify if this is the right URL
      
      swal({
          title: "Kamu yakin ?",
          text: "Data yang dihapus tidak bisa dikembalikan.",
          icon: "warning",
          buttons: [
            'Batal',
            'Hapus'
          ],
          dangerMode: true,
        }).then(function(isConfirm) {
          if (isConfirm) {
            swal({
              title: 'Berhasil',
              text: 'Data berhasil terhapus',
              icon: 'success'
            }).then(function() {
                window.location.href = urlToRedirect;
            });
          } else {
            swal("Batal", "Data tidak terhapus.)", "error");
          }
        });
    });
});
  </script>

  </body>
</html>