<link href="<?php echo base_url();?>resources/css/bootstrap.css" rel="stylesheet">
<!-- <link href="<?php echo base_url();?>resources/css/jquery.smartmenus.bootstrap.css" rel="stylesheet"> -->
<link rel="stylesheet" href="<?php echo base_url('resources/css/AdminLTE.css') ?>">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
  #content{overflow: hidden;}
  .modal-besar{
    width: 98%;
  }
</style>
<body class="hold-transition skin-blue layout-top-nav">
<style type="text/css">
  ul {
  font-size: 12px;
  font-style: normal;
  }
</style>

<div class="wrapper">
  <div class="content-wrapper">
    <section class="content-header">
      <h1>LAPORAN UPLOAD
        <small>Dokumen Elektronik (d-Docs) Direktori Putusan Mahkamah Agung</small>
      </h1>
    </section>
  <div class="konten">
    <section class="content">
      <div class="row">
        <div class="col-md-6">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">ANTRIAN E-DOC's PUTUSAN AKHIR UPLOAD <small>Upload e-Docs Pada DIREKTORI PUTUSAN</small></h3>
            </div>
            <div class="box-body" style="font-size: 12;">
              <ul class="todo-list">
                <li>
                  <!-- drag handle -->
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <!-- checkbox -->
                  <!-- todo text -->
                  <span class="text">Jumlah Perkara Putus</span>
                  <!-- Emphasis label -->
                  <small class="label label-primary" style="font-size: 13px;"><i class="fa fa-balance-scale"></i> <?php echo $putus ;?></small>
                  <!-- General tools such as edit or delete-->
                  <div class="tools">
                    <!--i class="fa fa-eye" id="putus_list" nama="putus_list" value="1" data-toggle="modal" data-target="#modalku"></i-->
                    <i class="fa fa-eye putus_list" id="putus_list" nama="putus_list" value="1" ></i>
                  </div>
                </li>
                <li>
                  <!-- drag handle -->
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <!-- checkbox -->
                  <!-- todo text -->
                  <span class="text">Jumlah Perkara Minutasi</span>
                  <!-- Emphasis label -->
                  <small class="label label-danger" style="font-size: 13px;"><i class="fa fa-legal"></i> <?php echo $minutasi ?></small>
                  <!-- General tools such as edit or delete-->
                  <div class="tools">
                    <i class="fa fa-eye putus_list " value="2"></i>
                  </div>
                </li>
                <li>
                  <!-- drag handle -->
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <!-- checkbox -->
                  <!-- todo text -->
                  <span class="text">Jumlah Perkara Belum Minutasi</span>
                  <!-- Emphasis label -->
                  <small class="label label-danger" style="font-size: 13px;"><i class="fa fa-legal"></i> <?php echo $belumminutasi ?></small>
                  <!-- General tools such as edit or delete-->
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                  <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah File Putusan yang diupload (lokal)</span>
                  <small class="label label-info" style="font-size: 13px;"><i class="fa fa-download"></i> <?php echo $jumlah_edoc ?> </small>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                  <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah File Putusan yang Belum diupload (lokal)</span>
                  <small class="label label-info" style="font-size: 13px;"><i class="fa fa-file-pdf-o"></i> <?php echo $jum_non_edoc ?> </small>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah Putusan yang sudah diupload ke Direktori Putusan (e-Docs)</span>
                  <small class="label label-success" style="font-size: 13px;"><i class="fa fa-paper-plane-o"></i> - </small>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah Putusan yang belum diupload ke Direktori Putusan (e-Docs)</span>
                  <small class="label label-success" style="font-size: 13px;"><i class="fa fa-times-circle"></i> - </small>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah Putusan yang gagal upload ke Direktori Putusan (e-Docs)</span>
                  <small class="label label-primary" style="font-size: 13px;"><i class="fa fa-warning"></i> - </small>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
                <li>
                      <span class="handle">
                        <i class="fa fa-ellipsis-v"></i>
                        <i class="fa fa-ellipsis-v"></i>
                      </span>
                  <span class="text">Jumlah Antrian Saat ini</span>
                  <small class="label label-warning" style="font-size: 13px;"><i class="fa fa-hourglass-half"></i> <?php echo $jumlah_row;?> </small>
                   Masuk <span class="badge bg-green"><?php echo $jml_antrian[0]['masuk'];?></span> Sukses <span class="badge bg-green"><?php echo $jml_antrian[0]['sukses'];?></span> Gagal <span class="badge bg-red"><?php echo $jml_antrian[0]['error'];?></span>
                  <div class="tools">
                    <i class="fa fa-eye"></i>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div class="box">
          </div>
        </div>
        <div class="col-md-6">
          <div class="box">
                        <div class="box-header with-border">
              <h3 class="box-title">ANTRIAN E-DOC's UPAYA HUKUM UPLOAD <small>BANDING,KASASI,PENINJAUAN KEMABALI</small></h3>
            </div>
            <div class="box-body ">
              <table class="table table-bordered" style="font-size: 14px;">
                <tr>
                  <th style="width: 10px">#</th>
                  <th>Task</th>
                  <th>Progress</th>
                  <th style="width: 40px">Label</th>
                </tr>
                <tr>
                  <td>1.</td>
                  <td>Uploading Putusan Akhir (TK I)</td>
                  <td>
                    <div class="progress progress-xs">
                      <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
                    </div>
                  </td>
                  <td><span class="badge bg-red">55%</span></td>
                </tr>
                <tr>
                  <td>2.</td>
                  <td>Uploading File Upaya Hukum Kasasi</td>
                  <td>
                    <div class="progress progress-xs">
                      <div class="progress-bar progress-bar-yellow" style="width: 70%"></div>
                    </div>
                  </td>
                  <td><span class="badge bg-yellow">70%</span></td>
                </tr>
                <tr>
                  <td>3.</td>
                  <td>Uploading File Upaya Hukum Peninjauan Kembali</td>
                  <td>
                    <div class="progress progress-xs progress-striped active">
                      <div class="progress-bar progress-bar-primary" style="width: 30%"></div>
                    </div>
                  </td>
                  <td><span class="badge bg-light-blue">30%</span></td>
                </tr>
                <tr>
                  <td>4.</td>
                  <td>Uploading File Pendukung Lainnya</td>
                  <td>
                    <div class="progress progress-xs progress-striped active">
                      <div class="progress-bar progress-bar-success" style="width: 90%"></div>
                    </div>
                  </td>
                  <td><span class="badge bg-green">90%</span></td>
                </tr>
              </table>
            </div>
            <div class="box-footer clearfix">
              <ul class="pagination pagination-sm no-margin pull-right">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">&raquo;</a></li>
              </ul>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->

          <div class="box">
              <div class="box-header with-border">
                  <h4 class="box-title">STATUS TERKINI <small>DIREKTORI PUTUSAN</small></h4>
                  <table class="table table-responsive"><tbody>
                      <tr>
                          <td>Putusan Terupload 
                              <span class="badge bg-light-blue"><i class="fa fa-file-pdf-o"></i>
                                  <?php echo $this->session->userdata('statusputusan');?></span></td>
                          <td rowspan="4">
                              <a href="<?php echo base_url('/api/Putusan/statusputusan');?>" class="btn btn-success btn-md"><i class="fa fa-refresh fa-spin fa-fw"></i> Refresh</a>
                              <a href="<?php echo base_url('/api/Putusan/antrian_upload');?>" id="noLoading" target="_blank" class="btn btn-warning"><i class="fa fa-forward"></i>Jalankan Antrian</a></td>
                      </tr>
                      <tr>
                          <td>Upaya Hukum 
                            <span class="badge bg-yellow"><i class="fa fa-rocket"></i>
                                  <?php echo $this->session->userdata('statuspengajuan');?></span></td>
                      </tr>
                      <tr>
                          <td>File Pendukung 
                            <span class="badge bg-yellow"><i class="fa fa-file"></i>
                                  <?php echo $this->session->userdata('pendukungterupload');?></span></td>
                      </tr>
                      </tbody>
                  </table>
              </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  </div>

  <div class="control-sidebar-bg"></div>
  <div class="modal fade" id="modalku"  tabindex="-1" role="dialog">
    <div class="modal-dialog modal-besar">
        <div id='modalku_konten'class="modal-content">
            
        </div>
    </div>
  </div>
</div>
<script src="<?php echo base_url('resources/js/jquery-2.2.3.min.js') ?>"></script>
<script src="<?php echo base_url('resources/js/bootstrap.min.js') ?>"></script>
<script type="text/javascript">

// $(document).ready(function(){   
//     $(".putus_list").click(function()
//     {       
//      $.ajax({
//          type: "POST",
//          url: '<?php echo base_url()?>antrian_dirput/show_list', 
//          data: {idlist: $(this).attr('value')},
//          dataType: "text",  
//          cache:false,
//          success: 
//               function(data){
//                 //alert(data);  //as a debugging message.
//                 //$('#modalku').load('<?php echo base_url()?>antrian_dirput/show_list/');
//                 $('#modalku_konten').empty();
//                 $('#modalku_konten').append(data);
//                 $("#modalku").modal('show');
//                 //$("#modalku").fadeIn();
//               }
//         });// you have missed this bracket
//         return false;
//     });
//  });

$(document).ready(function(){   
    $(".putus_list").click(function(){
    id = $(this).attr('value');
     window.open('<?php echo base_url()?>antrian_dirput/globalView/'+id,'_self')
      return false;
    });
 });

</script>
