<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>INFO PERKARA | Top Navigation</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->

<link href="<?php echo base_url();?>resources/css/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">

</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

  <header class="main-header">
    <nav class="navbar navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <a href="../../index2.html" class="navbar-brand"><b>PERKARA</b>[info]</a>
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
            <i class="fa fa-bars"></i>
          </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">PERDATA <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Pencarian Perkara Perdata</a></li>
                <li><a href="#">Statistik Klasifikasi Perkara Perdata</a></li>
                <li><a href="#">Statistik Perkara Putus Perdata</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">PIDANA <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">TIPIKOR <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
                <li class="divider"></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" id="navbar-search-input" style="width: 370px;" placeholder="Cari Perkara Anda">
            </div>
          </form>
        </div>
      </div>
      <!-- /.container-fluid -->
    </nav>
  </header>
  <!-- Full Width Column -->
  <div class="content-wrapper">
    <div class="container">
      <div class="row">

        <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!--button type="button" class="close" data-dismiss="modal">×</button-->
          <section class="invoice" style="width: 100%;">
          <!-- title row -->
          <div class="row">
            <div class="col-xs-12">
              <h2 class="page-header">
                <i class="fa fa-globe"></i> info PERKARA, Pengadilan Tinggi Pekanbaru.
                <!--small class="pull-right">Date: 2/10/2014</small-->
              </h2>
            </div><!-- /.col -->
          </div>
          <!-- info row -->
          <div class="row invoice-info">
            <div class="col-sm-4 invoice-col">
              From
              <address>
                <strong>Admin, Inc.</strong><br>
                795 Folsom Ave, Suite 600<br>
                San Francisco, CA 94107<br>
                Phone: (804) 123-5432<br/>
                Email: info@almasaeedstudio.com
              </address>
            </div><!-- /.col -->
            <div class="col-sm-4 invoice-col">
              To
              <address>
                <strong>John Doe</strong><br>
                795 Folsom Ave, Suite 600<br>
                San Francisco, CA 94107<br>
                Phone: (555) 539-1037<br/>
                Email: john.doe@example.com
              </address>
            </div><!-- /.col -->
            <div class="col-sm-4 invoice-col">
              <b>Invoice #007612</b><br/>
              <br/>
              <b>Order ID:</b> 4F3S8J<br/>
              <b>Payment Due:</b> 2/22/2014<br/>
              <b>Account:</b> 968-34567
            </div><!-- /.col -->
          </div><!-- /.row -->

          <!-- Table row -->
          <div class="row">
            <div class="col-xs-12 table-responsive">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Qty</th>
                    <th>Product</th>
                    <th>Serial #</th>
                    <th>Description</th>
                    <th>Subtotal</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>Call of Duty</td>
                    <td>455-981-221</td>
                    <td>El snort testosterone trophy driving gloves handsome</td>
                    <td>$64.50</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>Need for Speed IV</td>
                    <td>247-925-726</td>
                    <td>Wes Anderson umami biodiesel</td>
                    <td>$50.00</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>Monsters DVD</td>
                    <td>735-845-642</td>
                    <td>Terry Richardson helvetica tousled street art master</td>
                    <td>$10.70</td>
                  </tr>
                  <tr>
                    <td>1</td>
                    <td>Grown Ups Blue Ray</td>
                    <td>422-568-642</td>
                    <td>Tousled lomo letterpress</td>
                    <td>$25.99</td>
                  </tr>
                </tbody>
              </table>
            </div><!-- /.col -->
          </div><!-- /.row -->

          <div class="row">
            <!-- accepted payments column -->
            <div class="col-xs-6">
              <p class="lead">Payment Methods:</p>
              <img src="../../dist/img/credit/visa.png" alt="Visa"/>
              <img src="../../dist/img/credit/mastercard.png" alt="Mastercard"/>
              <img src="../../dist/img/credit/american-express.png" alt="American Express"/>
              <img src="../../dist/img/credit/paypal2.png" alt="Paypal"/>
              <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
              </p>
            </div><!-- /.col -->
            <div class="col-xs-6">
              <p class="lead">Amount Due 2/22/2014</p>
              <div class="table-responsive">
                <table class="table">
                  <tr>
                    <th style="width:50%">Subtotal:</th>
                    <td>$250.30</td>
                  </tr>
                  <tr>
                    <th>Tax (9.3%)</th>
                    <td>$10.34</td>
                  </tr>
                  <tr>
                    <th>Shipping:</th>
                    <td>$5.80</td>
                  </tr>
                  <tr>
                    <th>Total:</th>
                    <td>$265.24</td>
                  </tr>
                </table>
              </div>
            </div><!-- /.col -->
          </div><!-- /.row -->

          <!-- this row will not appear when printing -->
          <div class="row no-print">
            <div class="col-xs-12">
              <a href="invoice-print.html" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> Print</a>
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>
            </div>
          </div>
        </section>
        </div>
     </div>
  </div>
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
          Top Navigation
          <small>Example 2.0</small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
          <li><a href="#">Layout</a></li>
          <li class="active">Top Navigation</li>
        </ol>
      </section>

      <section class="content">
        <div class="box">
            <div class="box-header">
              <h3 class="box-title">Daftar Perkara Pidana Pada Pengadilan Tinggi Pekanbaru</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                </thead>
                <tbody>
                <?php 
                //print_r($indikator_pidana->num_rows());
                // $i=1;
                // if($indikator_pidana->num_rows()>0){
                // foreach ($indikator_pidana->result() as $row) {
                //         echo "<tr>";
                //         echo "<td>".$row->pdnNoPerkaraPN."</td>";
                //         echo "<td>".$row->pdnNoPerkaraPT."</td>";
                //         echo "<td>".$row->pdnNamaTerdakwa."</td>";
                //         echo "<td>".$row->klaNama."</td>";
                //         echo "<td align='center'>".$row->pdnTglBerkasDiterima."</td>";
                //         echo '<td  align="center"><button type="button" class="btn btn-block btn-primary btn-xs" data-toggle="modal" data-target="#myModal">[detil perkara]</button></td>';
                //         echo "</tr>";
                //       }
                //   }
                ?>
                </tbody>
                <tfoot>
                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                                  <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                v
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                v
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                v
                v
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                v
                v
                v

                v                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>

                v
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>

                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>                <tr>
                  <th>No. Perkara PN</th>
                  <th>No. Perkara PT</th>
                  <th>Nama Terdakwa</th>
                  <th>Klasifikasi Perkara</th>
                  <th>Register</th>
                  <th>Detil</th>
                </tr>
                </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
        <!-- /.box -->
      </section>
      <!-- /.content -->
    </div>
    <!-- /.container -->
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="container">
      <div class="pull-right hidden-xs">
        <b>Version</b> 2.3.8
      </div>
      <strong>Copyright &copy; 2014-2016 <a href="http://pt-pekanbaru.go.id">Pengadilan Tinggi Pekanbaru</a>.</strong> All rights
      reserved.
    </div>
    <!-- /.container -->
  </footer>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/jQuery/jQuery-2.2.3.min.js') ?>"></script>
<!-- Bootstrap 3.3.6 -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/bootstrap/js/bootstrap.min.js') ?>"></script>
<!-- SlimScroll -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/slimScroll/jquery.slimscroll.min.js') ?>"></script>
<!-- FastClick -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/fastclick/fastclick.js') ?>"></script>
<!-- AdminLTE App -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/dist/js/app.min.js') ?>"></script>
<!-- AdminLTE for demo purposes -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/dist/js/demo.js') ?>"></script>
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/datatables/jquery.dataTables.min.js') ?>"></script>
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/datatables/dataTables.bootstrap.min.js') ?>"></script>
<script>
  $(function () {
    $("#example1").DataTable();
  });

</script>

</body>
</html>
